final [tuto photoshop et illustrator] Portrait en lettres

Un tuto simple mais qui peut être très sympa pour agrémenter une composition et pourquoi pas même un CV. Pour ce tuto il va nous falloir Photoshop mais également Illustrator.

Ouvrez cette image dans Illustrator :

modele visage lettres 333x500 [tuto photoshop et illustrator] Portrait en lettres

puis allez dans Objet>Vectorisation dynamique>option de vectorisation.

01 376x500 [tuto photoshop et illustrator] Portrait en lettres

Ensuite choisissez Noir et blanc dans le menu déroulant et 21 dans la fenêtre seuil. Puis cliquez sur le bouton vectoriser.

02 500x248 [tuto photoshop et illustrator] Portrait en lettres

Sélectionnez votre visage vectorisé puis faites Ctrl+C pour el copier, ouvrez Photoshop, puis faites Ctrl+N pour un nouveau document puis Ctrl+V pour coller votre visage. Une fenêtre s’ouvre pour demander si vous voulez importer le document dites oui.

03 500x231 [tuto photoshop et illustrator] Portrait en lettres

Il est temps d’importer notre texte pour cela allez sur cette page internet : http://www.faux-texte.com/lorem-ipsum-10.htm, sélectionnez le texte (les 5 paragraphes seulement, pas de Ctrl+A pour tout sélectionner) puis allez dans Photoshop, prenez l’outil texte cliquez sur votre document et faites Ctrl+V.

04 500x397 [tuto photoshop et illustrator] Portrait en lettres

On se rend alors compte que le texte ne convient pas en l’état, nous allons donc le modifier. Choisissez comme police Calibri, en taille 6, et de couleur noire, et aligné à gauche. Puis retirez les sauts de ligne en vous collant au début des lignes en faisant un backstab (la longue touche avec la flèche au dessus de la touche entrée) Puis coupez les lignes en morceaux chaque ligne ne doit pas dépasser du document ou très peu. Pour plus de précisions regardez la photo.

05 493x500 [tuto photoshop et illustrator] Portrait en lettres

Ensuite dupliquez le calque d’un simple clic droit sur le calque. Et répétez l’opération afin de bien couvrir la totalité de l’image.

06 333x500 [tuto photoshop et illustrator] Portrait en lettres

Sélectionnez le calque avec le visage vectorisé puis prenez l’outil « baguette magique » décochez la case pixel contigu et cliquez sur le blanc.

07 500x398 [tuto photoshop et illustrator] Portrait en lettres

Maintenant sélectionnez les trois calques de texte (avec l’icône T) en maintenant la touche Maj. à chaque sélection,  puis faites un clic droit> Pixelliser le calque, ensuite refaites un clic droit>Fusionner les calques.

08 500x397 [tuto photoshop et illustrator] Portrait en lettres

Ensuite cliquez sur le calque du texte pixellisé, normalement votre sélection est toujours active, il suffit alors d’appuyer sur la touche backstab pour supprimer les lettres en trop.

09 500x327 [tuto photoshop et illustrator] Portrait en lettres

Maintenant cliquez sur l’œil du calque avec le visage vectorisé pour découvrir votre visage composé de lettres.

10 500x334 [tuto photoshop et illustrator] Portrait en lettres

Il ne vous reste plus qu’à agrémenter à votre convenance la composition, ajout d’éléments changement de couleurs, etc.

final [tuto photoshop et illustrator] Portrait en lettres

VN:F [1.9.18_1163]
Evaluez cet article :
Rating: 7.6/10 (13 votes cast)
[tuto photoshop et illustrator] Portrait en lettres, 7.6 out of 10 based on 13 ratings

Articles en relation :

  1. [tuto photoshop] Carte grunge Saint Valentin
  2. [tuto photoshop] Créer une planète
  3. [tuto photoshop] Effet maquette
  4. [tuto photoshop] Créer une flaque d’eau et son reflet
  5. [tuto illustrator] Cartes à jouer

11 réponses à [tuto photoshop et illustrator] Portrait en lettres

  • Carine dit :

    Super tuto j’adore ce genre de tuto

    Merci beaucoup Vianney :)

    VA:F [1.9.18_1163]
    Rating: 4.0/5 (1 vote cast)
  • galligani dit :

    Encore une fois, très beau !

    J’avais une autre technique, pour faire pareil, mais uniquement sous Illustrator, et le fichier devenait bien lourd à la fin. ;)
    Merci !

    VA:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • philippep07 dit :

    bien
    merci

    VA:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • Nancy dit :

    Merci pour ce tuto, vraiment intéressant et original ! Malheureusement, je n’ai pas encore Illustrator pour vectoriser une image.

    VA:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • Vianney Carvalho dit :

    Il faudrait regarder du côté des filtres pour trouver quelque chose de similaire.
    peut être qu’en passant votre image en noir et blanc puis avec le filtre découpage réglé à 2 vous arriveriez à la même genre de chose.
    A tester

    VN:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • caro dit :

    super, merci pour ce tuto, facile et original pour un resultat vraiment sympa, j’ai utiliser une photo perso et pour qu’elle rende bien j’ai du l’assombrir pour avoir un resultat semblable, avec un calque de niveaux.

    VA:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • Vianney Carvalho dit :

    Très bonne idée, auriez vous une image du résultat ? (je suis curieux ^^)

    VN:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • damisela dit :

    moi c’est bizarre j’ai beau essayé ça ne marche pas

    VA:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • Vianney Carvalho dit :

    quel est le souci ?

    VN:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • damisela dit :

    ben j’ arrive a faire le début sur illustrator mais quand je le mets sur adobe photoshop jai un carré sur la photo et quand je mets le texte dessus et que je dois dupliquer le calque texte ça ne marche pas c’est la que ça bloque

    VA:F [1.9.18_1163]
    Rating: 0.0/5 (0 votes cast)
  • oyo dit :

    Bonjour, j’ai essayé, j’y suis à peu près arrivée mais déjà dès le début j’ai un problème car je n’ai pas comme vous : “Objet>Vectorisation dynamique>option de vectorisation” dans mes choix, j’ai : “vectorisation de l’image – créer,; créer et décomposer ; annuler ; décomposer”. Je n’ai donc pas la même fenêtre qui s’ouvre. Je travaille sur cs6.

    VA:F [1.9.18_1163]
    Rating: 4.0/5 (1 vote cast)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

messages récents du forum
Devenir membre
Archives
Abonnez vous au blog
ChargementChargement


Commentaires récents
Nuages de mots 3D

Débuter avec …
Ebook
Partenaires
Silverfox, site de tutos Photoshop et Illustrator
Page facebook