Photoshop CS5/6/CC TP5 bis

Photoshop CS5/6/CCTP5

Détourage de silhouettes

Objectifs

1. De détourer des silhouettes ou des personnages réels
2. D'améliorer le détourage en traitant les détails du personnage
3. D'insérer les silhouettes/personnages détourés dans des "paysages"
4. D'affiner l'insertion en ajoutant une ombre

A l'issue de ce module, vous serez capable de:

Unité 1

Détourer une silhouette de couleur uniforme

Unité 1

Détourer une silhouette de couleur uniforme

Introduction (1/2)

Vous allez travailler sur l'image silhouette_01.jpg, qui représente deux silhouettes de couleur uniforme. Le but des manipulations qui seront décrites dans la vidéo est de supprimer de façon non destructive le fond, les ombres et l'un des deux personnages, de façon à placer un fond transparent autour de l'autre personnage, qui deviendra insérable dans n'importe quel autre fichier image. La situation de départ est montrée ci-contre.

Unité 1

Détourer une silhouette de couleur uniforme

Introduction (2/2)

Dans la mesure où la silhouette à détourer est de couleur uniforme, vous mettrez en oeuvre la sélection par plage de couleur. Cet outil de sélection est très souple d'utilisation, pourvu que la sélection à réaliser repose sur un ensemble de couleurs proches les unes des autres. La situation d'arrivée est montrée ci-contre.

Unité 1

Détourer une silhouette de couleur uniforme

Détourer une silhouette de couleur uniforme - Sélection par plage de couleurs

Unité 1

Détourer une silhouette de couleur uniforme

Sélectionner par plage de couleurs (1/3)

La commande Plage de couleurs sélectionne une couleur ou une gamme des couleurs dans une sélection existante ou une image complète. Procédure de sélection par plage de couleur :

• Choisissez Sélection > Plage de couleurs
• Choisissez l'outil Pipette dans le menu Sélection
• Placez le pointeur en forme de pipette sur l'image ou la zone d'aperçu, puis cliquez dessus pour prélever les couleurs à inclure
• Ajustez la plage des couleurs sélectionnées en entrant une valeur dans la zone Tolérance ou en faisant glisser le curseur correspondant. Le paramètre Tolérance contrôle l'étendue de la gamme des couleurs dans la sélection et augmente ou diminue la quantité de pixels partiellement sélectionnés (zones grises dans l'aperçu de la sélection). Définissez une faible tolérance pour restreindre la gamme des couleurs, et une valeur élevée pour l'élargir
• Si vous avez sélectionné l'option Clusters de couleurs localisés, utilisez le curseur Etendue pour indiquer à quelle distance des points d'échantillonnage une couleur doit se situer pour être incluse dans la sélection

Unité 1

Détourer une silhouette de couleur uniforme

Sélectionner par plage de couleurs (2/3)

Affinez la sélection en procédant comme suit :

• Pour ajouter des couleurs, sélectionnez la pipette dotée du signe +, puis cliquez dans la zone d'aperçu ou l'image
• Pour supprimer des couleurs, sélectionnez la pipette dotée du signe -, puis cliquez dans la zone d'aperçu ou l'image

Unité 1

Détourer une silhouette de couleur uniforme

Sélectionner par plage de couleurs (3/3)

Pour afficher un aperçu de la sélection dans la fenêtre de l'image, choisissez une option du menu Prévisualisation :

• Sans - Affiche l'image d'origine
• Niveaux de gris - Affiche du blanc pour les pixels complètement sélectionnés, du gris pour les pixels partiellement sélectionnés et du noir pour les pixels désélectionnés
• Cache noir - Affiche l'image d'origine pour les pixels sélectionnés et du noir pour les pixels désélectionnés. Cette option est utile pour les images claires
• Cache blanc - Affiche l'image d'origine pour les pixels sélectionnés et du blanc pour les pixels désélectionnés. Cette option est utile pour les images sombres
• Masque - Affiche les zones désélectionnées comme une incrustation rubylith ou une couleur personnalisée que vous avez spécifiée dans la boîte de dialogue Options de masque)

Unité 1

Détourer une silhouette de couleur uniforme

Améliorer la sélection (1/3)

CONTRACTER UNE SELECTIONLorsque la sélection réaliser ne répond pas exactement à vos souhaits en terme de limite du contour, vous avez la possibilité de dilater ou contracter de la sélection, de façon uniforme, d'un ou plusieurs pixels.

Unité 1

Détourer une silhouette de couleur uniforme

Améliorer la sélection (2/3)

AMELIORER LE CONTOUR DE LA SELECTIONPour éviter un contour trop net, vous avez la possibilité d'améliorer le contour de la sélection. La commande Améliorer le contour permet d'améliorer la qualité des contours d'une sélection et d'afficher la sélection sur différents fonds afin d'en faciliter l'édition. Pour le moment, vous pouvez tester les options :

• Lissage - Atténue les zones irrégulières (ondulées) du cadre de sélection pour obtenir un contour plus lisse
• Contour progressif - Atténue la transition entre la sélection et les pixels situés autour
• Contraste -Lorsque la valeur de contraste est augmentée, les transitions aux contours flous sur la bordure de la sélection deviennent plus nettes
• Décalage du contour - Déplace les contours flous vers l'intérieur avec des valeurs négatives ou vers l'extérieur avec des valeurs positives. Le glissement de ces bordures vers l'intérieur peut aider à supprimer les couleurs d'arrière-plan indésirables du contour de la sélection

Les options de rayon et de rayon dynamique seront abordées sur une autre image, au cours de ce même TP.

Unité 1

Détourer une silhouette de couleur uniforme

Améliorer la sélection (3/3)

SORTIR EN CALQUE ET MASQUE DE FUSIONToujours dans le but de ne pas réaliser d'opération destructive, vous choisirez de sortir le résultat de l'amélioration du contour de sélection sous la forme d'un nouveau calque, affecté d'un masque de fusion.

Unité 2

insérer une silhouette ou un personnage dans une scène

Unité 2

Insérer une silhouette ou un personnage dans une scène

Introduction (1/2)

Vous allez travailler sur l'image cycliste_01.jpg, qui représente une scène assez banale. L'image est de piètre qualité, puisque sa résolution n'est que de 72ppp, à comparer aux 314ppp de la silhouette. La situation de départ est montrée ci-contre.

Unité 2

Insérer une silhouette ou un personnage dans une scène

Introduction (2/2)

Une insertion de silhouette à environ 300ppp dans un environnement qui est à 72ppp va réserver de mauvaises surprises. Vous pourrez le constater dans la prochaine vidéo. Pour éviter ces désagréments, vous devrez impérativement rendre (à peu près) homogènes les résolutions des deux images. Aussi, le premier travail à réaliser sur la scène est de modifier sa résolution pour l'amener à 300ppp (vous pouvez même répliquer les 314ppp de la silhouette). Vous avez appris à réaliser cette modification au début de votre formation sur Photoshop. Mais un petit rappel s'impose...

Unité 2

Insérer une silhouette ou un personnage dans une scène

Insérer la silhouette par glisser-déposer depuis son calque vers la scène

Pour insérer la silhouette détourée, il suffit d'afficher les deux images en cascade et de réaliser un glisser-déposer du calque de la silhouette dans la scène. Ce calque vient aussitôt s'ajouter à la liste des calques de la scène.

Unité 2

Insérer une silhouette ou un personnage dans une scène

Convertir la silhouette en objet dynamique (1/2)

IMMÉDIATEMENT après son insertion, et SURTOUT AVANT toute transformation, il est nécessaire de convertir le calque de la silhouette en objet dynamique. Visuellement, en dehors de l'icône du calque qui apparaîtra de façon différente, rien ne sera visible dans l'image. Retenez simplement qu'un objet dynamique (en fait, un calque dynamique) accepte bien mieux d'être transformé qu'un contenu de calque standard.

Unité 2

Insérer une silhouette ou un personnage dans une scène

Convertir la silhouette en objet dynamique (2/2)

Avec des objets dynamiques, vous pouvez :

• Effectuer des transformations non destructrices. Vous pouvez mettre à l'échelle, faire pivoter ou déformer un calque sans perdre les données ou la qualité d'origine de l'image, les transformations n'affectant pas les données d'origine (certaines options de transformation, telles que Perspective et Déformation, ne sont pas disponibles)
• Réaliser un filtrage non destructif : à tout moment, vous pouvez modifier les filtres appliqués aux objets dynamiques
• Modifier un objet dynamique et mettre automatiquement à jour toutes ses occurrences liées

Unité 2

Insérer une silhouette ou un personnage dans une scène

Adapter la taille de la sihouette par transformation manuelle

Pour adapter la taille de la silhouette à la scène :

• Sélectionner le calque dynamique contenant la silhouette
• Ctrl + t pour débuter les transformations manuelles de la sélection
• Appuyer sur Entrée pour valider les transformations

La silhouette est représentée très grossièrement le temps de réaliser les transformations, et affinée après appui sur la touche entrée.

Unité 2

Insérer une silhouette ou un personnage dans une scène

Et si la résolution de la scène n'avait pas été modifiée ???

Unité 3

Détourer une silhouette complexe

Unité 3

Détourer une silhouette compexe

Introduction (1/2)

Vous allez travailler sur l'image Fotolia_880268_L.jpg, qui représente deux personnages en train de discuter et que nous appellerons enfant et ado, par souci de commodité. L'image est de bonne qualité, puisque sa résolution est de 300ppp. Dans un premier temps, vous découvrirez comment procéder à un détourage grossier de l'enfant, en utilisant plusieurs outils successivement. Puis vous affinerez ce détourage en utilisant les outils d'amélioration du contour, ce qui aura pour effet, entre autre, de rendre plus naturelle le comportement des cheveux lors de la future insertion du personnage dans une scène. La situation de départ est montrée ci-contre.

Unité 3

Détourer une silhouette compexe

Introduction (2/2)

Le détourage ci-contre, montrée à cette échelle, apparaît correct. Cependant, si l'image était insérée telle quelle dans une scène, de nombreux problèmes apparaîtraient, en lisière du détourage et au niveau des cheveux. La situation montrée ci-contre n'est qu'un premier stade du travail.

Unité 3

Détourer une silhouette compexe

Détourage grossier de l'enfant

Unité 3

Détourer une silhouette compexe

Améliorer le détourage grossier

Unité 3

Détourer une silhouette compexe

Insérer l'image dans une scène

Unité 3

Détourer une silhouette compexe

Créer une ombre pour améliorer l'insertion

Unité 3

Détourer une silhouette compexe

Diminuer le crénelage et la pixelisation de l'image insérée

Unité 4

Améliorer des détails avant le détourage

Unité 4

Améliorer des détails avant le détourage

Introduction

Vous allez maintenant procéder au détourage de l'ado. L'inconvénient ici est incarné dans le fil de ce (satané) MP3. Vous allez découvrir comment faire ressortir la tonalité de ce fil avant de procéder au détourage, de telle sorte que celui-ci soit correct

Unité 4

Améliorer des détails avant le détourage

Faire ressortir les détails d'une image avant de détourer

A vous de jouer

Appliquez ce que vous avez découvert !

Unité 5

A VOUS DE JOUER !

Détourez les éléments précisés ci-dessous, dans chacune des images (1/2) :

silhouettes_02.jpg

10.jpg

11.jpg

9.jpg

silhouettes_03.jpg

Unité 5

A VOUS DE JOUER !

Détourez les éléments précisés ci-dessous, dans chacune des images (2/2) :

Fotolia_4159630.jpg

14.jpg

13.jpg

Fotolia_4214889.jpg