Dans ce didacticiel Photoshop Effects, nous allons apprendre à utiliser le filtre Déplacer et une carte de déplacement pour ajouter une texture intéressante au visage d'une personne sur une photo. La carte de déplacement nous permettra d'enrouler la texture autour de la forme et des contours du visage, plutôt que de lui donner l'apparence d'avoir simplement collé une texture plate sur la photo.
Les cartes de déplacement ont été introduites pour la première fois dans Photoshop 2.0, donc à moins que vous n'utilisiez toujours la même version de Photoshop que vous avez achetée il y a 20 ans, ça devrait aller. J'utiliserai Photoshop CS4 tout au long de ce didacticiel, mais toute version récente fonctionnera.
Pour créer l'effet de texture, vous aurez besoin de deux images - la photo principale à laquelle vous souhaitez appliquer la texture et une photo à utiliser comme texture elle-même. Voici l'image à laquelle j'appliquerai ma texture:
L'image originale.
Voici l'image que j'utiliserai pour ma texture, un simple gros plan d'un rocher que j'ai cassé à l'extérieur:
La photo de texture.
Voici à quoi cela ressemblera après avoir mappé la texture sur le visage de l'homme:
L'effet de carte de texture finale.
Comment mapper une texture sur un visage avec Photoshop
Étape 1: Sélectionnez la chaîne avec le meilleur contraste d'image
Commençons par la photo à laquelle nous appliquerons la texture. Basculez vers votre panneau Chaînes pendant un moment. Vous trouverez le panneau Canaux regroupé avec les panneaux Calques et Chemins (les "panneaux" sont appelés "palettes" dans les versions antérieures de Photoshop). Cliquez sur l'onglet Nom des canaux en haut du groupe pour le sélectionner. Vous verrez trois canaux de couleur répertoriés - Rouge, Vert et Bleu - ainsi qu'un canal RVB composite en haut:
Le panneau Canaux (palette) dans Photoshop.
Pour en savoir plus sur les canaux de couleur et le mode de couleur RVB dans Photoshop, assurez-vous de consulter notre didacticiel complet sur les canaux de couleur et RVB dans Photoshop Explained . Nous allons utiliser l'un de ces trois canaux (rouge, vert ou bleu) pour créer notre carte de déplacement, qui sera ensuite utilisée pour cartographier notre texture aux contours du visage de la personne.
Nous devons sélectionner le canal qui nous donnera le plus grand contraste d'image, car plus nous avons de contraste, meilleurs seront les résultats que nous obtiendrons avec notre carte de déplacement. Cliquez sur chaque canal individuel (rouge, vert, puis bleu) dans le panneau Canaux. Ici, je clique sur le canal rouge pour le sélectionner. La chaîne actuellement sélectionnée apparaît surlignée en bleu:
Sélectionnez des canaux individuels en cliquant dessus dans le panneau Canaux.
Lorsque vous cliquez sur chaque canal, vous verrez une version en noir et blanc de la photo apparaître dans la fenêtre du document. Chaque canal nous donnera une version différente en noir et blanc en fonction de l'importance de cette couleur sur la photo. Nous devons choisir le canal qui nous donne le meilleur contraste d'image sur le visage de la personne. Voici à quoi ressemble chacune de mes trois chaînes, avec le rouge à gauche, le vert au milieu et le bleu à droite:
Chaque canal de couleur (rouge, vert, bleu) nous donne une version différente en noir et blanc de l'image.
Généralement, lorsqu'il s'agit de tons de peau, le canal rouge sera trop lumineux et délavé pour être utilisé comme carte de déplacement (car la peau contient toujours beaucoup de rouge), vous finirez donc généralement par choisir les canaux vert ou bleu. Dans mon cas ici, le canal bleu est beaucoup trop sombre, donc il est éteint. Le canal rouge contient en fait plus de détails que j'attendrais normalement, mais je pense que le canal vert contient le plus grand contraste, avec des reflets brillants et des ombres sombres, donc je vais utiliser le canal vert pour ma carte de déplacement.
Étape 2: Dupliquer la chaîne
Une fois que vous avez déterminé le canal que vous allez utiliser pour votre carte de déplacement, assurez-vous de l'avoir sélectionné dans le panneau Canaux. J'utilise le canal vert, je vais donc cliquer dessus pour le sélectionner:
Cliquez sur le canal que vous utiliserez pour votre carte de déplacement.
Cliquez ensuite sur l' icône de menu dans le coin supérieur droit du panneau Canaux et sélectionnez Dupliquer le canal dans le menu qui apparaît:
Faites un clic droit (Win) / Contrôle-clic (Mac) sur le canal et choisissez Dupliquer le canal.
Cela fera apparaître la boîte de dialogue Duplicate Channel. Sélectionnez Nouveau pour l'option Document dans la section Destination de la boîte de dialogue, qui ouvrira la copie du canal en tant que document Photoshop distinct. Ne vous inquiétez pas de le nommer:
Définissez l'option Document sur Nouveau pour créer un nouveau document à partir du canal.
Cliquez sur OK pour quitter la boîte de dialogue. L'image en noir et blanc apparaîtra dans une fenêtre de document distincte:
La version en noir et blanc du canal vert (ou du canal que vous avez choisi) apparaît maintenant dans sa propre fenêtre de document.
Nous préparerons ensuite notre image pour l'utiliser comme carte de déplacement!
Étape 3: appliquer le filtre médian à l'image de la carte de déplacement
Pour ces prochaines étapes, nous allons travailler sur l'image de la carte de déplacement que nous venons de créer, alors ignorez l'image d'origine pour l'instant. Nous devons enlever une grande partie des détails du visage de la personne, sinon tous les petits pores, bosses, chaumes et petites imperfections cutanées causeront des problèmes. Nous utiliserons quelques filtres de Photoshop pour lisser les choses pour nous. Le premier que nous appliquerons est le filtre médian, qui est excellent pour réduire les petits détails tout en gardant intacts les bords qui définissent un objet. Montez dans le menu Filtre dans la barre de menus en haut de l'écran, choisissez Bruit, puis choisissez Médiane :
Accédez à Filtre> Bruit> Médiane.
Cela fera apparaître la boîte de dialogue du filtre médian. Gardez un œil sur votre image dans la fenêtre du document lorsque vous faites glisser le curseur Rayon en bas de la boîte de dialogue. Le curseur détermine la quantité de détails supprimés de l'image. Plus vous faites glisser le curseur vers la droite, plus vous supprimez de détails. L'idée est d'éliminer autant de détails que possible sur le visage de la personne tout en gardant intacts les bords importants. Il n'y a pas de paramètre spécifique à utiliser ici car cela dépendra de la taille de l'image sur laquelle vous travaillez, mais je vais définir ma valeur de rayon à environ 8 pixels:
Ajustez la valeur du rayon avec le curseur en bas de la boîte de dialogue.
Cliquez sur OK pour quitter la boîte de dialogue. Ici, nous pouvons voir que j'ai réussi à réduire considérablement les détails du visage de l'homme tout en gardant les bords définitifs agréables et nets:
Une grande partie des détails du visage de l'homme a été supprimée sans brouiller les détails importants des bords.
Étape 4: appliquer le filtre de flou gaussien
Ensuite, nous appliquerons le filtre Flou gaussien pour terminer notre carte de déplacement. Revenez au menu Filtre et cette fois, choisissez Flou, puis choisissez Flou gaussien :
Allez dans Filtre> Flou> Flou gaussien.
Lorsque la boîte de dialogue Flou gaussien apparaît, utilisez le curseur Rayon en bas de la boîte de dialogue de la même manière que vous l'avez utilisé avec le filtre Médian il y a un instant, en gardant un œil sur votre image dans la fenêtre du document lorsque vous faites glisser le curseur vers le droit d'appliquer plus de flou à l'image. Encore une fois, il n'y a pas de paramètre spécifique à utiliser ici car cela dépendra de votre image, mais le but est d'appliquer suffisamment de flou pour lisser les choses tout en étant capable de distinguer les détails importants (yeux, nez, bouche, etc.). Je vais augmenter ma valeur de rayon à environ 13 pixels:
Augmentez la valeur Rayon pour augmenter la quantité de flou appliqué à l'image.
Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue. Photoshop applique le flou à la carte de déplacement:
La carte de déplacement apparaît maintenant avec des transitions fluides entre différents niveaux de luminosité.
Étape 5: convertir l'image en niveaux de gris
Enfin, convertissons notre image de carte de déplacement en mode de couleur en niveaux de gris . Techniquement, cela n'est pas absolument nécessaire car Photoshop peut également utiliser des cartes de déplacement enregistrées dans d'autres modes de couleur, mais vous pouvez rencontrer des problèmes si votre carte de déplacement contient trop de canaux, donc convertir l'image en niveaux de gris, ce qui limite l'image à un monocanal, est un bon moyen d'éviter ces problèmes. Montez dans le menu Image en haut de l'écran, choisissez Mode (qui est l'abréviation de Mode Couleur), puis choisissez Niveaux de gris :
Allez dans Image> Mode> Niveaux de gris.
Étape 6: Enregistrer l'image en tant que fichier Photoshop .PDF
Maintenant que nous avons préparé notre image pour l'utiliser comme carte de déplacement, nous devons l'enregistrer et nous devons l'enregistrer spécifiquement en tant que fichier Photoshop .PSD . C'est le seul type de fichier que Photoshop peut utiliser pour les cartes de déplacement, bien que je ne sache pas pourquoi. Parfois, il suffit d'accepter des choses, et c'est l'un de ces moments. Allez dans le menu Fichier en haut de l'écran et choisissez Enregistrer sous :
Allez dans Fichier> Enregistrer sous.
Cela ouvre la boîte de dialogue Enregistrer sous. Donnez au fichier un nom descriptif. Je vais nommer le mien "displace.psd", et assurez-vous de sélectionner Photoshop pour l'option Format afin qu'il soit enregistré en tant que fichier .PSD. Je trouve que l'endroit le plus simple pour enregistrer des cartes de déplacement est dans un dossier "maps de déplacement" que j'ai créé sur mon bureau, c'est donc là que je vais enregistrer mon fichier:
Enregistrez le fichier dans un emplacement dont vous vous souviendrez facilement, comme votre bureau.
Cliquez sur le bouton Enregistrer lorsque vous avez terminé pour enregistrer le fichier. Vous pouvez maintenant fermer la fenêtre de document de la carte de déplacement.
Étape 7: Sélectionnez le visage de la personne sur la photo
Nous avons fini de travailler sur notre carte de déplacement à ce stade, alors revenez à votre photo d'origine (celle à laquelle vous allez appliquer la texture). Si vous voyez toujours l'image en noir et blanc dans la fenêtre du document, c'est parce que nous avons toujours un seul canal sélectionné dans le panneau Canaux. Cliquez sur le canal RVB en haut du panneau Canaux pour ramener la version en couleur de l'image. Le canal RVB n'est pas vraiment un canal du tout, c'est simplement le composite des trois canaux individuels et c'est ce qui nous permet de voir l'image en couleur:
Cliquer sur le canal RVB sélectionne tous les canaux à la fois et affiche l'image en couleur.
Revenez également au panneau Calques en cliquant sur l'onglet Nom des calques en haut du groupe de panneaux. Nous devons sélectionner la zone de la photo à laquelle nous voulons mapper la texture. Puisque nous voulons mapper la texture uniquement sur le visage de la personne, nous devons d'abord la sélectionner. Utilisez l'outil de sélection de votre choix (Lasso Tool, Pen Too l, etc.) pour dessiner une sélection autour de la zone dont vous avez besoin. Dans mon cas, je vais utiliser l'outil Lasso pour dessiner une sélection autour du visage de l'homme et du haut de sa tête:
Dessinez une sélection autour de la zone à laquelle vous souhaitez mapper la texture.
Le seul problème est que si j'appliquais la texture maintenant, ses yeux seraient couverts par la texture car ils sont actuellement à l'intérieur de la zone sélectionnée. Je dois retirer ses yeux de la sélection, et la façon la plus simple de le faire est simplement de maintenir enfoncée ma touche Alt (Win) / Option (Mac), ce qui place temporairement l'outil Lasso en mode Soustraire de la sélection, indiqué par un petit signe moins ("-") dans le coin inférieur droit de l'icône du lasso. Faites glisser une sélection autour de chaque œil pour les supprimer de la zone sélectionnée. Lorsque vous avez terminé, vous devriez voir les contours de la sélection autour de la tête et des yeux de la personne. Seule la zone entre les contours de sélection est maintenant sélectionnée, ce qui signifie que les yeux ne seront plus affectés:
Maintenez la touche Alt (Win) / Option (Mac) enfoncée pour passer temporairement en mode Soustraire de la sélection avec n'importe quel outil de sélection de base.
N'oubliez pas de consulter notre didacticiel Pleine puissance des sélections de base pour plus d'informations sur l'utilisation des sélections dans Photoshop.
Étape 8: enregistrer la sélection
Nous n'avons pas besoin de notre sélection en ce moment même, mais nous en aurons bientôt besoin, alors sauvegardons-la. Allez dans le menu Sélectionner en haut de l'écran et choisissez Enregistrer la sélection :
Accédez à Sélectionner> Enregistrer la sélection.
Cela ouvre la boîte de dialogue Enregistrer la sélection. Je vais nommer ma sélection "face", puis je clique sur OK pour enregistrer la sélection pour une utilisation ultérieure:
L'enregistrement d'une sélection nous permet de la recharger facilement chaque fois que nous en avons besoin.
Une fois que vous avez enregistré la sélection, appuyez sur Ctrl + D (Win) / Commande + D (Mac) pour désélectionner rapidement la sélection, en supprimant les contours de sélection de l'image.
Étape 9: Copiez l'image de texture sur l'image d'origine
Ouvrez la photo que vous allez utiliser pour votre texture. Dans mon cas, j'utilise la photo de texture de roche que nous avons vue au début du tutoriel. Vous devriez maintenant avoir votre image d'origine et la photo de texture ouvertes dans leurs propres fenêtres de document distinctes sur votre écran.
Assurez-vous que la photo de texture est sélectionnée en cliquant dessus n'importe où dans sa fenêtre de document. Allez ensuite dans le menu Calque en haut de l'écran et choisissez Dupliquer le calque :
Accédez à Calque> Dupliquer le calque.
Cela ouvre la boîte de dialogue Duplicate Layer. Je vais nommer mon calque copié "texture", bien que le nom ne soit pas si important. Ce qui est important, c'est que vous sélectionnez le document de l'image d'origine comme destination pour le calque copié afin que notre photo de texture apparaisse à l'intérieur du document de la photo d'origine. Ma photo d'origine est nommée "texture_mapping.psd", je vais donc la sélectionner comme destination:
Sélectionnez l'image d'origine comme destination du calque.
Cliquez sur OK lorsque vous avez terminé pour quitter la boîte de dialogue et copier la photo de texture sur le document de l'image d'origine. À ce stade, vous pouvez fermer la fenêtre de document de la photo de texture, ce qui nous laisse une seule fenêtre de document ouverte contenant à la fois la photo d'origine et la photo de texture, la photo de texture bloquant maintenant l'image d'origine de la vue. Si nous regardons dans le panneau Calques, nous pouvons voir que nous avons maintenant deux calques. L'image d'origine se trouve sur le calque d'arrière-plan, tandis que la photo de texture se trouve sur un nouveau calque au-dessus:
Étant donné que la photo de texture se trouve au-dessus de l'original dans le panneau Calques, elle bloque l'image d'origine de la vue dans la fenêtre du document.
Étape 10: charger la sélection
Voici où nous avons besoin de cette sélection que nous avons créée et enregistrée plus tôt. Photoshop enregistre en fait les sélections en tant que canaux, et si nous revenons au panneau Canaux, nous pouvons voir que notre sélection apparaît comme un canal séparé sous les canaux RVB. Ma chaîne est nommée "face" car c'est ainsi que je l'ai nommée lorsque j'ai enregistré la sélection. Pour charger rapidement la sélection, maintenez enfoncée la touche Ctrl (Win) / Commande (Mac) et cliquez directement sur la vignette de la chaîne:
Maintenez la touche Ctrl (Win) / Commande (Mac) et cliquez directement sur la vignette du canal pour le charger en tant que sélection dans la fenêtre du document.
Revenez au panneau Calques lorsque vous avez terminé. Vous verrez que les contours de la sélection ont réapparu à l'intérieur du document, bien qu'ils puissent être un peu difficiles à voir sur la texture:
La sélection a été facilement rechargée dans le document.
Étape 11: ajouter un masque de calque
Une fois la sélection chargée, assurez-vous que le calque de texture est sélectionné dans le panneau Calques (les calques sélectionnés sont surlignés en bleu), puis cliquez sur l'icône Masque de calque en bas du panneau Calques:
Ajoutez un masque de calque au calque de texture en cliquant sur l'icône Masque de calque.
Cela ajoute un masque de calque au calque de texture, et comme nous avions sélectionné la tête de la personne lorsque nous avons ajouté le masque, seule la zone de la photo de texture qui se trouvait dans la sélection reste visible. Le reste du calque de texture est désormais masqué:
Seul le visage de l'homme reste couvert par la photo de texture grâce au masque de calque.
Étape 12: Modifiez le mode de fusion du calque de texture en superposition
Pour mélanger la texture avec le visage de la personne, accédez à l'option Mode de fusion en haut du panneau Calques et modifiez le mode de fusion de Normal (paramètre par défaut) à Superposition :
Modifiez le mode de fusion du calque de texture en superposition.
La texture se fond maintenant parfaitement avec le visage de l'homme. N'hésitez pas à essayer d'autres modes de fusion, comme Multiply ou Hard Light, et à comparer les résultats que vous obtenez, mais le mode Overlay est souvent votre meilleur choix pour cet effet:
L'image après avoir changé le mode de fusion du calque de texture en superposition.
Étape 13: Sélectionnez le calque de texture
Les choses semblent déjà assez bonnes à ce stade, mais pour ajouter encore plus de réalisme, nous allons utiliser notre carte de déplacement pour ajuster la texture autour des contours du visage de la personne. Tout d'abord, nous devons sélectionner le calque de texture, car nous avons actuellement le masque de calque, et non le calque lui-même, sélectionné. Nous pouvons dire lequel est sélectionné en regardant les vignettes dans le panneau Calques. Vous remarquerez qu'à l'heure actuelle, la vignette du masque de calque sur le calque de texture est entourée d'une bordure blanche. Cela signifie que le masque de calque est actuellement sélectionné. Pour sélectionner le calque lui-même, cliquez directement sur la vignette d'aperçu du masque de calque:
Lorsque la vignette d'aperçu est entourée d'une bordure de surbrillance, le calque est sélectionné. Lorsque la miniature du masque a la bordure de surbrillance, le masque de calque est sélectionné.
Étape 14: dissocier le calque du masque de calque
Si nous appliquons notre carte de déplacement dès maintenant, le contenu du calque (la photo de texture) et le masque de calque seront remodelés par la carte de déplacement, et c'est parce que le contenu du calque et le calque masqué sont liés ensemble. Nous pouvons dire qu'ils sont liés entre eux par la petite icône de lien entre les deux miniatures. Pour dissocier le contenu du calque du masque de calque afin que le masque ne soit pas affecté par la carte de déplacement, cliquez sur l'icône de lien pour le supprimer:
Cliquez sur la petite icône de lien pour dissocier le contenu du calque du masque de calque.
Étape 15: appliquer le filtre Displace
Enfin, nous sommes prêts à appliquer notre carte de déplacement, et nous le faisons à l'aide du filtre Displace de Photoshop. Allez dans le menu Filtre, choisissez Distorsion, puis choisissez Déplacer :
Accédez à Filtre> Déformer> Déplacer.
Le filtre Déplacer est en fait composé de deux boîtes de dialogue distinctes. La première boîte de dialogue nous demande de définir certaines options, les deux options les plus importantes étant en haut. Les options Échelle horizontale et Échelle verticale déterminent l'impact de la carte de déplacement sur l'image. En d'autres termes, ils déterminent dans quelle mesure les pixels de l'image se déplaceront horizontalement et verticalement. Malheureusement, aucun aperçu n'est disponible, le filtre Déplacer implique généralement des essais et des erreurs jusqu'à ce que les choses se passent bien. La valeur par défaut de 10 pour les options d'échelle horizontale et verticale est un bon point de départ, mais je vais augmenter le mien à 15 pour un peu plus d'impact. Les valeurs que vous finirez par utiliser dépendront à la fois de la taille de votre image et de votre propre idée de ce qui semble "correct", alors soyez prêt à annuler cette étape plusieurs fois et réessayer. Vous pouvez laisser les options Stretch To Fit et Repeat Edge Pixels dans la moitié inférieure de la boîte de dialogue sélectionnées:
Les options Échelle verticale et Échelle horizontale déterminent la distance de déplacement des pixels de l'image.
Cliquez sur OK lorsque vous avez terminé pour quitter cette première boîte de dialogue, qui affichera la deuxième boîte de dialogue vous demandant de choisir votre carte de déplacement. Accédez à l'emplacement où vous avez enregistré la carte de déplacement que nous avons créée précédemment. Le mien a été enregistré dans un dossier "maps de déplacement" sur mon bureau, c'est donc là que je vais naviguer, puis cliquez sur la carte de déplacement pour le sélectionner et cliquez sur Ouvrir:
Sélectionnez la carte de déplacement que nous avons créée précédemment.
Dès que vous ouvrez la carte de déplacement, Photoshop l'applique à la texture et mappe la texture aux contours du visage et de la tête de la personne. Si vous utilisez une texture avec beaucoup de lignes droites, comme un drapeau américain, par exemple, vous verrez une différence très notable dans la façon dont la texture enveloppe la forme du visage de la personne. Si vous utilisez une texture comme celle que j'utilise avec beaucoup de lignes et de fissures de forme aléatoire, la différence peut ne pas être aussi visible, bien que les choses devraient toujours être plus réalistes après l'application de la carte de déplacement. Ou du moins, aussi réaliste qu'une texture de roche mappée au visage d'une personne peut sembler. Voici mon résultat final:
Le résultat mappé de texture finale.