Ce tutoriel est écrit avec Photoshop CC 2020.
Créer la carte de dispersion (Displacement Map)
La carte de dispersion (Displacement Map) c’est l’image au format .psd qui va servir à déformer le texte ou l’image.
► ouvrir l’image de la texture
Exemple de texture de papier froissé
► afficher le panneau Couches par le menu
Dans le panneau Couches,
► cliquer sur la couche qui présente le plus de contraste
Couche bleu avec le plus de contraste
Souvent c’est la couche Bleu mais pour certaines images ça peut être la couche vert ou rouge, il faut choisir en fonction de l’image.
Si votre image n’est pas très contrastée ou si vous voulez créer un effet plus fort pour l’image finale, il est possible d’augmenter le contraste.
Avant de sélectionner la couche,
► ajouter un calque de réglages Niveaux ou Courbes
► cliquer simplement sur le bouton Automatique ou modifier manuellement les niveaux (curseurs)
Augmenter le contraste
► fusionner le calque de réglage avec l’image par le menu ou les touches Ctrl+E
► ou choisir le menu
Dans le panneau Couches,
► après avoir sélectionné la couche la plus contrastée (ici la bleu), cliquer sur le menu du panneau en haut à droite (icône)
► dans le menu déroulant choisir Dupliquer la couche…
► ou faire un clic droit sur la couche (bleu) et choisir Dupliquer la couche…
Dans la fenêtre Dupliquer la couche qui s’affiche,
► choisir Nouveau dans le menu déroulant Document
► donner un nom par exemple Papier
► valider la fenêtre par OK
Dupliquer la couche
Vous avez maintenant un nouveau document nommé Papier.
► choisir le menu
► entrer une valeur d’environ 0,8 Pixels et valider la fenêtre par OK
Flou gaussien
► choisir le menu ou les touches Maj+Ctrl+S
► donner un nom au fichier .psd par exemple Papier.psd et choisir un emplacement sur le disque dur
► puis fermer le fichier Papier.psd
Dispersion avec un texte
De retour dans l’image de la texture, nous allons maintenant utiliser le fichier Papier.psd sur un texte pour lui donner la forme de la texture.
Dans le panneau Couches,
► cliquer sur la couche RVB
► prendre l’outil Texte ou touche T
► écrire un texte puis le configurer à l’aide du panneau Caractère, choisir les paramètres, la police, la taille, etc.
Écrire un texte
Pour pixelliser le calque de texte,
► sélectionner le calque de texte dans le panneau des Calques
► choisir le menu ou faire un clic droit sur le calque de texte dans le panneau Calques et choisir Pixelliser le texte
Dispersion avec une image
Au lieu d’écrire un texte vous pouvez utiliser une image qui sera déformée par la texture.
► ouvrir une image
Exemple d’image
► déplacer l’image au dessus de la texture ou faire Copier/coller
► redimensionner l’image et/ou la texture pour qu’elles aient les mêmes dimensions
► soit avec le menu soit avec le menu ou les touches Ctrl+T
Déformer le texte ou l’image
► sélectionner le calque de texte ou le calque de l’image
► choisir le menu
Dans la fenêtre Dispersion,
► laisser les valeurs par défaut et cliquer sur OK
Filtre Dispersion
Cela affiche le mini-navigateur,
► sélectionner le fichier Papier.psd créé précédemment
► cliquer sur Ouvrir ou faire un double-clic
Le texte ou l’image est déformée en suivant le relief de la texture.
Texte déformé par la texture
Image déformée par la texture
Par exemple, pour cette image j’ai placé son calque au dessus de la texture, j’ai appliqué le filtre Dispersion puis j’ai simplement réduit l’Opacité du calque à 80%.
Les valeurs de Dispersion peuvent être modifiées, plus les valeurs sont élevées plus la déformation sera importante et inversement, des valeurs inférieures à 10 déformeront moins.
Explications du filtre Dispersion (source Adobe)
Pour définir l’amplitude de la dispersion, entrez une valeur comprise entre -999 et 999 dans les zones de texte Echelle horizontale et Echelle verticale. Lorsque les axes Horizontal et Vertical de l’échelle sont réglés sur 100 % la plus grande dispersion est de 128 pixels (car le gris du milieu ne produit pas de dispersion).
Echelle horizontale et verticale sont des valeurs en %. Une valeur de 10 par défaut déplace de 12,8 pixels vers la droite ou vers le bas, 20 déplace de 25,6, 50 déplace de 64 pixels. La valeur de 0 annule les mouvements. Des valeurs négatives inverse le sens, donc vers la gauche ou vers le haut.
Si l’image de référence n’est pas de la même taille que la sélection, vous devez sélectionner son mode d’adaptation à l’image :
Adapter (par défaut) : redimensionne l’image.
Juxtaposer : remplit la sélection par la répétition de l’image de référence.
Sélectionnez le mode de remplissage des vides créés par le filtre dans l’image, puis cliquez sur le bouton OK.
Reboucler : remplit les vides avec un contenu provenant du bord opposé de l’image.
Pixels du contour (par défaut) : étend les couleurs des pixels le long du contour de l’image dans la direction spécifiée.
Intégré le texte ou l’image dans la texture
Pour que le texte ou l’image s’intègre dans la texture nous allons l’adapter.
En haut du panneau des Calques,
► changer le Mode de fusion en Incrustation
Mode de fusion Incrustation
Ce choix fonctionne bien pour un texte, pour une image il faut peut-être choisir un autre Mode de fusion ou simplement réduire l’Opacité du calque comme dans l’exemple plus haut.
Pour augmenter l’effet visuel,
► dupliquer le calque avec les touches Ctrl+J
► puis en haut du panneau des Calques ajuster l’Opacité de ce 2ème calque par exemple à 75%
La valeur d’Opacité dépend de la couleur du texte par rapport à la texture et de l’effet désiré.
Autre exemple avec un texte en couleur.
On peut choisir la couleur du texte au départ ou la changer une fois que le texte est pixellisé.
Pour changer la couleur du texte pixellisé,
► ajouter un Calque de remplissage Couleur unie et choisir une couleur dans le Sélecteur de couleur
► choisir le menu ou les touches Maj+Ctrl+G pour que la couleur ne concerne que le calque de texte (qui est juste en dessous)
► changer le Mode de fusion du calque en Superposition
Exemple avec de la couleur sur le texte et sur la texture ainsi qu’un effet Style de calque/Contour et Lueur externe
Texte déformé par la texture
Télécharger la texture papier
Si vous voulez la texture papier qui a servit à ce tutoriel aller sur le site ▷ Pexels – Motif texture blanc papier
Pour trouver des textures sur le site Pexels cliquer sur ce lien ▷ Pexels Free Texture
Télécharger les actions
Vous pouvez télécharger les actions gratuites pour créer une Displacement Map et un Effet dispersion.
▶ Action Displacement Map pour créer un fichier Displacement Map (Carte de dispersion) au format .psd à partir d’une texture
▶ Actions Effet Dispersion pour créer un effet de dispersion comme dans ce tutoriel
Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.
Photoshoplus ©