Portrait typographique super facile dans Photoshop

L’année dernière, nous avons publié sur Abduzeedo un article très cool sur les portraits typographiques, les 45 visages typographiques étonnants – Portraits typographiques sont devenus l’un des articles les plus populaires sur Abduzeedo, et beaucoup de gens m’ont demandé comment créer cet effet dans Photoshop.

Nous avons également publié un petit tutoriel montrant comment faire cela en utilisant Flash Photoshop Quick Tips #5 – Typographic Portrait, mais j’ai décidé de créer un bel effet typographique en utilisant uniquement Photoshop.

Donc, dans ce tutoriel, je vais vous montrer comment créer un portrait typographique vraiment cool et super facile dans Photoshop. Nous utiliserons le filtre Displace et certains modes de fusion pour obtenir l’effet. L’ensemble du processus est assez simple, mais cela peut vous prendre un certain temps pour ajouter les textes et les éléments, mais une fois que vous avez fait cela, le reste est très simple.

Étape 1

Ouvrez Photoshop et créez un nouveau document. j’ai utilisé 2560×1440 pixels pour la taille. Ensuite, importez une photo de vous, j’utilise un portrait pris par un certain John Arlington, un grand ami photographe à moi. La photo que j’ai est avec un fond blanc, donc extrayez le fond.

Étape 2

Dupliquez le calque et accédez à Image>Ajustement>Désaturer. Vous aurez une photo en noir et blanc. Ajoutez un fond blanc. Après cela, enregistrez le fichier, ça doit être PSD sinon cela ne fonctionnera pas avec le filtre Displace.

Étape 3

Avec le Outil de type horizontal (T) créez des zones de texte et commencez à ajouter des textes. L’idée est de jouer avec les textes, ils n’ont pas besoin d’être lisibles, ou du moins avec une lisibilité normale, alors jouez avec les hauteurs de ligne, réduisez-les pour que les lignes se superposent.

Faites également des mots-clés beaucoup plus gros et gras, comme dans mon cas, je surligne certains mots comme Tutoriels Photoshop, Illustrator, Inspiration… Jouez également avec l’italique, les textes réguliers ainsi que les alignements et les tailles de texte. Astuce : j’ai utilisé Garamond pour la police, je pense que les polices serif sont bien meilleures pour cet effet.

Étape 4

Pour chaque couche, allez à Calque> Style de calque> Ombre portée. Utilisation Multiplier pour le mode de fusion, noir pour la couleur, 90º pour l’angle et 5 pixels pour la distance, la propagation et la taille.

Regroupez également tous les calques et dupliquez le groupe. Aller à Calque>Fusionner le groupe puis aller à Filtre>Flou>Flou gaussien. Utilisez 10 pixel pour le Rayon. Cette couche floue devra rester derrière la normale. L’idée est d’ajouter un peu de profondeur à votre texte, c’est pourquoi l’ombre.

Vous pouvez dupliquer à nouveau le texte d’origine et le déplacer un peu vers le haut et vers la gauche pour ajouter encore plus de profondeur.

Étape 5

Sélectionnez tous les calques de texte et fusionnez-les en un seul calque, puis accédez à Filtre> Distorsion> Déplacer. Une boîte de dialogue apparaîtra vous demandant de choisir un fichier. Sélectionnez le fichier PSD que nous avons créé à l’étape 2. Après cela, pour les paramètres de déplacement, utilisez 15 pour l’échelle horizontale et verticale ; utilisez Tile pour Displacement Map et Repeat Edge Pixels pour les zones non définies.

La carte de déplacement déformera le calque en fonction de la photo en niveaux de gris que nous avons utilisée, les tons sombres diminuent tandis que les lumières montent.

Étape 6

Placez le calque de photo au-dessus du calque de texte blanc, puis modifiez le Mode de fusion de la couche photo à Brûlure légère.

Étape 7

La photo contient trop de détails, alors allez à Filtre>Bruit>Poussière et rayures. Utilisation 7 pixels pour le Rayon et 0 niveaux pour le Seuil.

Étape 8

Masquez le calque de texte pour n’avoir que les textes sur la photo.

Conclusion

Vous pouvez réduire un peu la saturation et, comme je l’ai déjà mentionné, vous pouvez ajouter plus de calques de texte et même essayer différents symboles et formes.

Il existe de nombreuses façons de créer cet effet, c’est peut-être la plus simple, mais vous devez faire très attention à tout rendre très subtil, sinon l’effet ne sera pas aussi cool que prévu.

Cliquez sur l’image pour un aperçu complet

Télécharger le fichier Photoshop

Cliquez ici pour télécharger le fichier Photoshop utilisé pour ce tutoriel