Tutoriel pour apprendre à détourer une image avec Photoshop pour en faire un render en utilisant différents outils comme l’outil Baguette magique, l’outil Sélection rapide, le Mode masque, l’outil Plume, l’outil Plume magnétique ou Lasso magnétique, la fonctionnalité Plage de couleurs et la fonctionnalité Améliorer le contour.
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
Détourer une image sur Photoshop Photoshop est très utilisé pourdétourer des images pour en faire des renders. Un render est une image dont on retire le fond pour qu’il soit transparent et soit plus facile à intégrer dans des créations. Dans ce tutoriel, pour traiter les images de façonnon destructive, j’utiliserais le masque de fusion. Je vous invite donc à voir ou revoir letutoriel sur le masque de fusion Photoshop.
J’utiliserais, à plusieurs reprises, l’Outil main pour me déplacer sur l’image lorsque je zoomerai. Pour éviter d’avoir à changer d’outil en permanence, j’utiliserai son raccourci : la toucheEspace. Lorsque j’intervertirai une sélection en allant dans le menuSélection>Intervertir, la même chose sera possible avec le raccourciCtrl + Maj + I. Enfin, vous retrouverez les images utiliséesau bas de l’article. Pour détourer une image, vous avez plusieurs outils que vous pouvez combiner pour avoir un meilleur résultat. Il y a :
•L’outil Baguette magique
•L’outil Sélection rapide
•Le Mode masque
•L’outil Plume
;
;
;
;
•L’outil Plume magnétiqueou Lasso magnétique •La fonctionnalité Plage de couleurs ; •La fonctionnalité Améliorer le contour.
;
Détourer avec l’Outil baguette magiqueCommencez par ouvrir l’image n°1 et déverrouillez le calque par un double-clic. Je crée ensuite un masque de fusion dessus. L’outil baguette magique sera parfait pour détourer l’oiseau
puisqu’il est tout noir. Prenez l’Outil baguette magique
(caché derrière l’Outil sélection
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
1
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
rapide ). Dans les options de l’outil (sous la barre de menu), vous pouvez personnaliser l’utilisation de la baguette magique.
La première partie vous permet de choisir uneNouvelle sélection
sélection
, deSoustraire de la sélection
, d’Ajouter à la
ou de sélectionner l’Intersection de
2 sélections . LaTaillecorrespond au nombre de pixels prélevés par l’outil. Par défaut, l’échantillon doit être ponctuel. La pipette est en lien avec cette taille. Vous avez ensuite laTolérance. Par défaut, vous devez avoir32, ce qui signifie que lors de votre clic, Photoshop sélectionnera les 32 plages de couleurs équivalentes au pixel sur lequel vous avez cliqué. Vous pouvez aller de 0 jusqu’à 255. À 0, votre sélection ne comportera que les pixels ayant la même couleur que vos pixels sélectionnés. Au contraire si vous allez jusqu’à 255, toute votre image sera sélectionnée. Cette tolérance se choisit donc selon l’image à détourer. LeLissagepermet de lisser les bords de la sélection pour éviter d’avoir des cassures ou des escaliers. Pixels contiguspermet de ne sélectionner que les pixels qui touchent le pixel sélectionné. Elle est à décocher si, par exemple, vous souhaitez retirer le ciel se trouvant derrière un immeuble ou un arbre où il y a des bouts de ciel afin de ne pas avoir à sélectionner chaque partie une par une. Enfin, la caseÉchantillonner tous les calquesd permet ’effectuer la sélection sur tous les calques du document et pas seulement sur le calque actif. Pour détourer l’oiseau, je vais choisir une Nouvelle sélection, avec unÉchantillon ponctuel, uneTolérance de 30, unLissageet sélectionner lesPixels contigus. Il ne me reste plus qu’à faire un simple clic sur l’oiseau en étant placée sur le masque de fusion. J’intervertis la sélection puisque c’est le ciel que je souhaite retirer et j’appuie sur la touche Suppren ayant bien du blanc en couleur de premier blanc. Je peux maintenant désélectionner parSélection>DésélectionnerouCtrl +D. L’oiseau peut désormais être incrusté dans un autre ciel par exemple voire même être enregistré en tant que forme prédéfinie pour une utilisation ultérieure comme nous l’avons vu dans letutoriel sur la création de brushes.
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
2
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
La baguette magique est conseillée pour les couleurs unies plutôt que pour les dégradés, mais avec un bon paramétrage, c’est aussi possible.
Détourer avec l’Outil sélection rapide Pour ce deuxième outil, nous allons utiliser l’image n°2. Ouvrez-la, déverrouillez le calque par
un double-clic et créez un masque de fusion. Prenez l’Outil sélection rapide
maintenant derrière l’Outil baguette magique
.
Dans la barre des options, vous pouvez créer uneNouvelle sélection
qui est
,Ajouter à la
sélectionouSoustraire de la sélection . Choisissez ensuite les paramètres de la brosse. Selon la sélection, il sera préférable d’avoir une brosse plus ou moins grande. De nouveau, vous pouvezÉchantillonner tous les calquescomme pour la baguette magique. L’Accentuation automatiquepermet d’étendre la sélection jusqu’au contour de l’image. Pour détourer l’étoile de mer, nous allons créer une Nouvelle sélection avec une épaisseur de brosse de100 pxune et Dureté de 100 %. Vous verrez que pour cette étoile il n’est pas nécessaire de cocher l’Accentuation automatique. À savoir que si vous sélectionnez une première fois et que vous cliquez-glissez sur la sélection, le curseur se transformera enAjout de sélection. Commencez par faire un premier clic sur un bout d’étoile. Vous vous apercevez que la sélection est plus grande qu’avec la baguette magique. Maintenant, faites un clic glissé sur toute l’étoile de manière à la sélectionner entièrement. Si vous dépassez, il suffira simplement
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
3
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
de sélectionner l’option Soustraire de la sélection. Il ne reste plus qu’à intervertir la sélection et à supprimer le fond.
Détourer avec le Mode masque Pour utiliser cet outil, nous allons prendre l’image n°3. Ouvrez-la, déverrouillez le calque par un double-clic et créez un masque de fusion. Dans cet exemple, nous allons détourer le citron vert. Pour cela, je sélectionne rapidement le
citron avec l’Outil sélection rapide
. Puis, je passe enMode masqueen cliquant sur le
bouton en bas de la barre d’outils. Au moment du clic, le bouton change d’aspectet mon image est devenue rouge sauf sur ma sélection. Le Mode masque fonctionne un peu comme le masque de fusion dans le sens où l’on peut "peindre" ou "dépeindre" pour ajouter ou retirer à la sélection. Ce qui est en rouge est la partie non sélectionnée et la partie de couleur de base est celle qui est sélectionnée. Je prends donc
l’Outil pinceaumais cela peut aussi se faire avec l’Outil gomme(sauf qu’il fonctionne dans le sens inverse pour les couleurs). Avec la couleur noire en premier plan, je peins en rouge donc je désélectionne et quand j’intervertis avec la toucheX, je retire le rouge et j’ajoute à la sélection. Une fois ma sélection
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
4
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
bien définie, je quitte le mode masque en cliquant sur le bouton . Comme je souhaite ne garder que le citron vert, j’intervertis la sélection et j’appuie sur la toucheSuppr.
Détourer avec l’Outil plumePrenez l’image n°4. Ouvrez-la, déverrouillez le calque par un double-clic et créez un masque de fusion. Je vous invite à voir ou revoir l’article surl’utilisation de la plumeafin de maîtriser
les bases. Prenez l’Outil plumeet créez le tracé tout autour du panneau. Une fois le tracé refermé, cliquez doit sur l’image puisDéfinir une sélection…. Dans la boîte de dialogue qui s’affiche, je garde un rayon de0 pixel lissé. Si vous souhaitez un contour progressif, augmentez
leRayon. Cliquez surOk.
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
5
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
Pour terminer, j’intervertis la sélection et j’appuie sur la toucheSuppr.
Détourer avec l’Outil plume magnétiqueou lasso magnétiquePour utiliser ces 2 outils, nous allons prendre l’image n°5. Ouvrez-la, déverrouillez le calque par un double-clic et créez un masque de fusion. Comme vus également lors dututoriel sur l’utilisation de la plume, la plume magnétique et le lasso magnétique fonctionnent de la même manière.
Commençons par l’Outil plume magnétique
. Prenez l’Outil plume libre
(caché
derrière l’Outil plume), gardez unMode tracéet cochez la caseMagnétiquedans la barre des options. Faites un premier clic sur le contour d’un des panneaux et glissez votre souris tout autour de manière à avoir comme une sorte de fil que vous déroulez. Une fois votre tracé terminé, fermez-le en rejoignant le point de départ. Puis, procédez de la même manière qu’avec la plume pour définir la sélection.
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
6
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
L’Outil lasso magnétique(caché derrièrel’Outil lasso) fonctionne de la même manière à la différence qu’il n’y aura pas besoin de définir une sélection puisque le lasso ne crée pas de tracé, mais directement une sélection.
Détourer avec la fonctionnalité Plage de couleurs Pour utiliser la fonctionnalitéPlage de couleurs, nous allons prendre l’image n°6. Ouvrez-la, déverrouillez le calque par un double-clic. Allez dans le menuSélection>Plage de couleurs…. Dans la boîte de dialogue, choisissez, en bas, unePrévisualisationMasque. Dans le menu déroulant de la sélection, vous avez la possibilité d’utiliser lapipette(dans ce cas, vous ferez un clic sur votre image pour récupérer la couleur désirée et vous pourrez ajouter ou retirer une sélection avec les icônes de pipette), de choisir lesrouges, lesjaunes, lesverts, lescyans, les
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
7
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
bleus, lesmagentas, lestons clairs,moyensoufoncés, lacoloration de la peauou lescouleursnon imprimables.
Dans cet exemple, comme je souhaite détourer le chapeau, il serait logique de choisir les tons foncés, mais vous remarquerez qu’il n’est pas entièrement sélectionné, idem pour les tons moyens. De ce fait, je vais choisir les tons clairs et je clique surOk. Maintenant, je rectifie la
sélection avec l’Outil sélection rapide de fusion pour supprimer la sélection.
et j’intervertis. Je peux désormais créer le masque
Détourer avec la fonctionnalité Améliorer le contour Pour utiliser la fonctionnalitéAméliorer le contour, nous allons prendre l’image n°7. Ouvrez-la, déverrouillez le calque par un double-clic. Il n’est pas utile ici de créer un masque de fusion, car l’outil le fera. Vous avez peut-être remarqué un bouton dans la barre des options des différents outils que nous avons utilisés : le boutonAméliorer le contour…. Vous pouvez Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net8
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
soit cliquer sur ce bouton, soit allez dansSélection>Améliorer le contourlorsque vous avez une sélection active (autrement vous aurezAméliorer le masque…).
Je sélectionne le cheval avec l’Outil sélection rapide. Cependant, vous remarquerez que ma sélection n’a pas pris en compte les crins, que ce soit le toupet ou l’encolure. Si vous détourez d’autres animaux ou des personnes, vous aurez le même problème avec les poils et les cheveux. Dans ce cas, la fonctionAméliorer le contourest très utile. Vous cliquez donc sur ce bouton ou vous allez dans le menuSélection. Dans la boîte de dialogue qui s’affiche, vous avez différents paramètres à régler. L’Affichagepermet d’améliorer le contour avec le visuel qui sera le plus pratique pour vous. Avant de commencer, vous pouvez passer l’affichage sur noir et vous remarquerez que du fait des crins non pris en compte, la découpe n’est pas du tout naturelle. Nous allons utiliser plutôt l’affichageIncrustationqui nous permet de visualiser la sélection comme avec le mode masque. Si les contours sont nets, vous pouvez cocher leRayon dynamiqueet jouer sur le rayon pour que Photoshop détecte le contour. LeLissagepermet de lisser les bords, leContour progressifpermet de lisser le contour en ne faisant pas une sélection nette, leContrastepermet d’augmenter le contraste du contour et le Décalage du contourpermet de contracter ou dilater le contour. Enfin, laDécontamination des couleurspermet de retirer les franges colorées, c’est-à-dire la sorte de filet coloré qui est mélangé aux crins du cheval. Pour terminer, vous pouvez choisir une autre sortie que la sélection. Nous allons donc cocher leRayon dynamiqueavec un rayon de5 px, unLissage de 100, pas de Contour progressif, ni deContraste, ni deDécalage du contour. Je coche laDécontamination des couleursen la laissant à50 %en quantité et je choisis une sortie sur unNouveau calque avec masque de fusion. Une fois les paramètres choisis, il ne vous reste plus qu’à passer, avec la souris, sur le contour du cheval et Photoshop va recalculer la sélection. À noter que si vous sélectionnez trop vous pouvez choisir la gomme dans les options de l’outil. Vous pourrez également augmenter ou diminuer l’épaisseur du pinceau.
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net
9
Votre Assistante :https://www.votreassistante.net- le 25/06/2013
La loupeet la maincorrespondent aux mêmes outils que dans l’interface classique, mais, comme ils ne sont pas accessibles lorsque vous êtes sur la boîte de dialogueAméliorer le contour, il faudra utiliser ces boutons pour zoomer ou se déplacer. N’oubliez pas de
resélectionner le pinceaupour ajuster votre sélection. Une fois la sélection bien définie, je clique surOk. Le traitement peut prendre un peu de temps selon les capacités de votre ordinateur : le render est prêt.
Tutoriel réalisé avec Photoshop CC (14.0) Voir la version vidéo de cet article
Article écrit par Lydia Provin du site Votre Assistante :https://www.votreassistante.net