Aller au menu - Aller au contenu

Icône La sélection simple

Mise à jour : 23/02/2012
Difficulté : Facile Facile Creative Commons BY-NC-SA
26 778 visites depuis 7 jours, dont 495 sur ce chapitre classé 12/786
Si l'on associe régulièrement l'activité de graphiste aux outils tels que le pinceau ou le crayon de papier, il ne faut pas oublier que nous, infographistes, avons l'énorme avantage de pouvoir utiliser de nouvelles technologies liées à l'informatique. Cela nous permet ainsi de pouvoir profiter des irremplaçables calques, mais aussi des "retours en arrière" (c'est-à-dire que l'on peut annuler de mauvaises manipulations avec les touches Z combinée à la touche Ctrl (PC) ou Command (Mac)), sans parler du nombre illimité de feuilles mis à notre disposition ^^ .

Parmi les fonctionnalités avantageuses que nous offrent l'informatique et plus exactement Photoshop, il y a les outils de sélection.

Il n'est pas question de sélectionner un calque dans la fenêtre de calque comme on a appris à le faire avec l'outil déplacement, mais de créer une sélection directement dans la zone de travail pour ne travailler que ce qu'il y a à l'intérieur de cette sélection et protéger tout le reste.

Ainsi, on va apprendre à conserver la partie sélectionnée afin d'y apporter des modifications. Mais je ne vous en dis pas plus.

S'ils ne font pas partie des outils que je nomme "outils pratiques", cela ne fait pas moins d'eux des outils utiles et efficaces :) .
Sommaire du chapitre :
Icône du chapitre
Chapitre précédent Sommaire Chapitre suivant

Outil rectangle de sélection

Propriété d'une sélection



Je vous le disais, nous nous apprêtons à créer des sélections. Lors des deux premières parties de ce chapitre, nous apprendrons à manipuler les deux outils de sélection existants. J'ai consacré une dernière partie pour vous expliquer à quoi peuvent éventuellement servir ces outils. Parce que savoir les manipuler, c'est bien, mais en faire quelque chose d'utile, c'est encore mieux !

Je vous rassure, cette partie est plus courte et peut-être moins complexe que celle qui concernait les modes et les options de fusion, de quoi vous reposer un peu avant d'attaquer la prochaine partie ;) .

A force de travailler sur Photoshop, je me suis rendu compte que certains outils devenaient indispensables, quels que soient les projets sur lesquels je travaillais. Les outils de sélection font justement partie de ces ustensiles desquels je ne me sépare plus.

Même si j'ai ma petite idée, qu'est-ce qu'une sélection ?


Une sélection se caractérise sous la forme de petits pointillés animés formant un contour fermé. On ne peut créer une sélection qu'à l'intérieur de la zone de travail.

Image utilisateur


Créer une sélection dans la zone de travail revient à "encadrer" une partie de cette zone pour travailler dessus et seulement dessus. Ainsi, tout le reste (ce qui n'a pas été sélectionné) est protégé, on ne peut plus y toucher.

Image utilisateur


Sur ce schéma, la zone colorée est la zone en sélection. Elle est donc prête à subir des modifications. Le reste (que j'ai volontairement noirci - la sélection ne produit aucunement cet effet en temps normal) est protégé : aucune modification n'est possible ici.

Faites bien la différence entre une sélection au sein de la zone de travail, et un calque sélectionné dans la fenêtre de calques. Cela m'amène à vous rappeler qu'une règle reste inchangée. Vous le savez parce que je l'ai déjà dit, on ne peut apporter des modifications qu'aux calques qui sont sélectionnés dans la fenêtre de calques. Cela signifie donc qu'une sélection dans la zone de travail ne pourra être utile (et on verra plus tard à quoi elles peuvent servir exactement) que sur les calques sélectionnés dans la fenêtre de calques. Si cela vous parait complexe, je vous invite à relire attentivement ce paragraphe en prenant compte des termes que j'emploie, une deuxième lecture vous aidera à mieux comprendre.


Outil rectangle de sélection



Fonctionnement



Voyons maintenant que ces outils ont dans le ventre. Concrètement, il existe quatre outils de sélection et nous n'allons en étudier que deux proposant chacun une forme géométrique différente :

  • Rectangle de sélection
  • Ellipse de sélection


Nous commencerons par l'outil rectangle de sélection Image utilisateur que je vous invite à prendre en main en cliquant sur sa petite vignette dans la boite à outils à gauche de votre écran, ou bien à taper sur la touche M de votre clavier d'ordinateur.

L'outil rectangle de sélection fait partie de la famille des outils de sélections géométriques. Avec cet outil, la sélection que nous allons créer va prendre la forme d'un rectangle quelconque, c'est-à-dire que la sélection se verra dotée de 4 angles droits.

Image utilisateur


Le moment est venu de vous expliquer comment l'utiliser ! :)

N'hésitez pas à travailler avec moi !
Télécharger l'image
SouthPark.png
Pour télécharger l'image, cliquez droit puis "Enregistrer sous"


Voici l'image sur laquelle nous allons nous exercer, il s'agit d'objets que j'ai disposés les uns à côté des autres. Attention, grosse production et qualité oblige, j'ai fait preuve d'imagination en utilisant une quantité remarquable de feuilles blanches pour bâtir un décor idéal, rien que pour vous ! (Et on voit d'ailleurs l'envers du décor dans l'image précédente)

Image utilisateur


Mieux qu'un long discours, voici les 4 étapes (fort simples, je vous demande de me croire) de fonctionnement de cet outil :

  1. Tout d'abord, il faut choisir un point dans la zone de travail à partir duquel la sélection va être créée et va prendre forme.
  2. Ensuite, il va nous falloir cliquer sur ce "point de départ" et maintenir le clique.
  3. Une fois que c'est cliqué, déplacez le curseur de votre souris. C'est ainsi que des pointillés apparaissent : ils caractérisent la sélection. Bon signe : celle-ci prend forme.
  4. Relâcher le clique quand la sélection effectuée convient : les pointillés dansent, votre sélection est terminée.


Trouvez-vous cela compliqué ?

Exemple



Je vous invite à copier l'image sur laquelle nous travaillerons puis la coller dans une nouvelle zone de travail, à moins que vous l'ayez déjà fait. N'oubliez pas : si vous copiez une image, Photoshop prendra compte automatiquement de cette copie et retiendra les dimensions de l'image copiée. Vous n'avez donc pas à taper la taille de la zone de travail puisqu'elle est auto-paramétrée ;) . Autrement, vous pouvez aussi ouvrir l'image en passant directement par le menu Fichier > Ouvrir.

Pour faire cet exemple, je m'apprête à suivre à la lettre les quatre étapes indiquées ci-dessus. Je vais ainsi illustrer chacune d'elle par une image. Veuillez penser à cliquer sur chacune des images suivantes pour les agrandir, merci.

Image utilisateur

J'ai décidé de créer une sélection autour de la jolie petite carte de Noël (confectionnée par ma jolie petite maman, soit dit en passant). Je place alors mon curseur en haut à gauche de l'objet car c'est ici que je souhaite voir prendre forme mon rectangle de sélection (étape 1).



Image utilisateur

Je clique ensuite sur le point que j'ai ciblé avec mon curseur puis je maintiens le clique comme le demande l'étape 2.

Sur l'image ci-dessus, le carré rouge simule la zone dans l'image que nous souhaiterons sélectionner. Ce n'est pas une sélection, juste un moyen pour moi de vous montrer qu'est-ce que je veux sélectionner et comment faire ;) .



Image utilisateur
Je déplace mon curseur et je laisse apparaitre les pointillés de la sélection (étape 3).



Image utilisateur
Enfin, quand je suis satisfait de ma sélection, je lâche le clique : ma sélection est terminée (étape 4).


Nous venons de réaliser notre première sélection !

J'ai lâché le clique trop vite, ma sélection n'est pas correcte ! Que faire ?


Si vous n'êtes pas satisfait de votre sélection, vous n'avez pas de quoi la rattraper pour le moment malheureusement. Des solutions moins draconiennes existent, mais pour l'heure, je peux vous proposer de supprimer votre sélection ratée pour la recommencer ou bien, plus simple, de la déplacer si le cadre de sélection vous convient.

  • La sélection n'est pas bonne, vous souhaitez la supprimer pour la recommencer : cliquez une fois et n'importe où dans la palette flottante de la zone de travail (que ce soit à l'intérieur de la zone de travail ou en dehors, si c'est dans cette fenêtre, cela fonctionnera). Ce clic effacera la sélection en activité, vous pouvez alors en recommencer une. Voici d'ailleurs les bons vieux raccourcis clavier :

    CTRL + D

    Command (ou Pomme) + D

  • La forme donnée à votre sélection est correcte, mais vous souhaitez la déplacer de quelques pixels : à l'inverse, il faut cliquer à l'intérieur de la sélection en maintenant le clique puis déplacer le curseur de la souris.


C'est donc ça, une sélection... ^^


Oui, mais rassurez-vous (enfin, je ne suis pas certain que ce soit vraiment rassurant), il s'agit là d'une sélection ultra simple (si ce n'est la plus simple). Vous avez encore du chemin à parcourir, chers lecteurs ! :)

La barre d'options



Au début du cours, lorsque vous découvriez l'espace de travail, j'ai eu l'occasion de présenter brièvement la barre d'options des outils, souvenez-vous.

Image utilisateur


Figurez-vous que nous allons enfin commencer à travailler avec ces options, l'objectif est d'améliorer la forme de nos sélections qui sont pour le moment, vous me l'accorderez, un peu trop rectangulaires. Nous nous concentrerons sur cette série de boutons :

Image utilisateur


Comme vous pouvez le voir, le premier bouton sélectionné est celui qui se situe tout à gauche de la barre. Il s'agit de l'option par défaut, l'option de base pour l'outil rectangle de sélection. Elle n'apporte rien de plus que ce que nous avons pu faire jusqu'ici, c'est-à-dire la créer une sélection rectangulaire. Par contre, les autres boutons vont davantage nous intéresser dans la mesure où il s'agit d'options que nous n'avons pas évidemment pas abordées.

Ajouter à la sélection



Testons en premier lieu l'option Image utilisateur Ajouter à la sélection. Je vous invite à cliquer dessus ou à utiliser la touche SHIFT (en maintenant la touche)

Jusqu'ici, nous avons su créer une sélection relativement simple, une sélection qui n'était pas plus élaborée que cela :

Image utilisateur


Grâce à l'option Ajouter à la sélection, nous allons être en mesure de :

  • Effectuer de nouvelles sélections en plus de la première sélection créée.
  • Additionner ces nouvelles sélections avec la première sélection créée pour l'agrandir et lui ajouté de nouveaux angles droits.


Effectuer de nouvelles sélections signifie que nous allons créer plusieurs sélections toutes en activité en même temps. Par exemple, nous avions sélectionné la petite carte de Noël tout à l'heure. Et bien, nous allons maintenant pouvoir sélectionner tous les objets, tous les éléments de l'image (à savoir respectivement la carte de Noël, la bougie et le pot en plâtre).

Image utilisateur


Il est par ailleurs également possible de combiner deux sélections et ainsi créer des formes plutôt farfelues :-° .

Image utilisateur


Comme son nom le laisse penser, l'option permet d'ajouter une nouvelle sélection à celle initialement créée. Si la nouvelle sélection est créée à l'intérieur de la sélection mère, alors les deux sélections ne prendront qu'une seule et même forme (image ci-dessus), tout en gardant chacune leurs paramètres respectifs.

Tu peux m'expliquer plus précisément comment on fait ?


Sur l'image ci-dessous, j'ai créé une sélection banale en gardant l'option Image utilisateur Nouvelle sélection sélectionnée.

Image utilisateur
Cliquez sur l'image pour l'agrandir.


J'ai ensuite cliqué sur le bouton représentant l'option Image utilisateur Ajouter à la sélection. On remarque alors que le curseur de ma souris a changé, il est désormais accompagné d'un signe + (on comprend alors qu'il s'agit d'ajouter une sélection).

Image utilisateur
Cliquez sur l'image pour l'agrandir.


On se souvient que pour créer une sélection, il faut d'abord trouver un point où la débuter. Pour le coup, il faut prendre soin de bien débuter la nouvelle sélection à l'intérieur de la première sélection créée et de la finir à l'extérieur.

Image utilisateur
Cliquez sur l'image pour l'agrandir.


Une fois l'opération terminée, il ne reste plus qu'à relâcher le clique.

Image utilisateur
Cliquez sur l'image pour l'agrandir.


Les deux sélections se sont alors additionnées pour ne former qu'une seule et même sélection :) .

Soustraire de la sélection



Maintenant que l'option Image utilisateur Ajouter à la sélection n'a plus de secret pour vous, la maitrise des deux autres sera très vite acquise ;) .

L'option Image utilisateur Soustraire de la sélection ne sert non pas à ajouter une sélection (ça manquerait de sens d'ailleurs) mais à supprimer une partie de la sélection. En fait, l'idée est simple, on utilise cette option de la même manière que la précédente mais en sachant que l'effet sera inverse.

Il est donc possible de réutiliser l'exemple donné pour l'option précédente, sachant qu'on résultera sur une sélection carrément différente de la précédente. Je reprends la sélection de base :

Image utilisateur


J'ai ensuite cliqué sur le bouton représentant l'option Image utilisateur Soustraire de la sélection. J'aurais pu passer par la touche ALT (en la maintenant) (ou Option pour Mac).

Nouvelle remarque : le curseur de ma souris a encore changé, il s'agit désormais du signe - (on comprend alors qu'il s'agit de soustraire de la sélection :-° ).

Image utilisateur


Je vous rappelle que je dois choisir le point de départ n'importe où dans ma zone de travail, tant qu'une partie de la sélection se situe à l'intérieur de la première sélection, sans quoi cette nouvelle sélection n'aurait aucun effet sur la première.

Image utilisateur


Une fois l'opération terminée, il ne reste plus qu'à relâcher le clique.

Image utilisateur


La zone sélectionnée avec l'option a été effacée.

Sélectionner l'intersection



Travaillons à présent avec l'option Sélectionner l'intersection Image utilisateur. Je vous invite à la sélectionner, puis à créer un rectangle de sélection basique sur fond blanc, à l'image de l'exemple ci-dessous. Pour utiliser cette option, il existe également le raccourci clavier SHIFT + ALT (Maintenir les touches) (Shift + Option (Maintenir les touches) pour Mac).

Image utilisateur


Ensuite, pour bien comprendre comment cette option influence le résultat final de la sélection, il faut recréer un rectangle de sélection en le commençant à l'intérieur du premier pour le finir à l'extérieur (comme on l'a fait juste avant avec l'option "Ajouter à la sélection"), ou bien en le commençant à l'extérieur vers l'intérieur :

Image utilisateur


Alors, une nouvelle sélection apparait :

Image utilisateur


Je vous explique ce qui s'est passé ? En fait, avec l'option "Sélectionner l'intersection", nous avons gardé en sélection la zone qui se trouve être la rencontre entre les deux sélections mères. On a croisé l'une avec l'autre, ce qui a engendré la formation d'un trois rectangle de sélection qui a été conservé...

Image utilisateur


Le style



Le style. Ce nom ne nous est pas inconnu, nous avons déjà rencontré un paramètre semblable avec l'un des styles de calque étudiés. Ici, le style va nous permettre de fixer la sélection sous deux formes différentes.

Image utilisateur


Le style par défaut est "normal". On ne va pas revenir dessus, c'est celui que nous utilisons depuis le début et je crois qu'on a compris :-° . En déroulant la liste, on aperçoit toutefois deux nouveaux styles.

  • Proportions fixes
  • Taille fixe


En sélectionnant le style "Proportions fixes", vous vous obligerez à créer des sélections carrées. Pas de rectangle donc, les quatre côtés de votre sélection seront de longueurs égales.

En sélectionnant le style "Taille fixe", vous activerez les paramètres situés à droite de l'option "Style".

Image utilisateur


En fait, ce qu'il faut savoir pour comprendre, c'est que vous pouvez donner une taille fixe à votre rectangle (donc, une largeur à gauche et une hauteur (synonyme de longueur) à droite), vous n'aurez donc plus besoin de recréer la sélection, il suffira simplement de cliquer sur la zone de travail pour qu'apparaisse automatiquement un nouveau rectangle de sélection aux tailles indiquées dans les paramètres.

Nous reviendrons sur l'option "Contour progressif" un peu plus loin dans le cours. Pour l'heure, on a fait le tour des options pour l'outil rectangle de sélection et il est temps de passer à la suite ;) .

Outil ellipse de sélection

Je dédie une nouvelle partie à l'outil ellipse de sélection car, même si son utilisation est identique à celle de l'outil rectangle de sélection, sa sélection est différente et il me semble plus judicieux de les séparer en deux parties bien distinctes.

Il s'agit là aussi d'un outil faisant partie de la famille des outils de sélection géométrique. A l'instar de son confrère, l'outil Image utilisateur Ellipse de sélection, que vous pouvez sélectionner en tapant à nouveau sur la touche M, permet de réaliser une sélection de forme ronde ou ovale.

Parce qu'ils font partie de la même famille, il faut cliquer droit sur l'icône représentant l'outil rectangle de sélection pour laisser apparaitre celle de l'outil ellipse de sélection.

Les étapes permettant de réaliser une sélection sont exactement les mêmes, je vous les rappelle au cas où :

  1. Choisir tout d'abord un point dans la zone de travail à partir duquel la sélection va être créé et prendre forme.
  2. Cliquer sur ce point et maintenir le clique.
  3. Déplacer le curseur de la souris. C'est ainsi que des pointillés apparaissent : ils caractérisent la sélection, cela signifie qu'elle prend forme.
  4. Relâcher le clique quand la sélection effectuée convient.


L'avantage avec cet outil, c'est que sa sélection n'est formée d'aucun angle droit. Du coup, c'est pratique si on veut sélectionner un objet de forme ronde, comme un ballon de football par exemple, ou alors quand il est question de sélectionner un objet oval comme... un ballon de rugby tiens :-° . Mais cela devient encore plus intéressant quand on fait intervenir les options de l'outil présentes dans la barre d'options des outils, sûrement plus intrigant que pour l'outil rectangle de sélection ;) .

Exemples



Nous avons déjà pu manipuler l'outil rectangle de sélection avec chacune de ses options. Je crois donc qu'il n'est pas nécessaire de s'y atteler à nouveau.

Je vous ai concocté une série d'exemples avec chacune des options de l'outil ellipse de sélection.

Sélection ronde



Image utilisateur


Pour effectuer un cercle parfait, maintenir la touche Shift.

Sélection ovale



Image utilisateur


Ajouter à la sélection



Image utilisateur


Soustraire de la sélection



Image utilisateur


Sélectionner l'intersection



Image utilisateur


N'hésitez pas non plus à combiner les formes de l'outil rectangle de sélection avec celles de l'outil ellipse de sélection. ;)

Le menu sélection

Pour finir avec ce chapitre, nous allons passer en revue le menu "Sélection que vous trouverez dans la barre des menus.

Image utilisateur


Une fois déroulé, vous apercevez le contenu du menu. Rassurez-vous, ces fonctionnalités sont relativement simples à utiliser, d'autant que nous n'allons pas toutes les étudier maintenant.

Image utilisateur


La première porte bien son nom : "Tout sélectionner". Elle permet de créer une sélection tout autour de la zone de travail. Je n'ai pas besoin de vous faire un dessin, hein. ;)

La deuxième et la troisième sont aussi très significatives. L'une permet de retirer la sélection, l'autre de la reformer. Enfin, il y a le bouton "intervertir" que nous traiterons en profondeur plus tard dans ce cours.

La fonctionnalité "Tous les calques" permet quant à elle de sélectionner tous les calques (hormis ceux qui sont entièrement verrouillés) dans la fenêtre de calque (il ne s'agit donc pas d'une sélection à pointillés hein), tandis que le bouton "Désélectionner les calques" sert à faire exactement ce qu'il dit.
Enfin, en cliquant sur "Calques similaires", vous demanderez à votre logiciel de ne sélectionner que les calques de même type que celui qui est déjà en sélection. Par exemple, si un calque standard est sélectionné, tous les autres calques standards seront sélectionnés. De même, si c'est un calque Forme qui est sélectionné, alors cliquer sur ce bouton vous permettra de sélectionner tous les calques Forme de votre fenêtre de calques.

Plage de couleurs...



Juste avant de commencer, voici l'image ouverte dans ma zone de travail. Il est inutile que vous la téléchargiez, votre attention seule suffira. :)

Image utilisateur


Ce paramètre est un peu plus complexe que les autres et c'est pourquoi j'aimerais y prêter une attention toute particulière. Je vous invite à cliquer dessus.

Image utilisateur


Une fenêtre encore inconnue apparait. C'est ici que tout se passe.

Vous le voyez, nous avons en plein milieu un aperçu de la zone de travail. C'est le cœur du paramètre. Voyons ça de plus près.

Vous avez tout d'abord la possibilité de choisir le mode de sélection. En faisant dérouler la liste, on aperçoit en tout premier le mode "Pipette". Il va de paire avec le fameux aperçu donc je viens de vous parler. En effet, en cliquant sur un élément quelconque de l'aperçu (par exemple, sur l’œil gauche), la pipette va se charger de ne conserver que les couleurs de l'élément cliqué. Donc, si la pupille de l’œil est noire, tous les éléments noirs de la zone de travail apparaitront blanc sur noir dans l'aperçu. De même, si je clique sur l'un des cheveux verts du bonhomme, tous les cheveux verts apparaitront blancs sur noir dans l'aperçu. La preuve en image :

Image utilisateur


En cliquant sur le bouton OK à droite de la fenêtre, vous demandez à la plage de couleurs de ne créer des sélections qu'autour des éléments blancs sur noir dans l'aperçu, autrement dit autour des cheveux verts. Faites-en l'expérience sur une image quelconque, ça fonctionnera !

Image utilisateur


Revenons-en à nos différents modes de sélection. En réalité, il y en a deux différents : le premier, c'est la pipette. Le deuxième consiste à sélectionner un ton de couleurs (le vert, le bleu, le rouge, ...) que la plage va se charger rechercher dans la zone de travail pour ne conserver que celui-ci. En mettant le rouge par exemple, alors le nez du bonhomme ressortira blanc sur noir dans l'aperçu, signe qu'il finira en sélection si je valide sur OK.

Image utilisateur


Pour finir avec cette fenêtre, voyons à quoi servent les jauges de tolérance de d'étendue.

La première désigne l'aptitude de l'outil à définir la correspondance de couleur. Autrement dit, « jusqu'où l'outil doit-il aller dans la recherche de correspondance ? ».

La deuxième, l'étendue, ne fonctionne que si la case "Clusters de couleurs localisées" est cochée. Cette case enclenche une nouvelle plage de sélection d'une toute autre forme, d'une forme circulaire pour être plus précis. L'étendue sert à indiquer à quelle distance une couleur doit se situer pour être incluse dans la plage circulaire de sélection.

« Modifier » une sélection



Pour accéder à ce menu, il vous faudra avant tout créer une sélection, puis cliquer sur Sélection > Modifier et laisser dérouler la liste suivante :

  • Cadre... : permet de créer un véritable cadre dont l'espacement est défini par le nombre de pixels indiqué.

    Image utilisateur


  • Lisser... : permet d'arrondir les coins dans le cas de sélections avec angles droits

    Image utilisateur


  • Dilater... : permet d'élargir la sélection.

  • Contracter... : permet de réduire la sélection.

  • Contour progressif... : j'ai prévu de vous parler du contour progressif plus loin dans ce cours. Pour faire court, il s'agit d'étendre le contour de la sélection pour la rendre approximative sur un nombre défini de pixels. On en reparle plus loin. ;)


Transformer la sélection



Transformer une sélection ne consiste pas à la « modifier ». La transformation est un aspect que je développe de long en large le temps de deux chapitres dans cette première partie. A ce titre, je vais simplement vous expliquer pourquoi transformer n'est pas modifier.

Si vous essayez en même temps que moi, vous vous apercevrez que des petits carrés blancs apparaissent tout autour de la sélection.

Image utilisateur


Ce sont ce que l'on appelle des poignées. Chaque poignée est déplaçable et c'est là le cœur de la transformation : la sélection est comme « collée » aux poignées. Donc si l'on en déplace une, la sélection va suivre.

Plus d'infos dans les chapitres sur les techniques de transformation.

Et après, on fait quoi ?

Quel intérêt pourrait-on trouver à créer une sélection ? C'est vrai, jusqu'ici nous avons réalisé un tas de sélections avec pour chacune d'elle une forme différente, mais il faut bien qu'elles nous soient utiles à quelque chose. C'est ce que l'on va déterminer dans cette partie du cours.

Le moins que l'on puisse dire, c'est qu'on peut en faire, des trucs ! De tête, je dirais qu'on peut, entre autres :

  • Sauvegarder le contenu de la sélection.
  • Fractionner un calque en plusieurs "petits" calques.
  • Copier ou couper le contenu sélectionné.
  • Effectuer une modification du contenu sélectionné et protéger tout le reste.
  • Supprimer le contenu de la sélection.
  • Déplacer le contenu sélectionné.
  • Transformer le contenu sélectionné.
  • ...


Autant de possibilités auxquelles un infographiste peut avoir très souvent recours.

Conserver le contenu sélectionné



N'hésitez pas à travailler avec moi !
Télécharger l'image
Pétanque.jpg
Pour télécharger l'image, cliquez droit puis "Enregistrer sous"


Je suis souvent amené à ne conserver que certains morceaux d'une image quand je travaille sur Photoshop. Par exemple, il est déjà arrivé que l'on me numérise une photo de famille et que l'on me demande de ne conserver que le portrait des enfants. J'ai donc utilisé l'un des outils de sélection (pour sélectionner la partie à conserver) et ai cherché à ne sauvegarder qu'elle. Voici les démarches que j'ai entreprises, notez simplement qu'à la place d'un portrait de famille, j'utilise une photo (un peu bizarre) prise avec mon téléphone dans le palier de l'immeuble où je vis. Nous n'allons conserver qu'une seule partie de cette image :

Image utilisateur


Testons votre logique ! A votre avis, qu'est-ce qui vous semble être le plus intéressant de sélectionner dans cette photo ?

A l'unanimité, vous avez répondu le chiffre 3 ! Que celui qui a répondu autre chose se dénonce ou se taise à jamais ! :D

Image utilisateur

1. J'ai effectué une sélection autour de ce qui est fait le sujet de la photo : le chiffre trois.


2. Ensuite, j'ai cherché dans la barre des menus le menu "Édition" puis j'ai cliqué sur "Copier". J'aurais aussi pu cliquer droit à l'intérieur de la sélection pour faire apparaitre un nouveau menu et ensuite cliquer sur le lien "Copier". J'aurais pu utiliser le raccourci clavier CTRL + C (Command (ou Pomme) + C).


Image utilisateur


3. Suite à ça, j'ai créé une nouvelle zone de travail dont la taille a automatiquement été paramétrée en fonction des dimensions de l'image que j'ai copiée.

Image utilisateur
Fenêtre de création d'une nouvelle zone de travail


Image utilisateur
Nouvelle zone de travail



4. Pour finir, je clique à nouveau sur "Édition", puis cette fois-ci sur "Coller", ou bien j'utilise le raccourci clavier CTRL + V (Command (ou Pomme) + V)


Image utilisateur


Image utilisateur
Zone de travail


Le contenu de la sélection a bel et bien été conservé et il se trouve désormais dans une nouvelle zone de travail. Il ne nous reste plus qu'à la sauvegarder comme nous l'avons appris ;) .

Image utilisateur


Modifier le contenu de la sélection



Je ne souhaite pas rentrer dans les détails avec la modification de calque pour le moment. Pour tout vous dire, c'est ce que nous allons constamment faire dans la deuxième partie de ce cours, on commence d'ailleurs dans le dernier chapitre de cette première partie ! Il n'est donc pas question de s'y éterniser pour le moment, j'espère que vous comprenez.

Pourquoi l'avoir entamée alors ?


En fait, j'aimerais simplement vous montrer un exemple de modification possible pour que vous compreniez ce que j'entends par "modification". Si l'on peut modifier un calque en lui donnant de nouvelles formes (nous ferons ce que l'on appelle alors une déformation), on peut aussi très bien modifier le contenu même du calque, par exemple ses couleurs.

Je ne souhaite pas trop vous en montrer pour le moment (vous risqueriez de ne plus pouvoir tenir et sauteriez directement à la deuxième partie du cours :-° ), alors j'ai juste décidé de rendre la partie sélectionnée de mon calque en négatif :

1. Je crée la sélection.

Image utilisateur


2. J'effectue la modification (rendu négatif, on en parlera plus loin dans le cours).

Image utilisateur


3. Je supprime ma sélection mais conserve la modification apportée.

Image utilisateur


Sur cette image, la partie sélectionné a été modifiée : les couleurs ont été changées, elles sont désormais en négatif. Je répète que nous irons beaucoup plus loin dans la prochaine partie. Patience ;) .

Transformer le contenu de la sélection



Bien que vous ayez déjà acquis certaines bases sur Photoshop, vous n'êtes pas encore à même d'effectuer des transformations. Si vous voulez tout savoir, les transformations sur Photoshop font l'objet de deux chapitres complémentaires dans ce cours, ce sont les derniers de cette première partie.

Si toutefois je vous en touche un mot, c'est surtout pour vous montrer globalement en quoi cela consiste et ce que cela donne. Enfin, j'avoue que c'est un peu aussi pour vous mettre l'eau à la bouche, car je suis certain que cela va vous plaire :-° ...

Admettons que nous soyons en train de travailler sur cette image :



Et que nous voulions insérer l'image suivante à l'intérieur de la première de sorte à ce qu'elle apparaisse comme sortant de l'un des écrans/panneaux de la ville de New-York :

Image utilisateur
Cette "pizza" est splendide... Je m'demande bien qui l'a faite :-° .


Alors, nous allons transformer cette image pour qu'elle prenne de nouvelles dimensions et une nouvelle forme. Ensuite, on n'a plus qu'à !

Image utilisateur


Supprimer le contenu de la sélection



Une fois la sélection en activité, vous appuyez sur la touche "retour" (back) de votre clavier ou alors vous passez par la barre des menus en cliquant sur Édition puis sur Supprimer. Facile ;) .
Inutile de vous reposer, le cours n'est pas terminé ! On passe à la partie suivante et nous allons développer nos connaissances pour agrandir un peu plus nos possibilités de sélection. Je ne vous en dis pas plus ;) .
Chapitre précédent Sommaire Chapitre suivant

Partager

12 commentaires pour "La sélection simple"
Note moyenne : 3.73 / 4 (573 votes)
Pseudo Commentaire
Hors ligne letracnar # Posté le 29/06/2011 à 12:04:57

Salut sp0z j'ai un probleme car quand je ne vois pas l'outil sélection éliptique dans le menu il mécrit : "aucun outil n'est défini pour l'outil"
Merci de ton aide et bravo pour le tuto
Hors ligne Awesome1 # Posté le 25/07/2011 à 23:43:00
I'm Awesome
Avatar

Salut tout le monde je n'arrive pas a coller l'image de la pizza sur le panneau svp aidez moi =(

<barre></barre>Awesome<couleur nom="turquoise"></couleur>
 
Hors ligne Tony12V # Posté le 02/09/2011 à 19:39:17

Afin de sélectionner et de garder cette sélection, tu ne parles pas des raccourcis clavier !

Faites votre détourage (géométrique pour le moment), appuyer sur ctrl+shift+i, cela va sélectionner toute la zone de travail, mais isoler la partie que nous avons sélectionné. Puis appuyer sur suppr, et hop, on a gardé que la sélection voulue.
Hors ligne hardrocky # Posté le 02/04/2012 à 17:10:06
Avatar

Le plus gros oublie est selon moi pour l'outil Ellipse de sélection, la possibilité de sélectionner à partir du centre de l'ellipse avec ALT + clique. Je pense que c'est un point important qui peut se révéler très utiles dans différents travaux où l'on travaille avec des formes géométriques "parfaites".

Sinon, très bon tuto ! Je poursuis ma lecture :)

N'hésitez pas à m'ajouter, je poste régulièrement à propos d'HTML/CSS/PHP/Photoshop et du web en général.
Image utilisateur Google+ : http://plus.google.com/115009197163515193519/posts
Image utilisateur Twitter : http://twitter.com/romainpellerin
 
Hors ligne lelycandu76 # Posté le 12/05/2012 à 15:32:40

Avis : Très bon

L'image "petanque" du chapitre sur les séléction n'existe plus
si non ce cour est super bien

Voir tous les commentaires