Ce tuto est le premier d’une série consacrées aux bases fondamentales de Photoshop. Je l’ai écrit pour un forum de dessin que je fréquente. Il s’adresse aux noobs de Photoshop certes, mais des vétérans m’ont dit qu’ils y avaient appris deux trois bricoles, alors tant mieux

Salut !

Voici un tuto sur les toutes premières bases à acquérir quand on veut se servir de Photoshop. Cela passe bien entendu par le fait de connaître l’interface et les outils. C’est pourquoi je vous propose ici de passer en revue les outils présents dans la célèbre barre d’outils qu’on trouve généralement sur le côté gauche du logiciel en configuration de base. Ce tuto se déroulera en quatre parties durant lesquelles nous nous intéresseront aux quatre grandes parties de cette fameuse barre.

Ce tuto a été réalisé avec Photoshop CS5 et est applicable à priori à toutes les versions CS.

Cependant, avant d’attaquer la barre en elle-même, je fais un petit aparté sur la signification de la double flèche et la croix de cette barre :

La croix permet simplement de faire disparaître la barre d’outils, les vétérans dans l’utilisation de Photoshop plutôt que de l’éteindre, travaillent en plein écran, mode où elle n’apparaît plus. Il est plutôt rare qu’on veuille s’en débarrasser surtout quand on débute.

Que faire si on a malencontreusement cliquer sur cette croix ?
Rendez-vous dans le menu ‘Fenêtre’ tout en haut, cliquez dessus et cherchez ‘Outils’ (Tout en bas du menu déroulé), cliquez dessus et la précieuse réapparait.

La double flèche vers la gauche permet de basculer entre deux affichages de la barre, simple colonne ou double colonne. Attention toutefois ! La double flèche vers la gauche n’apparaît que lorsque la barre d’outils est détachée du bord du logiciel, elle est alors en mode ‘fenêtre flottante’. Si la barre est ‘scotchée’ sur le bord gauche du logiciel, la double flèche pointe alors vers la droite (Il est à noter que dans ce cas, la croix disparaît) mais en cliquant dessus le résultat est le même, on bascule d’une colonne simple à une double colonne. Bref ! Si vous cliquez sur la double-flèche, que la barre soit scotchée ou non, que la double flèche soit vers la droite ou la gauche, retenez simplement qu’elle permet de basculer entre le mode simple colonne et le mode double colonne. Généralement, une fois que vous aurez choisi un mode, vous le garderez, c’est le choix et le confort de chacun

Partie 1 : Les Outils de Sélection

L’outil Déplacement

L’outil déplacement comme son nom l’indique, sert à déplacer les éléments d’un calque. Son raccourci clavier est V (comme Vroom ? ).

Si nous avons une composition avec deux calques, un pour le fond et un second pour un autre élément, ici le disque noir, nous pouvons le déplacer dans la composition grâce à cet outil. Assurez-vous d’avoir le bon calque sélectionné (ici celui du disque), appelez l’outil déplacement avec [b]V[/b] puis cliquez sur le cercle et en maintenant le clic vous pouvez le déplacer où bon vous semble dans la composition. Attention toutefois, cette opération déplace en bloc TOUS les éléments du calque sélectionné alors n’hésitez pas à multiplier les calques pour dispatcher les éléments de votre composition parmi eux, cela vous permettra d’avoir plus de contrôle sur chacun des éléments de votre composition.

[!] – A noter que vous pouvez arriver au même résultat sans passer par l’outil, avec le raccourci clavier [b]Ctrl + clic[/b]. Vous maintenez la touche Ctrl enfoncée et en cliquant sur votre élément à déplacer celui-ci va docilement suivre votre souris.

Je n’ai pas abordé la barre d’outils dédiée à l’outil Déplacement car cela serait très long à faire, peut-être consacrerai-je un tuto dédié à ça dans le futur.

L’outil Rectangle de Sélection

L’outil Rectangle de sélection permet d’effectuer des sélections rectangulaires. Son raccourci clavier est [b]M[/b] (comme Marquee qui signifie ‘Châpiteau’ en anglais… Moi non plus, je ne vois pas le rapport ).

Cet outil est le premier de la barre à avoir un sous-menu. Les outils ayant ce genre de menu caché ont le coin inférieur droit de leur icône légèrement noirci et vous pouvez déployer leur sous-menu en restant cliqué sur leur icône. Pour le rectangle de sélection, voici ce qu’il cache aux yeux du monde :

Comme vous pouvez le voir, vous avez plusieurs options à disposition. Soyons honnêtes, vous vous servirez plus souvent des deux premières, les deux suivantes étant limitées à des besoins très ciblés.

Outil Rectangle de Sélection :

Cela vous permet d’englober un ou des éléments d’un calque au sein d’une boite afin de sélectionner dans le but d’agir dessus et uniquement sur eux. Cela va par exemple du déplacement de ces éléments sélectionnés au changement de couleur de ceux-ci etc.

Dans l’exemple ci-dessus, les trois disques sont sur le même calque, je souhaite ne déplacer que les deux plus gros. J’ai donc sélectionné les deux disques avec le rectangle de sélection et ensuite grâce à l’outil Déplacement je les ai déplacé vers la droite de la composition.

[!] – Là encore, vous pouvez zapper le fait de passer par l’outil Déplacement en maintenant la touche [b]Ctrl[/b] enfoncée et en déplaçant votre sélection directement en cliquant/déposant celle-ci à l’endroit de votre choix.

[!] – Si vous souhaitez faire une sélection en forme de carré parfait, maintenez la touche [b]Maj[/b] enfoncée et effectuez votre sélection, celle-ci sera contrainte à suivre la forme d’un carré parfait.

Outil Ellipse de Sélection :

Cet outil fonctionne exactement de la même manière que le rectangle de sélection. Ce qui change c’est la forme de celle-ci, au lieu d’avoir un rectangle, vous aurez une ellipse, rien de compliqué.

[!] – Là encore, vous pouvez zapper le fait de passer par l’outil Déplacement en maintenant la touche [b]Ctrl[/b] enfoncée et en déplaçant votre sélection directement en cliquant/déposant celle-ci à l’endroit de votre choix.

[!] – Si vous souhaitez faire une sélection en forme de cercle parfait, maintenez la touche [b]Maj[/b] enfoncée et effectuez votre sélection, celle-ci sera contrainte à suivre la forme d’un cercle parfait.

Outil Rectangle de Sélection 1 rangée/1 colonne :

Je ne m’étendrai pas beaucoup sur ces deux derniers outils car d’une part, ils fonctionnent de la même manière que les précédents et d’autre part, ils sont d’un usage plutôt limité. Disons qu’il peuvent servir pour les designers web pour par exemple faire des fonds en dégradé très légers en poids.

Le principe est une sélection contrainte à 1 pixel en hauteur pour le mode 1 rangée et 1 pixel en largeur pour le mode 1 colonne, sachant que l’autre dimension n’est pas limitée dans chacun des modes.

Les options à disposition sur une sélection active

Lorsque vous avez réalisé une sélection à l’aide des outils présentés ci-dessus, vous avez des options à disposition lorsque vous faites un [b]clic droit[/b] avec la souris sur celle-ci.

Désélectionner (D): Dois-je vraiment vous expliquer à quoi sert cette option ?

Intervertir (Maj+Ctrl+I) : Cette option vous permet d’intervertir votre sélection. La sélection de base prend en compte ce que vous avez choisi de sélectionner, jusque là c’est logique. Cette option inverse exactement le processus, elle exclue ce que vous aviez sélectionné et prend en compte ce qui ne l’était pas, simple, non ?

Contour Progressif : Cette option rend votre sélection moins précise avec un seuil de tolérance que vous décidez. Un exemple vous parlera plus que du blabla :

[!] – La tolérance en pixels que vous décidez dans la boîte de dialogue s’étend à l’intérieure et à l’extérieur de la sélection. De fait, si vous décidez de 5 pixels ce sera 5 pixels à l’intérieur et 5 pixels à l’extérieur, donc un total de 10 pixels appliqué au contour progressif.

Améliorer le contour : Cette option permet d’améliorer très finement la qualité de votre sélection au travers de diverses options. Je ne vais pas vous expliquer en détail car cela serait très long et au final, peu de monde utilise ces options plutôt utiles lors de sélections complexes, de plus les méthodes manuelles sont nombreuses et plus précises encore pour arriver à un meilleur résultat que ce que peuvent rendre ces réglages. Disons que maintenant, vous savez que ça existe

Mémoriser la sélection : Cette option se révèle utile lorsque vous avez réalisé une sélection complexe et que vous ne souhaitez pas vous la retaper si vous savez que vous en aurez encore besoin dans le futur. A première vue, cette option est simple, cependant, Photoshop utilise les couches de l’image pour sauvegarder les sélections ou il vous permet de la mémoriser sous forme d’un masque et cela peut déstabiliser voire rebuter le débutant qui ne connaît ni les couches ni les masques. Vous allez voir qu’au final ce n’est pas très compliqué quand on sait ce qu’on fait.

Quand vous demandez à mémoriser la sélection cette fenêtre s’affiche.
Elle est séparée en deux parties, la destination de la sauvegarde de votre sélection et le résultat que vous souhaitez appliquer à cette mémorisation.
Pour la destination, vous pouvez choisir dans quel document ouvert actuellement dans Photoshop vous souhaitez mémoriser la sélection. De base, Photoshop vous propose le document courant, celui dans lequel vous avez effectué la sélection.

Ensuite, vous pouvez choisir dans quelle couche la sauvegarder, dans l’exemple je n’en ai pas encore créé, de fait il me propose par défaut d’en créer une (Nouveau) et me propose en-dessous de donner un nom à cette couche, je l’ai appelée ‘carré’. Si vous déployez le menu déroulant de ‘Couche’, il vous propose de sauvegarder votre sélection grâce à un masque appliqué sur le calque où a été réalisé la sélection. Dans l’éventualité où vous auriez déjà créé une couche précédemment, le menu vous la proposerait comme destination possible de mémorisation de votre sélection.

Dans la partie ‘Résultat’, vous pouvez choisir la manière dont sera effectuée votre mémorisation. Ici comme c’est la première couche que je crée, je n’ai la possibilité que de créer une nouvelle couche.
Si vous aviez plusieurs couches de créées, vous pourriez ajouter la sélection à celle déjà sauvegardée dans la couche choisie dans la partie ‘Destination’, ou alors la soustraire à celle-ci. Ou alors enfin, ne sauvegarder que l’intersection de la sélection actuelle avec la sélection précédemment sauvegardée au sein d’une couche.

[!] – Je suis conscient que ça peut paraître un peu complexe expliqué comme ça, mais essayez vous-même les différentes options et vous verrez qu’au final c’est relativement simple à appréhender.

Convertir en tracé : Cette option vous permet de convertir la sélection en tracé vectoriel éditable avec l’outil ‘Plume’ (P) et ainsi pouvoir modifier cette sélection très précisément.

La tolérance permet d’agir sur la précision de la conversion, plus celle-ci est petite, plus la conversion sera fine. Donc, à quoi ça sert concrètement ? Eh bien nous pouvons ainsi modifier la forme de la sélection comme bon nous semble grâce à la plume et ses courbes de Béziers. Je ne vais pas m’étendre sur le sujet pour le moment, j’y reviendrai avec force de détails lorsque nous aborderons l’outil Plume.

Calque par copier/par couper

Par copier : Cette option vous permet de créer un calque en y clonant le contenu de votre sélection.
Par couper : Vous permet de cloner le contenu de votre sélection dans un nouveau calque ET de supprimer ce contenu dans le calque d’origine.

Remplir : Appelle la fenêtre ‘Remplir’ qui vous permet de remplir votre sélection de couleur ou avec un motif que vous sélectionnerez dans la banque de motifs proposée par Photoshop de base ou de motifs que vous aurez préalablement créés. Je ne développe pas plus car cela ne me semble pas compliqué à appréhender.

Contour : Cette option vous permet d’appliquer un contour à votre sélection. Alors oui, pour ceux qui connaissent il est possible de le faire avec les options des calques mais ici ça donne une possibilité que ne procure pas les filtres des calques, vous allez voir. Donc on applique un contour à la sélection et cette fenêtre apparaît :

Rien de bien compliqué :

On vous propose de choisir l’épaisseur du contour, sa couleur.
Ensuite sa position, à l’intérieur, au centre ou à l’extérieur de la sélection.
Et enfin, les propriétés de fusion que l’on retrouve un peu partout dans Photoshop : Le mode de fusion et l’opacité générale de ce contour.

[!] – L’intérêt de faire un contour avec les options de sélection est que celui-ci est totalement indépendant de l’élément auquel on applique ce contour pour peu que l’élément soit sur un calque et le contour de sélection sur un autre. C’est particulièrement utile pour tracer des figures géométriques telles qu’un carré ou un cercle car il n’y a pas d’outil spécifiquement dédié à ce genre de chose dans Photoshop.

C’est tout pour les options de sélection, les options ‘Filtre précédent’ et ‘Atténuer’ sont anecdotiques, là encore, elles peuvent être utile dans des conditions bien particulières, inutile de vous embrouiller avec ça pour le moment.

La Barre d’Outils de l’Outil Sélection

Il reste une dernière chose à voir pour l’outil Rectangle de Sélection (M), il s’agit de la barre d’outils se situant en dessous du menu général de Photoshop, celle-ci change en fonction des différents outils sélectionnés. Voici à quoi celle de la sélection ressemble :

clic ! Pour agrandir

1. Il s’agit des préréglages courants utilisés. Si vous en faites des personnalisés, vous pouvez les sauvegarder et les rappeler ultérieurement ici.

2. Il s’agit du mode de sélection. Comment va réagir l’outil en fonction de certains paramètres.
- Mode nouvelle sélection : L’outil fera une sélection et si vous souhaitez en faire une seconde, la première sera annulée au profit de la seconde.
- Mode ajouter à la sélection : L’outil ne supprimera pas la première sélection et ajoutera vos futures sélections à celles déjà réalisées.
- Mode soustraire à la sélection : L’outil réduira la sélection active selon la sélection courante que vous ferez.
- Mode intersection de sélection : L’outil ne gardera en sélection active que la partie qui appartient à la première et à la seconde sélection.

3. Vous pouvez décider directement d’un contour progressif qui sera appliqué à la sélection que vous ferez. Cela fonctionne selon le même principe qu’expliqué plus haut.

4. Style. J’y reviens juste en dessous.

5. Vous pouvez demander à améliorer le contour directement ici plutôt que de faire un clic droit dans la sélection et appeler la fenêtre dédiée.

Styles de Sélection

1. Le style normal est le style de base, vous pouvez faire vos sélections comme bon vous semble, il n’y a pas de contraintes appliquées à la manière dont doit se comporter l’outil.

2. Ici il y a une contrainte relative au rapport de proportions entre la largeur et la hauteur. Pour le coup, peu importe les nombres que vous mettrez dans les champs, Photoshop se focalisera uniquement sur le rapport de proportions qui existe entr’elles. C’est à dire que 1 en largeur et 2 en hauteur donnera le même résultat que 16 et 32, vous obtiendrez une sélection rectangulaire qui sera deux fois plus grande en hauteur qu’en largeur.

3. Ici vous décidez des dimensions de votre sélection, exprimée en pixels pour la largeur et la hauteur.La taille restera fixe basée sur ces dimensions.

L’outil Lasso
L’outil Lasso est un outil qui permet de faire des sélections complexes, là ou l’outil Rectangle de Sélection est trop grossier. Son raccourci clavier est [b]L[/b] comme Lasso. Il a lui aussi des options cachées sous l’icône que l’on découvre en restant cliqué dessus.

Outil Lasso : Cet outil vous permet de faire des sélections ‘à main levée’. C’est à dire qu’il agit comme un crayon en faisant un tracé qui se transforme en sélection quand vous reliez finalement le point d’origine. Il permet de faire des sélections complexes plus ou moins grossières selon votre dextérité à les réaliser

Outil Lasso Polygonal : Cet outil fonctionne un peu comme si vous traciez des traits entre deux points. Il vous permet de tirer des droites de points en points. Il permet de créer des sélections complexes en gardant beaucoup de contrôle. Dès le moment ou vous cliquez il crée un point, ensuite vous tirez la droite du tracé jusqu’à l’endroit qui vous intéresse puis vous cliquez pour faire un autre point, etc. Lorsque vous retournez cliquer sur le point d’origine, le tracé se transforme en sélection.

[!] – La barre d’outils du Lasso et du Lasso Polygonal est la même que celle du Rectangle de sélection, le style en moins.

Outil Lasso Magnétique : Cet outil est très pratique même s’il demande un peu d’entraînement pour être bien maîtrisé. Photoshop vous assiste pendant la réalisation du tracé de sélection en comparant les contrastes des deux couleurs adjacentes des deux éléments que vous souhaitez séparer par votre sélection. Il pose ainsi les points de son tracé au plus proche de la frontière de ce contraste. C’est très utile pour faire des sélections complexes et précises. Il crée les points automatiquement ce qui vous permet par la suite d’agir dessus pour améliorer la sélection ou corriger les petites erreurs qui peuvent se produire.

La Barre d’Outils du Lasso Magnétique

clic ! Pour agrandir

Les premières options sont les mêmes que celles que nous avons vu précédemment alors je n’y reviens pas.
- La première option spécifique du lasso magnétique est la largeur de la plume virtuelle, L. Le nombre de pixels entrés ici correspond à la tolérance que va appliquer le lasso magnétique pour analyser le contraste et poser les points du tracé. Plus ce chiffre est petit plus fine est l’analyse mais ! Eh oui ! Mais. Pour être efficace il faut que le contraste entre les deux zones soit élevé, dans le cas contraire il faut privilégier un taille de plume virtuelle un peu plus importante pour obtenir un travail propre.
- La seconde option, Contraste, s’exprime en pourcentage et cela sert à dire à Photoshop quel niveau de contraste il doit utiliser pour plaquer les points du tracés sur la frontières des deux zones concernées. Plus le contraste est fort entre les deux zones moins un pourcentage élevé est nécessaire.
- Enfin, la fréquence de pose de points. Il est utile de monter cette fréquence lorsque la sélection est très complexe.
- La dernière icône, lorsqu’elle est cliquée prend en compte la pression du stylet en relation avec la première option L.

L’Outil Baguette Magique

L’outil Baguette Magique permet de faire des sélections par aplats de couleur et son raccourci clavier est W comme Wand (Baguette). Autant cet outil peut-être pratique autant il peut amener un résultat très très discutable, les noobs l’aiment beaucoup car cela parait simple d’emploi.
Le principe réside dans le fait qu’on effectue la sélection grâce aux tons présent dans l’image, l’outil prend en compte tous les pixels qui sont dans la gamme et à l’intérieur de la tolérance définie. Voyons la barre d’outils de la Baguette Magique :

clic ! pour agrandir

On y retrouve les options de base du comportement des outils de sélection à savoir la sélection, l’ajout, la soustraction, et l’intersection.
- La tolérance sert à indiquer à Photoshop dans quelle mesure il doit sélectionner ou non les pixels dans les mêmes tons que le point d’origine où vous avez cliqué.Plus la tolérance sera élevée plus la gamme de tons sélectionnée sera large et de fait, moins la sélection sera précise.

- Le lissage permet comme son nom l’indique de lisser la forme de la sélection, il ‘réinterprète’ légèrement la sélection réelle pour donner un aspect plus lisse à l’ensemble.
- En cochant l’option ‘Pixels contigus’ vous autorisez Photoshop à prendre en compte tous les pixels qui se touchent et qui sont dans la gamme de couleurs définie.
- L’option ‘Echantillonner tous les calques’ permet sur un calque de faire une sélection par gamme de couleurs incluant tous les calques du fichier.

L’Outil Recadrage

Cet outil permet de redéfinir le cadrage d’une image en prenant en compte l’intégralité des éléments présents dans tous les calques. Son raccourci clavier est [b]C[/b] comme Crop (Tailler, couper).

Recadrage fonctionne comme l’outil Rectangle de Sélection, il vous permet de créer une boîte de sélection à l’intérieur de laquelle se trouve la partie de votre composition qui restera quand vous aurez appuyé sur ‘Entrée’ pour valider le recadrage. Il affiche également les lignes de force de l’image afin de vous aider à garder une composition de l’image intéressante. Vous pouvez agir sur la boîte grâce à des poignets sur les quatre côtés afin d’affiner votre action.

clic ! pour agrandir

La barre outil est des plus simples je ne m’y attarderai donc pas. Possibilité de définir précisément la Largeur et hauteur de l’image ainsi que sa définition.

Je n’aborderai pas non plus les options cachées de cet outil, il s’agit des tranches, cela sert essentiellement à faire des découpages dans une image dans le but de créer un site web et ce n’est pas notre but ici, je suis sûr que vous trouverez de bons tutos (en tout cas meilleurs que ce que je pourrai faire) à ce propos sur le net.

L’Outil Pipette

Cet outil permet de récupérer des couleurs au sein d’une image chargée. Son raccourci clavier est I comme Inker (Encreur).

Outil Pipette : Alors c’est très simple, vous aimez bien cette couleur ? Vous voulez réussir des dégradés à la main ? C’est la pipette qu’il vous faut, il vous permet de récupérer des couleurs pour vos vignettes de couleurs situées en bas de la barre d’outils. Bref ! Il vous permet de sélectionner des couleurs d’où sa présence dans la partie ‘Sélection’ de la barre d’outils de Photoshop.

Outil Echantillonneur de Couleurs : C’est la même chose que la pipette, sauf que vous pouvez faire une sélection multiple de couleurs, leurs informations sont stockées dans la fenêtre Informations (Raccourci clavier [b]F8[/b]). Voilà.

Outil Règle : Transforme votre curseur en règle. Vous cliquez au début de ce que vous souhaitez mesurer et vous tirez le curseur à la fin pour avoir la taille, bref ! Comme une règle quoi !

Outil Annotation et Comptage : Ca sert à laisser des annotations à d’autres auteurs quand vous travaillez à plusieurs sur un même fichier ou à compter des trucs dans l’image, bref ! On s’en fout un peu ici, non ? Si jamais cela vous intéressait, on doit pouvoir trouver des infos là-dessus sur la toile.

Voilà, la première partie de ce tuto consacré à la Barre Outil de Photoshop est terminée, j’espère que je vous aurai appris quelques trucs
A bientôt pour la seconde grosse partie consacrée aux outils d’édition.