Article en plusieurs parties : 1 2 3 4 5 6
Le web design est aussi fait de photo, et Photoshop est un logiciel fascinant. Deux bonnes raisons pour vous proposer ce tutoriel qui expose une des techniques que j’utilise pour détourer un personnage en vue de le placer sur un autre fond. J’ai souvent obtenu de bons résultats en utilisant les outils Plume, Lasso, Masque de fusion et Pinceau. Le filtre Flou gaussien, toujours vaillant, sera de la partie pour ajouter du naturel. Dans le monde des effets spéciaux ça s’appelle du mate painting. Mais restons simple, c’est un photomontage ;)
J’aime bien l’expression et l’attitude d’Estéban sur cette photo, mais je trouve que l’environnement n’est pas à la hauteur. C’est pourquoi, inspiré par la position du bras à gauche sur l’image, je commence à chercher un visuel possédant des perspectives qui pourraient s’accorder. En attendant, je commence à détourer le bonhomme.
Le choix de l’outil le mieux adapté pour le détourage débute par une rapide analyse du visuel : deux zones distinctes se dégagent : le tee-shirt et les bras qui offrent des courbes relativement aisées à suivre à la Plume d’une part, et les cheveux d’autre part, dont la coiffure Made in Ocean nécessitera un travail plus élaboré.
L’outil Plume »
Article en plusieurs parties : Page suivante
Bravo encore pour ce billet, avec toujours autant d’humour à l’intérieur :)
Bonjour Silvyn !
Aussitôt posté aussitôt commenté, la journée commence bien ! Attention, la peinture met quelques heures (parfois une journée) pour bien sécher ;)
A bientôt,
merci pour ce tuto de grande qualité. Je vais enfin pouvoir déliré avec les photos des potes (qui ont tous plein de cheveux ^^).
Merci pour ce tutoriel bien sympathique et bien intéressant.
Tout de suite avec les images, ça en jette plus ;)
Heu… Et avec le mode extraire c’est po plus rapide !!! Ok je sors….
Le mode extraire marche super bien avec le gros nounours de démo fourni avec Photoshop… Après, dans la vraie vie…
L’intérêt de dealer avec le masque de fusion, c’est de jouer sur la transparence, mais pas seulement sur les contours.
Ca ne se voit pas bien en basse définition, mais en haute résolution, si on applique une légère transparence dans les cheveux, on peut avoir un effet très réaliste.
Ceci dit, le mode extraire peut souvent remplacer la plume ou le lasso pour dégrossir une sélection. Voire même permettre un détourage complet en quelques minutes. Mais, bon, ça ne m’a pas pris beaucoup plus de temps dans l’exemple ;)
il y a bien longtemps que je cherchais un tut comme celui ci pour détourer mon toutou Sherlock… il est super ce tuto un grand merci
On va esayer, ça devrait le faire, avec un peu de temps!!!!
Encore merci. A quand les podcasts?
flopys > J’envisage de faire des tutoriels en utilisant un système de capture d’écran animé comme CamStudio (que je n’ai pas encore eu le temps de bien tester).
C’est dans les tuyaux avec des tutoriels sur la retouche couleur, encore du détourage et autres astuces sur l’utilisation de Photoshop. Vala vala ;)
Stay tuned and mind the gap! ;)
bonjour,
merci pour ce tutoriel, je ne m’y connais pas trop en photoshop mais l’outils plume me parait extraimement compliqué. cela prend des heures si l’on veut detourer une personne et parfois la plume ne va pas exactement la ou je le souhaite et je ne suis pas vraiment a l’aise avec les ajouts ou supressions de points d’encrage. Le lasso magnetique me parait plus simple d’utilisation…
Je suis très intéressée au tutoriel «détourer les cheveux avec Photoshop» et ça fait plusieurs fois que j’essaie de faire exactement la même chose que dans le tuto avec l’outil plume etc… mais lorsque j’arrive à récupérer la sélection qui se trouve mémorisée sur la couche Alpha 1, elle n’existe pas dans la palette des couches ! Il n’y a que RVB, ROUGE, VERT ET BLEU.
Comment faire pour avoir la couche Alpha 1 ??? Une réponse SVP….
Merci de me répondre. anemone033@hotmail.com
anemone
@Gabrielle > la plume est un outil un peu plus exigeant que les autres, mais les résultats sont très bons. Ceci dit, ils ne sont pas mauvais avec les autres outils. Personnellement, j’adapte les outils de détourage au sujet à détourer : tout est bon, pourvu qu’on ait une belle sélection au final ;)
@anemone > J’ai relu mon tuto et à priori je pense que tu as oublié d’enregistrer la sélection, seule manière de la faire apparaitre dans le menu des couches (Sélection -> Mémoriser la sélection). Tiens-moi au courant :)
je connais quelques astuces photoshop mais pas du tout celle là … Merci !
Personnellement je suis bloqué =(
Au moment où je suis censé créer un contour progressif, sa ne marche pas, sa n’est pas assez détailler,cela fait 1h30 que je me penche sur ce problème, il ne me reste plus beaucoup de cheveux, mais pourquoi ma sélection n’applique pas de flou lorsque j’applique un floue progressif? =’(
@PiiN-PiN: A première vue, les problèmes rencontrés pour l’application du contour progressif (chap. 4) peuvent provenir d’un mauvais choix du calque, ou alors de la valeur qui peut être trop faible (ici 6 pixels) en fonction de la résolution de ta photo.
Bonsoir Bruno, merci de te penché sur mon problème. Voici un screenshoot de ma séléction.
Vois-tu où est le problème?
http://img21.imageshack.us/my.php?image=sanstitre2hnw.jpg
J’aimerais simplement faire fondre le haut des cheveux précédemment découpés avec la plume sur un quelconque fond.
J’ai pourtant sélectionné le bon calque non?
@PiiN-PiN: On dirait que tu as sélectionné la première vignette du « calque 0″ alors que la sélection doit être active sur le calque de fusion (à droite)
Je vais te dire comment je procède pour appliqué le contour progressif.
En premier lieu, je sélectionne le masque de fusion qui se trouve a droite de l’image.
Ensuite, je récupère l’outil lasso et je fais une sélection. Une fois la sélection faite, je vais dans Sélection > Modifier > Contour progressif et j’entre la valeur souhaiter.
Mais là, rien ne se passe…
Ais-je oublié quelques chose?
@PiiN-PiN: vi, on dirait que tu as oublié le « (Filtre -> Atténuation ->) Flou gaussien de 6 pixels de rayon » qui « devrait faire l’affaire »
Jy suis presque, aller encore un petit effort. Bon alors une fois que j’applique ce fameux « floue gaussien » de 6px, j’ai toute ma sélection qui se floute.
Alors que sur ton tutoriel, on vois très nettement que c’est les bords des pointes des cheveux du petit garçons qui sont floue…
A mon avis le problème vient du contour progressif non? c’est lui qui va déterminé l’amplitude que va prendre le floue si je comprend bien?
Si c’est le cas pourquoi avec ou sans contour, le floue est toujours en même quantité sur mon image? =$
@PiiN-PiN: L’intensité du floutage final provient du contour progressif et du flou gaussien. N’hésite pas à changer ses valeurs en faisant des tests.
Il y a aussi la sélection elle-même qui joue beaucoup : la tienne est p-ê un peu large autour des cheveux.
Oups, j’ai compris mon problème. En voulant recommencer à plusieurs reprise la manip, la sélection du masque est passé sur le calque de nouveau… Du coup le contour progressif et tout se qui à suivit n’a pas fonctionné, mais en refaisant la même manipulation en partant du principe où c’est bien le masque qui est sélectionner, le floue s’applique bien au bord et mes cheveux sont bien floutés :D
Merci, je continue le tuto! =D
Bon et bien merci Bruno pour ce petit tutoriel.
Voici le résultat: que penses-tu de cela? http://img17.imageshack.us/my.php?image=travaildedetourage2.jpg
PS: Si tu as encore la main sur ton tuto, tu devrais rajouter le petit: Filtre > Atténuation > Floue gaussien 6px.
Y auras toujours des petits novices comme moi pour t’embêter à 2h du matin ^^’
@PiiN-PiN: pas mal pour un début ;) Après, pour obtenir un résultat plus pro, il faut appliquer un flou gaussien différent selon les endroits. Idéalement, en reprenant ton masque de fusion, tu peux utiliser l’outil pinceau avec bords progressifs pour « moduler » le flou. Il ne faut surtout pas hésiter à zoomer !
A l’occaz, je verrais comment mieux expliquer cette histoire de flou gaussien ;) a++
Tutoriel simple et efficace. Bravo.
Heu… Et avec le mode extraire c’est po plus rapide !!! Ok je sors….