Cheveux, détourages et masques flous

Cheveux, détourages et masques flous
Charles Vassallo – Objectif Image Trégor
D'abord un mot d'explication sur le titre. Cheveux et détourages, parce que nous allons partir du
détourage des cheveux, un problème intéressant et difficile, mais qu'il semble naturel de se
poser. Cependant les techniques que nous irons chercher sont susceptibles d'avoir de toutes
autres applications. Dans tous les cas, il s'agira d'obtenir des sélections avec des zones
partiellement transparentes, donc avec des masques comportant des gris ; ce sont ces masques
qu'on appelle «masques flous». On doit pouvoir y arriver chaque fois que le fond est raisonnablement homogène.
Introduction
Nous partirons de l'image ci-dessous à gauche et nous allons essayer de mettre cette tête sur
un autre fond, par exemple le rouge-orangé de l'image de droite. Tout le problème est de
conserver un maximum de cheveux dans l'opération.
Cette image est un extrait
du fichier «PhotoDisc
Target» distribué par
www.inkjetart.com/custom
Il faut évidemment détourer la tête et les cheveux, mais il est facile de voir qu'on ne peut pas
s'en sortir avec les outils classiques, lasso ou baguette magique. On pourrait aller un peu plus
loin avec le menu Sélection>Plage de couleurs, mais pas assez.
La méthode que nous allons proposer est toute autre :
transformer l'image en une image noir et blanc qu'on pourra utiliser
comme masque de sélection pour les détourages. La façon de s'y
prendre dépendra évidemment de l'image, et on sent bien que
ce ne devrait pas être trop sorcier avec ce premier exemple.
Il y a un piège, mais nous allons délibéremment tomber
dedans pour mieux l'expliquer.
Compléments sur Photoshop – détourage de cheveux
Page 1 sur 13
Exercice 1
Obtention du masque
On y va !
1 - Ouvrir l'image précédente (fichier enfant_noire.jpg)
2 - Passer dans la palette des couches et, successivement :
— cliquez sur
(sélection) pour sélectionner l'image elle-même ;
— cliquez sur
(mémorisation) pour enregistrer cette sélection
dans une couche Alpha 1 ;
— comme on n'a plus besoin de la sélection, désactivez-la (CTRL-D) ;
— cliquez enfin sur la ligne Alpha 1 elle-même pour faire apparaître
une version N&B de l'image.
3 - A ce niveau, l'image est trop molle : le blanc du fond n'est pas blanc et les cheveux ne
sont pas noirs. Il faut égaliser par un contrôle de niveaux (CTRL-L)
Parenthèse de vocabulaire : égaliser une image (ou, plutôt, égaliser l'histogramme de
cette image, ou encore égaliser ses niveaux) signifie ouvrir le contrôle des niveaux et
amener le curseur des noirs et le curseur des blancs au démarrage età la fin de
l'histogramme, de telle sorte que les densités de l'image aillent de 0 à 255 après cette
égalisation.
4 - Il faut maintenant passer le visage en noir.
Pour aller plus vite en respectant bien les bords, on
commencera par faire une sélection du visage — ou plutôt
de l'extérieur du visage. On commence à la baguette magique
pour le blanc du bas (un clic à droite, puis un clic à gauche
en mode addition) ; on passe ensuite au lasso polygonal,
toujours en addition. Les seules partie critiques sont au niveau
des oreilles des deux côtés ; pour le haut du visage, on coupe
dans la masse des cheveux noirs (ci-contre à droite).
La sélection terminée, intervertir (CRTL MAJ I) et remplir
Compléments sur Photoshop – détourage de cheveux
Page 2 sur 13
en noir .
Bien sûr, une fois le visage noirci, vous n'avez plus besoin de la sélection : désélectionnez
(CTRL D)
5 - En fait, c'est du négatif de cette image dont nous allons avoir
besoin dans l'immédiat (vous savez bien, on a toujours une
chance sur deux de se tromper...). Donc, CTRL I pour
passer en négatif et gagner un peu de temps.
La palette des couches doit avoir l'allure ci-contre.
Mise en action
Nous avons maintenant notre masque et nous allons essayer de nous en servir.
6 - Réactiver l'affichage RVB en cliquant sur la ligne RVB de la palette des couches (sinon,
ça ne va pas marcher pour la suite)
7 - Retour à la palette des calques.
Faites une copie du visage original et ajoutez un calque que
vous allez remplir dans la couleur qui vous plaira (en rougeorange si vous voulez bien me suivre). Faites passer la copie
par-dessus le calque rouge et prenez-le en calque actif,
comme dans la figure.
8 - Nous allons transformer le masque que nous venons de faire en un masque de fusion qui
laissera voir le fond rouge par derrière le visage et les cheveux. Pour cela :
— Vérifiez bien que le calque copie du visage est le calque actif
— Passez sur la palette des couches et faites glisser la ligne
Alpha 1 sur l'icône des
sélections
. Vous voyez une sélection se former.
— Revenez à la palette des calques et cliquez sur l'icône des masques de fusion
Miracle ! Le fond rouge apparaît à travers les cheveux !
Le piège
Finalement, vu de plus près, ça ne marche peut-être pas si bien
que ça. Les cheveux les plus ténus sont bizarres, et ça s'accentue
si vous foncez fortement le fond. Par exemple, passez le calque
de fond («rouge») en R=84 V=52 B=32 pour retrouver l'image
ci-contre. Ça ne va plus du tout : les cheveux qui ne sont pas
franchement noirs forment une masse cotonneuse plutôt bizarre.
Bien entendu, on peut faire passer ça pour de la photo créative...
mais on peut aussi essayer de comprendre et d'améliorer le
Compléments sur Photoshop – détourage de cheveux
Page 3 sur 13
réalisme de notre petite bidouille.
Le contrôle du contraste du masque de fusion n'est pas la solution
Activez le masque de fusion (cliquez sur sa vignette) et ouvrez un
réglage par courbes (CTRL M). Si vous faites glisser le point d'arrêt des
noirs (cf ci-contre) vers la droite, vous voyez se réduire la masse
cotoneuse ; à l'opposé, on renforcerait cette masse en faisant glisser le
point d'arrêt des blancs vers la gauche. Mais il faut vraiment aller très
loin pour ne plus être gêné par le caractère blanchâtre de ce qui reste, et
alors... il ne reste vraiment plus beaucoup de cheveux follets et on a
vraiment mutilé l'image.
Il faut donc trouver autre chose : sortez en annulant.
Explication
L'image ci-contre est un détail des cheveux dans l'image originale. Ce
qui se passe est que ces cheveux sont partiellement transparents, car la
lumière se diffracte tout autour et fait qu'on voit partiellement le fond à
travers. Par conséquent ces cheveux ne sont plus noirs ! L'image ci-contre
montre même qu'on a toutes sortes de niveaux de gris, et ces gris vont
être conservés dans le masque de sélection, au moins en partie.
Partout où ce masque sera gris :
(i) le cheveu sera partiellement transparent, et c'est a priori une bonne chose, puisqu'on
bel et bien cette transparence dans l'objet original ;
(ii) mais à cause même de cette transparence, on embarque une partie de la couleur de
fond (ici, du blanc), et ça va se voir de manière désagréable si on change ce fond trop
radicalement.
Pour améliorer les choses, il faut supprimer ce souvenir du fond original en recoloriant les zones
qui ont été rendues partiellement transparentes.
Quand on modifie le contraste du masque de fusion, on fait simplement virer les points gris vers
le noir ou vers le blanc, rendant ainsi les cheveux gris complètement transparents (donc,
invisibles) ou complètement opaques (donc, renforcés — et toujours blanchâtres).
Reprise de l'exercice 1
Une technique simple et efficace, mais non réversible
Il suffit de peindre les parties semi-transparentes pour en changer la couleur, par exemple
avec un pinceau en mode Teinte ou Couleur. Il faut cependant veiller à ne pas mordre les parties
non transparentes, ce qui peut demander à ce qu'on définisse une sélection autour des zones à
Compléments sur Photoshop – détourage de cheveux
Page 4 sur 13
modifier.
Les choses sont plus simples dans le présent exercice, car il va suffire d'assombrir les cheveux
semi-transparents avec l'outil densité+, et il ne sera pas grave qu'on morde dans les cheveux
déjà noirs, sauf à proximité des oreilles. On va voir que ça marche bien.
Cependant, cette méthode ne permet pas de revenir en arrière en cas d'erreur (sauf par
l'historique, d'une manière limitée). Pour faire face à cette objection, nous proposerons ensuite
une autre technique, plus sophistiquée, réversible — mais qui ne marche pas toujours très
bien…
Donc :
9 - En prévision de cette deuxième méthode, commencez par dupliquer toute l'image (sans
fusion des calques) ;
10 - Activer le calque Arrière-plan copie (le calque avec le masque de fusion). Activez l'image
elle-même, avec l'icône du pinceau en 2ème colonne, et prenez l'outil Densité+, option
tons clairs, avec une grosseur appropriée et une force de 50%.
Une technique alternative : au lieu de l'outil densité+, prenez le pinceau, et peignez en noir en
mode luminosité. Vous pouvez faire un côté de la tête d'une façon, et le deuxième côté de
l'autre façon.
11 - et barbouillez les cheveux cotonneux, sans précaution particulière, sauf près des oreilles
où il faudra jouer de la loupe et prendre une taille d'outil plus petite. Avec l'option tons
clairs pour commencer, les cheveux litigieux ont d'abord l'air de disparaître ; continuez en
tons foncés pour les récupérer.
12 - Vous pouvez maintenant vous amuser à prendre n'importe quelle teinte en arrière plan.
Impeccable !
Une technique sophistiquée pour n'agir que sur la partie semi-transparente
(mais, à vrai dire, qui ne fonctionnera pas toujours de manière très satisfaisante…Prenez cela
comme un exercice de virtuosité, d’où les petits caractères)
Si on veut agir uniquement par calque de réglage sur les points semi-transparents, il faut
fabriquer une sélection qui ne contienne que les points gris, ni noirs ni blancs, de la couche
Alpha 1.
13 - On revient au point 9. Gardez l'image que vous venez de travailler (pour comparer les résultats
plus tard), et prenez l'autre, avec la zone de transition non traitée.
14 - Allez au menu Image>Opérations et combinez la couche Alpha 1 à
la même couche Alpha 1, mais inversée, en mode Obscurcir, avec
un résultat sur une nouvelle couche Alpha 2 (image ci-contre).
15 - Par construction même, la nouvelle couche n'a que des gris
foncés (le plus clair est à 50% et il n'aurait été qu'à 25% si on
avait pris le mode Produit au lieu de Obscurcir). Pour augmenter
l'effet des corrections à venir, on peut égaliser : cliquer sur la
Compléments sur Photoshop – détourage de cheveux
Page 5 sur 13
ligne Alpha 2, ouvrir un réglage de niveaux (CTRL L) et régler le point blanc.
16 - Activez la sélection de la nouvelle couche (glissez sa ligne sur l'icône
réactivez les couleurs RVB et passez sur la palette des calques.
de sélection ),
17 - Puisqu'il s'agit d'assombrir les pixels, ouvrez un calque de réglage par courbes (qui n'agira que
sur la sélection que nous venons d'ouvrir). La difficulté va être de trouver les bons réglages.
Essayez avec les courbes ci-dessous à gauche, en déplaçant simplement les points d'arrêt.
Vous pouvez aussi agir sur le contraste du masque lui-même : quand le réglage du calque
commence à être satisfaisant, cliquez OK, puis cliquez sur sa vignette pour ouvrir des courbes
(CTRL M) et essayez le réglage ci-dessus à droite.
Tout aussi bien, puisqu'il ne s'agit que d'assombrir, vous pouvez essayer un calque de réglage
Contraste/Luminosité, plus simple à ajuster puisqu'il n'a que deux réglages.
L'exercice est terminé !
L'exercice s'achève, à vous de tirer les conclusions en comparant les deux images finales. La
deuxième méthode aura eu l'avantage pédagogique de vous faire manipuler un peu plus la
palette des couches, mais elle est plus délicate à mettre au point.
Premières conclusions
A l'issue de cet exercice, on voit qu'il y a deux points délicats dans cette technique de
détourage :
1. Il faut d'abord mettre l'objet à détourer sous la forme d'une image N&B avec un vrai
noir à l'extérieur (à éliminer) et un vrai blanc à l'intérieur (à conserver). Ce ne sera pas
toujours aussi facile que dans cet exercice, même en nous limitant à des objets sur un
fond uni.
2. Si on transporte ensuite l'objet sur un fond très différent, il faudra corriger la zone de
transition (partiellement transparente) de l'objet pour en enlever toute trace du fond
initial. Là encore, ce sera parfois plus compliqué que le simple assombrissement de
notre exercice.
Compléments sur Photoshop – détourage de cheveux
Page 6 sur 13
Autres exercices
Nous avons préparé un certain nombre d'exercices sur ce thème.
Image initiale
Image finale
Spécificités
Trop facile !
Exemple particulier
d'application de l'outil Extraire.
Alors qu'on fonce généralement
la zone de transition, ici, il va
falloir la blanchir.
Malgré le fond bleu uni,
l'obtention du masque de
détourage n'est pas immédiate.
Les corrections pour les cheveux
intermédiaires sont également
délicates.
Pour rappeler que ces
techniques peuvent servir à
autre chose qu'à détourer des
cheveux...
Exercice de la bille
Fichier à ouvrir : bille.jpg
Etant donné la grande simplicité de l'image, on peut détourer la bille et obtenir directement
son ombre semi-transparente au moyen de la fonction Extraire (au menu Filtres). C’est une
application inattendue de cette fonction.
Compléments sur Photoshop – détourage de cheveux
Page 7 sur 13
(1) Avec le sélecteur de contour , on passe d'abord sur le contour de la
bille, puis sur le contour extérieur de l'ombre, enfin on barbouille
l'ombre ainsi délimitée
(2) Avec l'outil remplissage, on clique sur l'intérieur de la bille
(3) C'est tout ! Exécution !
De retour sur la palette des calques, on peut ensuite mettre la bille
par dessus un fond jaune, et le résultat est très convaincant.
En fait, on a bel et bien embarqué un peu de bleu dans l'ombre, mais le caractère artificiel de
l'image fait qu'on n'en souffre pas. Si vous voulez tout savoir, le montage de l'image original
est dans le fichier bille_cuisine.psd, composée de quatre calques, contenant successivement la
bille, son «ombre» (concoctée à partir de copies floutées et partiellement transparentes de la
bille), un fond jaune et un fond bleu. Activez le fond jaune et comparez à votre exercice. Bien
sûr ce n'est pas pareil, mais lequel est le plus convaincant ?
La méthode Extraire fonctionne très bien dans cet exemple à
cause de la simplicité de l'image. Si on la reprend avec un
fond bariolé (vous avez tout sous la main pour essayer), vous
obtenez le résultat ci-contre, clairement inacceptable.
D'une manière générale, la méthode Extraire demande que la
couleur ne varie pas trop vite du côté intérieur ou du côté
extérieur du domaine recouvert par le pinceau de sélection, aussi bien le long du bord qu'à travers
la zone de transition.
Exercice « du pigeon »
Fichier de départ : pigeon.jpg. L'image provient d'une très vieille
démonstration de Russel Brown (l'un des parrains de Photoshop),
précisément à propos de ce genre de détourage, mais à l'époque de
Photoshop 3 ou 4.
L'exercice est plus délicat qu'il n'en a l'air, bien que l'on parte d'une image presque en N&B,
c.à.d. quasiment prête à l'emploi. Le point délicat va être de distinguer dans l'image originale
les gris qui sont dûs au flou de mouvement et ceux qui sont dûs au modelé de l'oiseau, donc de
décider où commence la zone de transition.
Compléments sur Photoshop – détourage de cheveux
Page 8 sur 13
Suggestion : comme d'habitude,
faire une couche alpha avec l'image
elle-même, puis activer cette couche
et ouvrir les niveaux (CTRL L).
Observer qu'il ne faut pas aller trop
loin avec le curseur des noirs (en bleu ci-dessus), sinon on coupe
dans le flou de mouvement. Le curseur des blancs va nous aider à
déterminer ce qui sera l'intérieur de l'oiseau. Terminer
l'intérieur de l'oiseau au pinceau blanc. Toutefois, avec la
position ci-cessus du curseur des noirs, l'extérieur de la couche
alpha n'est pas noir ; le sélectionner à la baguette magique, tolérance faible (5), et remplir en
noir.
On obtient le résultat ci-contre après la pose du masque de
fusion. La zone de transition est trop foncée et il faut
l'éclaircir. Le plus simple ici est sans doute de prendre l'outil
densité-, en option «tons foncés» et d'y aller prudemment. Il
ne devrait pas y avoir de difficulté.
On peut obtenir un effet intéressant avec la méthode
suivante :
— créer le masque de la zone de transition comme expliqué auparavant
— avec la sélection corespondante, ouvrir un calque de remplissage «ton uni» blanc (cela
revient à mettre du blanc juste au dessus de la zone de transition)
— jouer avec les courbes dans le masque ; également, essayer un léger flou gaussien.
Exercice « Florence »
Fichier de départ : Florence_original.jpg. Cette image provient d'un vieux CD de
démonstration de Dominique Legrand sur Photoshop 3, et il y réalisait déjà le
détourage des cheveux (mais avec une méthode sensiblement différente)
A vrai dire, ce CD était conçu pour un affichage en 800x600 et l'image originale
était vraiment petite. J'ai carrément doublé sa taille pour plus de confort visuel,
mais, du coup, ses défauts (bruit d'origine ou artefacts JPEG) sont devenus plus gênants et ils ne
vont pas nous faciliter la vie. Il est probable que le travail avec une image de bonne qualité serait
plus facile.
L’exercice va consister à remplacer le ciel bleu par l’image rouge-jaune contenue dans le
fichier Florence_nouveau_fond.jpg.
La difficulté va être de conserver un maximum de cheveux dans l'opération. Il s'agit de se
Compléments sur Photoshop – détourage de cheveux
Page 9 sur 13
débrouiller pour que les cheveux follets se détachent en gris sur un fond soit clair, soit sombre.
Des trois couches, c'est la bleue qui semble être le meilleur point de départ, mais elle fait
perdre beaucoup de détails, comme le démontre la figure suivante. Les cheveux y sont
nettement moins foisonnants que dans l'original ou sur la couche verte, et cela empire si on
essaie d'augmenter le contraste par un réglage des niveaux. Toutefois la couche verte toute
seule ne marche pas : si on essaie d'augmenter son contraste, on n'arrive pas à séparer les
cheveux du ciel bleu.
Alors ? Bien... on patauge un peu dans le menu
Image>Opérations et on trouve que la
combinaison Produit entre la
couche bleue et la couche
rouge i n v e r s é e semble
intéressante (ci-contre tout à
gauche). On égalise avec les
niveaux (CTRL L) avec les
réglages ci-dessous.
Le
curseur des noirs (en rouge) a
le bon goût de noircir tout le
visage. Le curseur des blancs est à régler avec délicatesse, afin de conserver au mieux la
structure des cheveux. En principe, le pourtour du masque ne sera pas bien blanchi : il faudra
terminer au pinceau.
On obtient le résultat ci-contre à gauche après l'application du
masque de fusion. Comme attendu, tous les cheveux follets ont gardé
le bleu d'origine, et il faut corriger ça. Plus inattendu, j'ai aussi du
bleu sur le pourtour de la tête, ce qui laisse penser que je n'ai pas
bien pris le contour de la tête lors de la fabrication du masque. Il est
possible que vous ayiez plus de chance quand vous ferez l'exercice
:-).
Compléments sur Photoshop – détourage de cheveux
Page 10 sur 13
On peut essayer de corriger avec le pinceau en mode Couleur. Avec
la touche ALT, on prend la couleur blonc-clair sur la tête et on
passe délicatement sur les cheveux follets, et un petit peu — mais
pas trop — sur le pourtour bleui de la tête. Mon résultat ci-contre à
droite. Si on juge le résultat trop clair ou trop sombre, on peut
continuer avec les outils densité.
On peut aussi essayer avec la méthode du masque de transition. Toutefois, à cause du
problème de pourtour mal pris dans le masque principal, on ne pourra pas terminer le travail
sans intervention à la main.
L'image ci-après montre ce qu'on obtient en utilisant ce masque dans un réglage de balance
de couleur, en corrigeant fortement vers le jaune et le rouge en tons moyens et en tons clairs.
Cette correction est intéressante en ce qu'elle permet de retrouver
facilement des cheveux qui brillent sous la lumière, comme dans
l'original.
Mais il reste des zones bleuâtres. La comparaison avec la couche de
transition montre que ces défauts correspondent à des zones noires de
ce masque. On peut donc corriger à la main en éclaircissant
(densité– sur les tons foncés) ces zones litigieuses dans le masque du
calque de correction. De toute façon on corrige sur le masque : si on
va trop loin on revient en arrière en peignant dans la couleur
opposée.
On peut obtenir sensiblement le même résultat en remplaçant la
balance des couleurs par un réglage par courbes, mais c'est
évidemment moins intuitif.
(un) résultat final
Compléments sur Photoshop – détourage de cheveux
Page 11 sur 13
Exercice « Pellinec »
Fichier de départ : pellinec.jpg. Il s'agit d'une image prise par Claude
Rougerie, un camarade de club ; «Pellinec» est le nom du site
photographié. Le ciel d'origine est un peu pâlot et il s'agit de lui donner
de la vigueur... à travers les branchages, et sans sacrifier ceux-ci.
La couche bleue donne le point de départ le plus sympathique. On lui applique une
correction par niveaux (CTRL L)
en se focalisant sur les
branchages.
Attention notamment au curseur
des blancs (en rouge ci-contre),
qui ne doit rien gommer ! Le
curseur des noirs (en bleu) est
moins critique ; il doit opacifier
un maximum, mais sans
provoquer de «bouchage» dans
les branches. Le réglage effectué,
il faudra terminer le travail, en
noircissant tout le bas de l'image
et en débarbouillant le ciel.
Si on n'est pas allé jusqu'au blanc pur à proximité des branchages,
terminer soigneusement avec l'outil densité- sous la loupe. On doit
arriver au résultat ci-contre à droite.
Le reste de l'exercice ne doit poser aucun problème. Si vous voulez faire comme moi, vous
ferez le nouveau ciel à partir d'un dégradé d'un bleu profond (79,133,208) vers un bleu pâle
(167,191,208) à l'horizon. Pour faire revenir les branchages, un assombrissement à travers
notre masque de transition marche très bien, par exemple avec le
réglage par courbes ci-contre.
Pour terminer, j'ai rajouté un réglage par courbes sur le bas de la
figure, pour ramener le sable à un vrai jaune, mais on sort là des
problèmes de détourage :-)).
Compléments sur Photoshop – détourage de cheveux
Page 12 sur 13
Compléments sur Photoshop – détourage de cheveux
Page 13 sur 13