Création d'un look de film noir avec une carte de déplacement dans Photoshop.
Qu'est-ce qu'une carte de déplacement?
Si vous êtes nouveau dans Photoshop, la simple mention des cartes de déplacement peut être décourageante. Le but de cet article est de vous donner une introduction à eux; vous guide dans des étapes faciles à suivre sur la façon de générer des cartes de déplacement en niveaux de gris simples à partir d'une image existante et vous montre comment les mettre en œuvre efficacement à l'aide du filtre de déplacement dans Photoshop.
Une carte de déplacement est une version en niveaux de gris de la même image sur laquelle vous travaillez, enregistrée sous forme de fichier Photoshop (.PSD). Cette carte de déplacement est ensuite utilisée pour appliquer une texture à un graphique plat via le Déplacer filtre, et il déforme le graphique pour se conformer à la forme de la carte. Cela donne au graphique plat, ou objet 2D, un aspect 3D plus réaliste. Vous avez peut-être vu des images en ligne où une texture est mappée sur le visage de quelqu'un ou un logo profilé sur une surface texturée.
Pourquoi utiliser les cartes de déplacement?
Les cartes de déplacement sont un excellent moyen de mapper une texture sur des objets 2D, tels que des logos ou du texte, pour ajouter de la profondeur et une perspective 3D. J'espère illustrer que les cartes de déplacement ne sont pas aussi intimidantes qu'elles pourraient le paraître, même si je me rends compte que cet article peut convenir aux utilisateurs intermédiaires de Photoshop plutôt qu'aux novices.
Comment mettre en œuvre une carte de déplacement?
Une fois qu'une carte de déplacement a été générée. Vous devez utiliser le Déplacer filtre pour déformer l'objet 2D ou le graphique plat sur la carte. le Déplacer filter est dans Photoshop depuis la version 2.0. Il n’a pas beaucoup changé depuis, cependant, c’est toujours un filtre qui vaut la peine d’être connu. Cela peut sembler être un processus compliqué à utiliser, mais lorsque vous l'avez essayé plusieurs fois, c'est simple. Ce qu'il fait est de déplacer les pixels clairs vers le haut et vers la gauche et les pixels sombres sont déplacés vers le bas et vers la droite. Cela crée une illusion de profondeur à travers la lumière. C'est pourquoi votre carte de déplacement doit être assez contrastée.
Comment accéder au filtre Distorsion dans Photoshop.
La première méthode que je décris ci-dessous vous montre comment utiliser une forme vectorielle pour créer un marquage routier et le mapper sur une surface de route. Ce processus serait le même pour appliquer des logos ou du texte sur n'importe quel arrière-plan texturé. Dans les deux autres exemples, je décris comment les cartes de déplacement peuvent être utilisées pour créer des effets d'ombre. Nous allons jeter un coup d'oeil.
1. Ajout d'un marquage routier réaliste
Avant et après où le marquage routier a eu une carte de déplacement appliquée.
Objectif: créer un marquage routier réaliste à partir d'un graphique vectoriel.
Commençons par l'image de base de la route. La carte de déplacement en niveaux de gris sera créée à partir de cette image. La troisième image est l'image vectorielle plane du marquage routier. J'ai utilisé l'outil Lasso polygonal pour dessiner une forme similaire à un marquage routier et l'ai remplie de blanc. Convertissez-le en objet intelligent, puis masquez ce calque.
Processus de carte de déplacement:
Ouvrez votre panneau Canaux et cliquez sur chacun des canaux rouge, vert et bleu pour voir lequel a le plus de contraste. Dans cet exemple, j'ai choisi le bleu. Cliquez et dupliquez ce canal.
Dupliquer le canal bleu pour créer une carte de déplacement.
Cela ouvre une autre boîte de dialogue (voir ci-dessous). Où il est dit Document, cliquez sur l'onglet et choisissez Nouveau. Nommez ce fichier Déplacer la route ou ce que vous voulez et cliquez sur OK.
Cliquez sur l'onglet Document pour sélectionner Nouveau pour créer un nouveau document pour une carte de déplacement.
Cela crée un nouveau document avec le calque nommé Alpha 1. Avant d'enregistrer ce document sous forme de fichier PSD (Photoshop) en niveaux de gris. Vous devez ajouter un peu plus de contraste, allez Menu> Image> Réglages> Niveaux, puis ajoutez un flou gaussien de 9,9 pixels. Cela permettra aux bords de la forme vectorielle de marquage routier d'épouser les contours de la route, plutôt que d'avoir un bord dentelé. Convertissez cette image en niveaux de gris et enregistrez-la sous Déplacer road.psd. Fermez ce document.
Cette boîte de dialogue apparaît directement après avoir sélectionné Nouveau à l'étape précédente.
Une carte de déplacement en niveaux de gris de l'image de la route.
Revenez au document original où nous sommes toujours dans le panneau Canaux et le canal bleu est toujours en surbrillance. Cliquez sur le calque RVB pour ramener l'image en couleur.
Dans le panneau Calques (je l'ai normalement imbriqué à côté du panneau Canaux), cliquez sur le carré à gauche de la vignette du calque pour ramener la visibilité de la forme vectorielle de route que j'avais dessinée avant de créer la carte de déplacement. Voir l'image ci-dessous.
Avec ce calque en surbrillance, passez à Menu> Filtre> Déformer> Déplacer. Une petite boîte de dialogue apparaît. La quantité de distorsion que vous appliquez dépendra des valeurs que vous entrez dans les cases d'échelle horizontale et verticale. La valeur par défaut est 10 dans chaque case. Ces valeurs représentent des pourcentages.
Plus les valeurs sont élevées, plus la distorsion est importante. Faites des essais pour voir l'effet souhaité. Lorsque vous convertissez vos calques en Objets intelligents, tous les ajustements que vous effectuez peuvent être effectués facilement et de manière non destructive. Pour cette image, j'ai choisi 55 dans l'échelle horizontale et 80 pour l'échelle verticale. Je voulais plus de distorsion sur le marquage routier pour qu'il corresponde à l'aspect usé de la route.
À ce stade, votre image peut sembler un peu étrange, suivez l'étape suivante pour la rendre plus homogène et réaliste.
Gros plan du marquage routier après l'application de la carte de déplacement et des derniers ajustements.
Ajustements finaux: pour donner au marquage routier un aspect plus réaliste.
J'ai ajouté un flou gaussien de 4px pour me débarrasser du bord très légèrement pixélisé de la forme. Double-cliquez n'importe où à droite du calque pour faire apparaître la zone Style de calque. J'ai changé le mode de fusion en superposition, réduit l'opacité à 77% et le remplissage à 90%. Dans la section Blend If, j'ai déplacé le curseur noir sur 187 sur le calque sous-jacent.
Conseil. Si vous maintenez la touche Alt / Option enfoncée lorsque vous faites glisser les curseurs noirs ou blancs, cela divise la flèche du curseur en deux, ce qui rend le mélange plus fluide.
Le curseur noir est divisé sur le calque sous-jacent dans la boîte de dialogue Options de fusion.
2. Effets d'ombre - Eau
Images avant et après montrant la distorsion sur le mot «Déplacer» lorsqu'une carte de déplacement a été appliquée.
Objectif: créer une ombre réfléchissante réaliste dans l'eau avec du texte.
J'ai utilisé le mot «Déplacer» pour montrer à quel point une ombre dans l'eau peut paraître assez efficace et réaliste. La carte de déplacement que j'ai créée pour cette image a très bien fonctionné en déformant le texte pour qu'il s'enroule autour des ondulations de l'eau. J'ai suivi les mêmes étapes pour générer le déplacement que ci-dessus mais j'ai appliqué un flou gaussien de 5,4 px pour cette image.
Les valeurs que j'ai ajoutées dans la boîte de dialogue Déplacer pour les échelles horizontale et verticale étaient de 80 respectivement.
Pour les derniers réglages, j'ai ajouté un flou gaussien de 10,1 pixels. J'ai changé le mode de fusion en lumière douce, réduit l'opacité à 78% et le remplissage à 80%. Dans la section Blend If, j'ai déplacé le curseur noir du calque sous-jacent sur 148.
Le mot Déplacer déformé à l'aide d'une carte de déplacement.
2. Effets d'ombre - Look Film Noir
Utilisation de lignes horizontales noires et d'une carte de déplacement pour simuler la lumière qui brille à travers les stores.
Objectif: créer un aspect film noir ou l'effet de la lumière passant à travers les stores.
Pour cette image, j'ai dû faire plus de travail dans Photoshop pour obtenir le look final. Le processus pour générer une carte de déplacement est le même ici que dans les autres exemples. Gardez simplement à l'esprit que le canal bleu n'est pas le meilleur choix pour les sujets car les tons de peau sont affreux.
J'ai isolé le modèle de cette image et l'ai placé sur un calque séparé avec un masque de calque. J'ai ajouté un calque de réglage noir et blanc, puis j'ai créé d'épaisses lignes horizontales noires à l'aide de l'outil Rectangular Marquee Tool pour ressembler à des lattes de fenêtre sur un calque séparé. Ensuite, j'ai dupliqué cette couche. J'en ai utilisé un pour le calque d'arrière-plan et j'ai ajouté une quantité importante de flou gaussien. J'ai ensuite déplacé l'autre calque au-dessus du modèle avec le masque de calque. Je voulais incliner les lignes noires (stores de fenêtre) sur le visage du modèle. Je l'ai fait en utilisant l'outil de transformation gratuit.
Lignes noires créées à l'aide de l'outil Rectangle de sélection.
J'ai créé une carte de déplacement et déformé les lamelles sur la face du modèle en utilisant 15 et 20 comme valeurs pour les échelles horizontale et verticale.
Les lignes noires ont été déformées via le filtre Déplacer en utilisant une carte de déplacement.
Ce n'est qu'une brève description des modifications finales: j'ai appliqué une superposition de dégradé et un peu de gravure pour assombrir le côté gauche du modèle car la source de lumière provient de cette ligne directe. J'ai ajouté un flou gaussien de 28,9 pixels et réduit l'opacité à 40%.
Conseils
- Le bleu est le pire canal à choisir si vous créez une carte de déplacement où les tons chair sont impliqués.
- Le canal vert montre généralement le plus de contraste.
- Assurez-vous d'utiliser le flou gaussien lors de la génération de cartes de déplacement.
- Les cartes de déplacements doivent être enregistrées sous forme de fichier .PSD en niveaux de gris.
J'espère vous avoir inspiré pour commencer à créer des cartes de déplacement et utiliser le filtre de déplacement si vous ne l'avez jamais essayé auparavant.