Photoshop : Comment réaliser un portrait typographique
Mardi 23 juin, 2009
Dans ce tutoriel, nous allons voir comment réaliser un portrait typographique à partir d’une photographie. Remplacer facilement l’image d’une personne par du texte devient un jeu d’enfant avec Photoshop. Alors, allons-y !
Choisissez un portrait offrant suffisamment de contraste qui ne soit pas pour autant trop ni dramatique ni trop sombre. Les meilleurs résultats seront obtenus avec des portraits de face cadrés au niveau des épaules, mais vous pouvez tout aussi bien utiliser la photo de votre choix. Choisissez un portrait avec un arrière-plan uni pour un meilleur rendu. Si le contraste sur votre portrait est insuffisant, sélectionnez l’arrière-plan autour de votre personnage et éclaircissez-le.
Créez un nouveau document (Fichier > Nouveau) d’une taille légèrement inférieure à votre photo. Restaurez les couleurs par défaut en appuyant sur la touche D de votre clavier. Utilisez l’outil Texte (T) pour écrire plusieurs mots dans une taille et une police différente à chaque fois. À l’aide de l’outil de sélection (M) dessinez un rectangle autour de chaque mot, un par un et sélectionnez Définir une forme prédéfinie via le menu Édition. Nommez vos nouveaux pinceaux dans la boite de dialogue qui apparait et validez par Ok.
À présent, revenez sur votre photo. Choisissez Plage de couleurs via le menu Sélection. Dans la boite de dialogue sélectionnez Tons foncés dans la liste déroulante et validez par Ok (dans notre exemple aucune partie de l’arrière-plan n’a été sélectionnée, mais si tel était le cas utilisez le Lasso (L) en maintenant la touche Alt appuyée pour désélectionner les partie indésirables). Appuyez sur Ctrl+J afin de copier les pixels sélectionnés sur un nouveau calque (Calque 1). Puis cliquez sur le calque d’arrière-plan dans la palette pour le sélectionner à nouveau.
Comme précédemment, sélectionnez Palette de couleur via le menu Sélection. Choisissez Tons moyens dans la liste déroulante de la boite de dialogue et validez par Ok. Appuyez sur Ctrl+J afin de copier les pixels sélectionnés sur un nouveau calque (Calque 2).
Masquez le calque d’arrière-plan en décochant l’œil situé à gauche de sa vignette dans la palette des calques. Remplissez le calque des tons moyens (Calque 2) via le menu Édition > Remplir (Maj+F5). Utilisez 50% gris et cochez Conserver les zones transparentes, validez par Ok. Sélectionnez ensuite le calque de tons foncés (Calque 1), et réitérez l’opération en utilisant le noir à la place du 50% gris cette fois-ci. Vous obtenez ainsi un portrait très basique composé de noir et de 50% gris.
Si nécessaire faites réapparaitre l’arrière-plan (en cliquant là ou était l’œil) et utilisez le pinceau pour peindre avec du noir sur le calque de tons foncés (Calque 1) ou avec du gris (#808080) sur le calque de tons moyens (Calque 2). Vous pouvez également utiliser la gomme (E) pour effacer les parties non souhaitées. Lorsque vous êtes satisfait du résultat sélectionnez le calque en haut de la pile (Calque 1) et fusionnez le avec le calque inférieur (Calque 2) en appuyant sur les touches Ctrl+E.
Cliquez sur l’icône Créer un calque en bas de la palette. Restaurez les couleurs par défaut en appuyant sur la touche (D). Choisissez l’une de vos formes créées précédemment depuis le sélecteur de forme prédéfinie dans la barre d’option. Et dans la palette de Formes (Fenêtres > Formes) cliquez sur Forme de la pointe. Ajustez l’espace entre vos mots en augmentant le pas de votre forme. Puis cochez Dynamique de forme et faites varier l’angle et la taille de votre pinceau. Tout en peignant sur ce nouveau calque expérimentez différents réglages de la dynamique des formes. Répétez l’opération avec les autres formes. Peignez simplement quelques mots sur le calque pour l’instant, on terminera plus tard.
Créez un nouveau calque et placez-le au-dessus du portrait en noir et gris (Calque 2). Appuyez Ctrl+Retour Arrière pour le remplir avec la couleur d’arrière-plan (blanc). On obtient ainsi un arrière-plan pour notre image. Masquez tous les calques excepté le Calque 2, le portrait noir et gris et rendez le actif en cliquant dessus. Appuyez sur Ctrl+A pour tout sélectionner puis Ctrl+C pour copier la sélection.
Rendez tous les calques visibles et activez le calque avec les mots peints (Calque 3). Cliquez sur l’icône Ajouter un masque de fusion en bas de la palette des calques. Appuyez sur la touche Alt et cliquez sur la vignette du masque de fusion (cela cache le texte peint et seul le masque de fusion reste visible). Appuyez Ctrl+V pour coller la sélection sur le masque, puis Ctrl+D pour désélectionner. Appuyez Ctrl+I pour intervertir ce masque (votre masque devrait ressembler au négatif de l’image sélectionnée que vous venez de coller).
Activez le calque du texte peint (pas son masque !) en cliquant la vignette du calque et continuez de peindre en variant les pinceaux que vous avez créés. Vous pouvez continuer à faire des expérimentations en faisant varier la taille, le pas et l’angle de votre pinceau (bien que l’utilisation d’une tablette graphique ne soit pas indispensable, elle vous aidera surement !).
Les mots peints apparaissent uniquement à l’intérieur des parties noires et grises du masque. Pour renforcer le côté aléatoire de la disposition des mots sur notre portrait, ajoutez un calque supplémentaire au-dessus du calque du texte peint. Ajoutez ici et là quelques mots en débordant hors du masque en utilisant les mêmes mots que précédemment.
S’il y a des zones où vous souhaitez voir apparaitre le texte ou au contraire s’il y a du texte que vous souhaitez voir disparaitre cliquez sur le masque de fusion, peignez-le avec un pinceau doux : en noir pour dissimuler le texte, en gris pour le rendre plus ou moins visible et en blanc pour le faire apparaitre totalement.
Ajoutez un style au calque avec les mots peints : incrustation de dégradé. Cliquez sur l’icône Ajouter un style de calque (fx) en bas de la palette des calques et choisissez Incrustation en dégradé. Cliquez sur la vignette du dégradé et dans l’éditeur de dégradé choisissez le dégrade bleu, rouge, jaune. Validez par ok pour fermer l’éditeur de dégradé et changez le mode de fusion du calque en mode superposition.
Maintenez la touche Alt appuyée et déplacez le style de calque (fx) sur le calque des mots supplémentaires afin de lui appliquer le même effet.
Et voila le travail !
À présent le nombre de possibilités qui soffrent à vous semblent illimitées. Vous pouvez par exemple utiliser des blocs de textes entiers plutôt que des mots isolés. Où pourquoi pas mixer ces deux techniques. Dans l’exemple ci-dessus les mots sont les noms des polices utilisées, n’hésitez pas a utiliser vos propres mots et à nous faire partager vos créations. À vos pinceaux !
Tags : Graphisme, Images, Photoshop, Tutorial, Typographie
le 26 juin, 2009 à 8:49
Excellent tuto ! Merci.
le 14 juillet, 2009 à 14:56
aaargh,j’arrive pas a copier ma selection sur le masque de fusion…elle est copié sur un nouveau calque…
mais le tuto est tres bien sinon.
le 14 juillet, 2009 à 17:19
dans l’étape ou en clique Ctrl+V pour coller la sélection sur le masque j’ai eu un problème, quand je clique Ctrl+V un autre caque aparait SVP aidé moi je veux realiser ce tuto;et merci.
le 14 juillet, 2009 à 17:59
Je ne comprends pas pourquoi, mais impossible de coller ma sélection dans mon masque…des idées??
le 14 juillet, 2009 à 21:25
@niko, @SLH, @mat’ :
N’oubliez pas d’ajouter un masque de fusion en cliquant sur l’icône Ajouter un masque de fusion en bas de la palette des calques et de rendre celui-ci actif en cliquant sur sa vignette (un cadre noir entoure alors la vignette) avant d’y coller votre sélection. Cela devrait normalement vous permettre d’avancer.
le 14 juillet, 2009 à 21:51
j’ai fais tous ce que vous avez dit mais pas de résultats,SVP aider moi,je suis vraiment amoureux de ce tuto.
le 15 juillet, 2009 à 11:22
Je bloque aussi pour l’histoire du masque je fais exactement ce qu’il y a marqué le alt clic qui fait aparaitre une croix rouge dans le caré, le contour noir aussi y est mais sa ne se colle tjr pas au bon endroit
le 15 juillet, 2009 à 11:35
Je rectifie je me suis trompé j’avias pas appuye sur alt
merci pour ltuto
le 15 juillet, 2009 à 20:45
merci bcp pour ce tuto ça m’aide a m’orienter
le 15 juillet, 2009 à 22:14
on attend toujours la solution SVP
le 16 juillet, 2009 à 14:57
please une solution :’[
le 16 juillet, 2009 à 20:11
@SLH :
Pour coller ta sélection sur ton masque de fusion il te faut d’abord appuyer sur la touche Alt tout en cliquant sur la vignette du masque (ALt+Clic). Ainsi seul le masque de fusion reste visible et à ce moment là tu peux y coller ta sélection.
le 16 juillet, 2009 à 23:15
oui j’ai fais sa mais quand je fais coller la sélection et coller dans un nouveau calque.
le 18 juillet, 2009 à 17:11
En fait il faut que tu face Alt et tu maintien appuyer cette touche tout en cliquant avec ta sourie sur le masque (Si sa marche tu verra les symboles des yeux (les logos qui permette de rendre visible ou pas tes calques) devenir gris. Là tu fait insersion __ coller dans__ . voila
Moi aussi j’ai eu le même probleme que vous mais c’est parce que quand je cliquer sur le masque pour coller j’avais relacher ma touche Alt ! or faut la maintenir enfoncer en cliquant sur le masque.
le 18 juillet, 2009 à 17:14
il faut pas que tu face coller “coller dans un nouveau calque” mais coller dans … c’est tout si tu met coller dans un nouveau calque il va forcement creer un nouveau calque or c’est dans le masque que tu veux le coller. ( ou alors si tu prefre les touches clavier c’est MAJ+ Ctrl+ V pour coller dans le masque)
le 19 juillet, 2009 à 1:58
Bonsoir, le tuto est pas mal franchement, ca fait longtemps que j’ avais pas fait de montage.. je veux reussir celui la, le seul probleme c’est qu’ a l’ etape ” Cliquez sur l’icône Créer un calque en bas de la palette. Restaurez les couleurs par défaut en appuyant sur la touche (D). Choisissez l’une de vos formes créées précédemment depuis le sélecteur de forme prédéfinie dans la barre d’option. Et dans la palette de Formes (Fenêtres > Formes) cliquez sur Forme de la pointe. ” Je ne peux pas selectionner le ” Forme de pointe ” c’est gris et impossible de cliquer, pourriez vous m’ indiquer comment faire svp ? je vous remercie d’ avance
le 19 juillet, 2009 à 19:32
@Cambresis, pour accéder aux options de la palette de Formes (F5) il faut que l’outil pinceau soit actif (B), sinon elles apparaissent grisées. Il te suffit donc d’appuyer sur la touche (B) ou de cliquer sur l’icône outil pinceau dans la barre d’outil.
le 21 juillet, 2009 à 22:01
Lorque j’essaye d’utiliser l’outil texte , on me signale que je n’ai pas le fichier texte requis pour l’utilser.
Que dois je faire?
Merci d’avance
le 22 juillet, 2009 à 2:46
Merci pour ce tuto, voici ma 1ere créa un peu foiré lol
http://img33.imageshack.us/img33/8067/mayoumztest.jpg
et voici la seconde, j’ai un peu mieux comprit le système merci a vous !!!
http://img199.imageshack.us/img199/8506/prfr.jpg
le 25 juillet, 2009 à 14:16
Ce tuto a l’air super ,malheuresement pour moi ,je n’ai pas la plage de couleurs dans mon édition ,est ce qu’il y a une alternative ?
Merci
le 29 juillet, 2009 à 12:25
moi je bloque sur crtl+ retour en arrière? comment faire pour donner un fond blanc à l’image?
le 29 juillet, 2009 à 21:12
Bonsoir je suis également bloqué avec ce tuto à l’endroit du Ctrl+V pour coller la sélection sur le masque. J’ai eu aussi le carré rouge à un moment. Quand ça semble coller j’ai une fenêtre qui s’ouvre avec écrit “vanishing point” (oui g le photoshop en anglais alors je sais pas à quoi ce peut correspondre dans la version française).
Petite question selon que je cree le masque de fusion avant de faire alt il est blanc par contre quand je le cree en appuyant sur alt il est noir est-ce que ça a de l’importance ou pas?
N’y a-t-il pas une autre méthode pour coller cette sélection dans le masque de fusion? J’ai essayé avec le clic droit mais rien.
Merci si vous pouvez m’éclairer.
le 29 juillet, 2009 à 21:34
Ah dsl j’y suis arrivé merci quand même :)) là le seul petit hic c’est que les yeux sont pas trop apparents mais avec de la pratique ça ira merci.
le 9 août, 2009 à 0:29
Yeah!! enfin un tuto que j’arrive à terminer… avec un résultat correct!
merci
le 10 août, 2009 à 14:55
Très jolie le résultat. Excellent tuto !
le 30 août, 2009 à 11:54
bonjour merci pour ce tuto.
mais j’ai un probleme avec le msque de fusion , je n’arrive pas a coller dedant , j’ai tjrs un nouvau masque qui ce cree , j’ai tt essayer mas impossible , quand j’appuie sur alt et clique sur le masque rien ne se produit.
j’ai besoin de votre aide , j’aimerai vraiment le reussir.
merci d’avance
le 30 août, 2009 à 11:57
le soucis que j’ai eglement vous mettez d’activez le calque peint , mais il est toujours desactive d’ailleurs comme tous les autres est ce un probleme?
merci
le 18 septembre, 2009 à 23:05
Excellent tuto, extrêmement bien expliqué et détaillé.
Merci, c’est un super excercice !
Flo
le 3 octobre, 2009 à 13:10
ça marche pas avec les blondes lol, on a aucun ton foncé lol
le 22 octobre, 2009 à 14:24
Bonjour
je n’arrive pas a faire cette manip’ !
Appuyez sur Ctrl+J afin de copier les pixels sélectionnés sur un nouveau calque (Calque 1). Puis cliquez sur le calque d’arrière-plan dans la palette pour le sélectionner à nouveau.
pouvez vous m’aidez SVP, c’est assez important j’aimerais réaliser ce tuto pour pouvoir le mettre sur un document!
le 26 mars, 2010 à 16:44
Merci! C’est super je vais essayer de suite..!
le 7 avril, 2010 à 17:51
je trouve ce tuto magnifique mais le seul probleme que j ai c’est au nieaux du rendu je n arrive pas a avoir vraiment le portrait que je veux pouvez m aider peu etre que ma photo n est pas assez contrster
le 20 juin, 2010 à 10:32
Merci pour le tuto génial mais je n’arrive pas à faire ressortir les yeux et la bouche sur le portrait final
Je dois mal faire une étape merci de me répondre au plus vite
le 20 juin, 2010 à 10:34
Merci pour le tuto
Sur le travail final portrait je n’arrive pas à avoir les yeux et la bouche je crois qu’il y a une étape qui m’échappe
Merci de me répondre au plus vite
le 14 juillet, 2010 à 21:29
Merci, j’adore, perso si on suis bien les instruction y’a pas de problème, et avec de l’imagination on fait de très belle chose.
le 5 août, 2010 à 23:05
Est-ce que si je fournis les photos à quelqu’un, il pourrait me faire cette retouche photo? En fait, j’aurais aimé faire un portrait de ma future épouse et moi, mais comme mon photoshop est en anglais et que je ne maitrise pas du tout photoshop, je n’y arrive pas. Merci à vous d’avance et si jamais quelqu’un pouvait m’aider, ce serait super cool!
Bob
le 29 novembre, 2010 à 11:18
Merci pour cet excellent tutoriel très explicite.
le 2 avril, 2011 à 17:22
Très bon tuto !
J’ai un peu galéré au niveau du calque de fusion, mais c’est plus parce que je ne connaissais pas trop le principe que par manque d’explication !
C’est très clair et le rendu est nickel ;).
Merci !!
le 12 avril, 2011 à 21:38
bravo! ta de l’inspiration et un bon côté artistique
le 3 juillet, 2011 à 0:41
Merci pour le tuto
Voici ma créa:
http://img825.imageshack.us/img825/4519/yasemintypo3.jpg