Créer un portrait typographique avec Photoshop

Voilà un super tutoriel pour vous apprendre a créer des portraits typographique délirants avec juste une image l’outil texte et bien sure Tutsps.

Avant de commencer téléchargez l’image de utilisée dans le tutoriel, ouvrez un nouveau document de 1700×1200 pixels résolution 72Dpi couleurs RVB8bits  et importez l’image dans votre doc.

Créer un superbe portrait typographique avec adobe photoshop

Puis détourez juste le visage et effacez l’arrière plan

Créer un superbe portrait typographique avec adobe photoshop

Ensuite désaturez votre image en allant dans Menu > Image > Réglages > Désaturartion.

Créer un superbe portrait typographique avec adobe photoshop

Allez dans Menu > Filtre > Atténuation > Flou gaussien.

Créer un superbe portrait typographique avec adobe photoshop

Créer un superbe portrait typographique avec adobe photoshop

Ensuite sauvegardez votre document en PSD et nommez le PSD_F.

Maintenant ouvrez un nouveau document de 1900×1200 pixels résolution 72Dpi couleurs RVB8bits, remplissez le fond avec du Noir en utilisant l’outil pot de peinture (G).

Créer un superbe portrait typographique avec adobe photoshop

Prenez l’outil texte (T) avec la police Garamond Premier Pro et tapez des textes comme ceci

Créer un superbe portrait typographique avec adobe photoshop

Rajoutez de plus en plus de texte le but n’est pas la lecture mais juste de la typo

Créer un superbe portrait typographique avec adobe photoshop

Changez la taille de quelques mots, rajoutez des textes verticaux, réduisez et augmentez l’opacité bref déchaînez vous.

Créer un superbe portrait typographique avec adobe photoshop

Ajoutez maintenant quelques mots lisibles comme Adobe tutorials, Tutoriaux Photoshop, adobe, design, webdesign, adobe Photoshop,Tutoriels, cs5, tuto adobe, Adobe, tutoriels etc.…

Créer un superbe portrait typographique avec adobe photoshop

Sélectionnez touts les calque de texte et fusionnez-les en allant dans Menu > Calque > Fusionner les calques, puis appliquez dessus un ombre portée dans les options de fusion.

Créer un superbe portrait typographique avec adobe photoshop

Créer un superbe portrait typographique avec adobe photoshop

Dupliquez votre calque et mettez-le en dessous de l’autre, puis allez dans Menu > Filtre > Atténuation Flou gaussien

Créer un superbe portrait typographique avec adobe photoshop

Créer un superbe portrait typographique avec adobe photoshop

Réduisez son opacité à 43%

Créer un superbe portrait typographique avec adobe photoshop

Ensuite importez l’image de notre personnage dans votre document.

Créer un superbe portrait typographique avec adobe photoshop

Allez dans Menu > Filtre > Bruit > Antipoussière.

Créer un superbe portrait typographique avec adobe photoshop

Créer un superbe portrait typographique avec adobe photoshop

Après, allez dans Menu > Filtre > Atténuation > Flou gaussien.

Créer un superbe portrait typographique avec adobe photoshop

Créer un superbe portrait typographique avec adobe photoshop

Changez son mode de fusion en Densité linéaire +

Créer un superbe portrait typographique avec adobe photoshop

Créer un superbe portrait typographique avec adobe photoshop

Maintenant mettez vous sur le calque fusionné des textes, allez dans Menu > Filtre > Déformation > Dispersion

Créer un superbe portrait typographique avec adobe photoshop

Une fenêtre deuxième fenêtre va apparaitre vous demandons de choisir un fichier PSD alors choisissez le fichier que vous avez créé tout à l’heure PSD_F.

Créer un superbe portrait typographique avec adobe photoshop

ce qui vous donne ceci

Créer un superbe portrait typographique avec adobe photoshop

Ensuite ajoutez un calque de réglage teinte et saturation en allant dans Menu > Calque > Nouveau calque de réglage > Teinte et saturation et réduisez la saturation à -27

Créer un superbe portrait typographique avec adobe photoshop

Créer un superbe portrait typographique avec adobe photoshop

Créez un nouveau calque (Ctrl+Shift+N) et remplissez le avec du gris #7d7d7d

Créer un superbe portrait typographique avec adobe photoshop

Changez son mode de fusion en incrustation

Créer un superbe portrait typographique avec adobe photoshop

Prenez l’outil Densité + (O) et essayez d’assombrir les zone sombre du visage.

Créer un superbe portrait typographique avec adobe photoshop

Pour finir ajoutez un calque de transfert de dégradé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé avec Obscurcir comme mode de fusion et 68% pour l’opacité.

Créer un superbe portrait typographique avec adobe photoshop

Et voilà le résultat final

Créer un superbe portrait typographique avec adobe photoshop

 

41 COMMENTAIRES

  1. @FaBv promis prochaine fois je te laisserais mettre le premier com^^

    par contre j’ai une question grafolog quand tu écris tes textes, tu utilises que Garamond Premier Pro comme police?

  2. Je suis un novice, et je n’arrive pas à utiliser la police Garamond à télécharger. Pour les brush il faut faire “charger les brush” mais il n’y a pas de commande “charger la police” dans le menu déroulant de l’outil texte… 😯

    Merci de votre aide.

  3. @ butch pour la police il faut la mettre dans le dossier police il se trouve dans panneau de configuration et le dossier police

    bien évidement il faut mettre la police dans le dossier avant de lancer photoshop.

  4. je voulais savoir si la photo que tu utilise à quelque chose de particulier, car j’ai essayé avec une photo de moi et ca ne donne pas du tout le meme résultat!

  5. Salut tout le monde ! Humje suis vraiment débutant et je ne comprend pas comment je peux enregistrer la sélection de la tete :-O
    Donc comme je vois que vous relativement callé 😎
    Voila merci de votre aide qui sera fructueuse j’espère

  6. Bonjour je suis totalement novice sur photoshop et de fait j’ai essayé votre tuto, seulement arrivée à la partie où il faut importer l’image d’origine dans le doc et dès que je mets densité linéaire + je n’ai plus du tout le même résultat que vous, le visage n’apparait pas sous le texte et je n’ai à l’écran que le texte, et du coup je suis bloquée à cet endroit. Pouvez vous m’aider ? Merciiiiii

  7. Hey 😉 mon tout premier message sur tuto ps ! Tout d’abord merci pour tous ces magnifiques tutos 😛 !

    Concernant ce tuto… je n’arrive pas à le faire sur d’autre photos que celle fournise, y a t’il des prérequis ou quelque chose du genre ?

  8. En fait, si votre photo a un mauvais éclairage ou quelque chose dans le genre, il se peut que le rendu soit différent ! Faut bien s’appliquer sur la prise de photo et adapter…

  9. salut jolie tuto je comprend pas comment il fait pour rajouté beaucoup de texte comme il fait si on pouvait donner juste un petit détail sa serais cool je suis novice 🙁

  10. bsr svp qui pourrait me donner un pti coup de main svp je suis débutante et des le début je bug au moment ou on demande effacer larriere plan heuu dsl mais comment je doit procéder? jai le cs5 sur pc merci davance.

  11. Question : à quoi ça sert de dé-saturer le portrait au début ? Quand tu ré-importes le personnage, il est en couleur ? J’ai manqué une étape ?