Détourer une image sous Photoshop

Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
Détourer une image sous Photoshop
Photoshop est très utilisé pour dé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çon non destructive, j’utiliserais le masque de
fusion. Je vous invite donc à voir ou revoir le tutoriel 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
touche Espace.
Lorsque j’intervertirai une sélection en allant dans le menu Sélection > Intervertir, la même
chose sera possible avec le raccourci Ctrl + Maj + I.
Enfin, vous retrouverez les images utilisées dans l’Espace Membres.
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étique

La fonctionnalité Plage de couleurs

La fonctionnalité Améliorer le contour
ou Lasso magnétique
Détourer avec l’Outil baguette magique
:
Commencez 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
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
1
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
sélection 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 une Nouvelle sélection
, de Soustraire de la sélection
, d’Ajouter à la sélection
ou de sélectionner l’Intersection de 2 sélections
.
La Taille correspond 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 la Tolérance. Par défaut, vous devez avoir 32, 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
Le Lissage permet de lisser les bords de la sélection pour éviter d’avoir des cassures ou des
escaliers.
Pixels contigus permet de ne sélectionner que les pixels qui touchent le pixel sélectionné. Il
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 calques permet d’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,
une Tolérance de 30, un Lissage et sélectionner les Pixels 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 Suppr en ayant bien du blanc en couleur de premier blanc. Je peux maintenant
désélectionner par Sélection > Désélectionner ou Ctrl +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 le tutoriel sur la
création de brushes.
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
2
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - 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 une Nouvelle sélection
sélection
ou Soustraire de la sélection
qui est
, Ajouter à la
.
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 calques comme pour la baguette magique.
L’Accentuation automatique permet 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 de 100 px et une 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électionner une
première fois et que vous cliquez-glissez sur la sélection, le curseur se transformera en Ajout
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 de sélectionner l’option Soustraire de la sélection. Il ne reste plus qu’à intervertir
la sélection et à supprimer le fond.
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
3
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
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
bouton
. Puis je passe en Mode masque en cliquant sur le
en bas de la barre d’outils. Au moment du clic, le bouton change d’aspect
et
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 pinceau
mais 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 touche X, je retire le rouge et j’ajoute à la sélection. Une fois ma sélection
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 touche Suppr.
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
4
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
Détourer avec l’Outil plume
:
Prenez 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 sur l’utilisation de la plume afin de maîtriser
les bases. Prenez l’Outil plume
et créez le tracé tout autour du panneau. Une fois le tracé
refermé, cliquez doit sur l’image puis Définir une sélection…. Dans la boîte de dialogue qui
s’affiche, je garde un rayon de 0 pixel lissé. Si vous souhaitez un contour progressif,
augmentez le Rayon. Cliquez sur Ok.
Pour terminer, j’intervertis la sélection et j’appuie sur la touche Suppr.
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
5
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
Détourer avec l’Outil plume magnétique
ou lasso magnétique
:
Pour 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 du tutoriel 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
derrière l’Outil plume
. Prenez l’Outil plume libre
(caché
), gardez un Mode tracé et cochez la case Magnétique dans 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.
L’Outil lasso magnétique
(caché derrière l’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.
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
6
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
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 menu Sélection > Plage de
couleurs…. Dans la boîte de dialogue, choisissez, en bas, une Prévisualisation Masque. Dans
le menu déroulant de la sélection, vous avez la possibilité d’utiliser la pipette (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 les rouges, les jaunes, les verts, les
cyans, les bleus, les magentas, les tons clairs, moyens ou foncés, la coloration de la peau ou
les couleurs non imprimables.
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
7
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
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 sur Ok. Maintenant, je rectifie la
sélection avec l’Outil sélection rapide
et j’intervertis. Je peux désormais créer le masque
de fusion pour supprimer la sélection.
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 bouton Améliorer le contour…. Vous
pouvez soit cliquer sur ce bouton, soit allez dans Sélection > Améliorer le contour lorsque
vous avez une sélection active (autrement vous aurez Amé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 fonction Améliorer le contour est très utile. Vous cliquez donc
sur ce bouton ou vous allez dans le menu Sélection.
Dans la boîte de dialogue qui s’affiche, vous avez différents paramètres à régler.
L’Affichage permet 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
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
8
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
l’affichage Incrustation qui nous permet de visualiser la sélection comme avec le mode
masque.
Si les contours sont nets, vous pouvez cocher le Rayon dynamique et jouer sur le rayon pour
que Photoshop détecte le contour.
Le Lissage permet de lisser les bords, le Contour progressif permet de lisser le contour en ne
faisant pas une sélection nette, le Contraste permet d’augmenter le contraste du contour et le
Décalage du contour permet de contracter ou dilater le contour.
Enfin, la Décontamination des couleurs permet 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 le Rayon dynamique avec un rayon de 5 px, un Lissage de 100, pas
de Contour progressif, ni de Contraste, ni de Décalage du contour. Je coche la
Décontamination des couleurs en la laissant à 50 % en quantité et je choisis une sortie sur un
Nouveau 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.
La loupe
et la main
correspondent aux mêmes outils que dans l’interface classique
mais, comme ils ne sont pas accessibles lorsque vous êtes sur la boîte de dialogue Améliorer
le contour, il faudra utiliser ces boutons pour zoomer ou se déplacer. N’oubliez pas de
resélectionner le pinceau
pour ajuster votre sélection.
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
9
Votre Assistante – Le Blog : http://www.votreassistante.net/blog - le 25/06/2013
Une fois la sélection bien définie, je clique sur Ok. Le traitement peut prendre un peu de
temps selon les capacités de votre ordinateur : le render est prêt.
Article écrit par Lydia Provin du blog
Votre Assistante – Le Blog : http://www.votreassistante.net/blog
10