Créez un lettrage en feuilles élégant dans Photoshop

Illustrator et Photoshop fonctionnent extrêmement bien ensemble. Dans ce didacticiel, nous utiliserons les deux applications pour créer un lettrage élégant pouvant être utilisé dans divers projets. Commençons!


Étape 1

La première chose à faire est d’esquisser la mise en page. Pour dessiner mes idées, j’ai utilisé le crayon et le papier comme guide extrêmement élémentaire pour ma mise en page et ma composition. La plupart des esquisses qui en font la conception finale sont réalisées dans Photoshop. Je le fais parce que j'aime pouvoir créer chaque lettre sur un calque séparé. De cette façon, je peux déplacer le contenu jusqu'à ce que la composition soit parfaite. Donc, dans cette première étape, vous devez dessiner une mise en page très basique pour votre composition. Dans ce cas, les lettres constituent la base, nous les dessinons d’abord. J'ai volontairement laissé un espace inactif, même si la conception peut sembler un peu déséquilibrée pour le moment. C'est parce que nous allons remplir cet espace plus tard avec des feuilles.



Étape 2

Dès que j'ai fini de dessiner, je fais glisser le croquis dans illustrator. Je préfère nettoyer mon croquis dans illustrator, en utilisant l'outil Plume et en traçant sur le croquis. Dans ce cas, j'ai créé un simple trait simple. C’est fait dans Illustrator car utiliser l’outil plume et le système de chemins vous permet de corriger facilement les erreurs de composition que vous avez pu commettre..



Étape 3

Copiez le chemin et collez-le dans Photoshop. Il est temps d'utiliser une tablette à stylet avec sensibilité à la pression activée. Dessinez le long du trait et ajoutez de l’épaisseur, comme indiqué ci-dessous. Vous pouvez également rester dans Illustrator et le faire ici. Tout dépend de la préférence. J'aime alterner de programme en programme et utiliser le meilleur de chacun.



Étape 4

Copiez une version fusionnée du canevas dans Photoshop (Commande / Ctrl + Option + C) et collez-la à nouveau dans illustrator. Dans cette capture d'écran, j'ai masqué la capture d'écran et remplacé les traits créés à l'étape 2. Vous créez cependant de nouvelles formes qui suivent la largeur variable définie à l'étape 3..



Étape 5

Continuez ce processus et créez environ 3-5 brins d'herbe par lettre. Assurez-vous de ne pas croiser le même chemin sur lui-même, car cela causera des problèmes plus tard. Au lieu de faire cela, fondez le chemin dans un autre en lui donnant l’impression de tourner autour du précédent.



Étape 6

Répétez cette procédure pour les lettres restantes. C'est également une bonne idée d'ajouter un trait blanc de 0,5 aux lames, afin de voir comment elles s'enroulent l'une autour de l'autre. C'est important pour plus tard.



Étape 7

C'est la partie où vous sortez de l'esquisse d'origine et commencez à ajouter d'autres lames plus minces. Assurez-vous de les rendre au moins 40% plus minces, sinon ils rendront les lettres confuses ou impossibles à lire.



Étape 8

Nous allons maintenant transformer chaque brin d'herbe plus épais (des parties des lettres originales) en un brin replié. Tout d’abord, tracez un chemin (pas de couleur de remplissage, juste un trait) le long du centre d’une lame.



Étape 9

Sélectionnez le trait que vous venez de faire et la lame en dessous que vous voulez couper. Allez dans votre pathfinder et cliquez sur l'icône en bas à gauche. Cela coupera la lame en deux, en utilisant et en éliminant la course sur le dessus.



Étape 10

Répétez le processus pour le reste des lettres.



Étape 11

Il est maintenant temps d'ajouter les feuilles. Assurez-vous de dessiner chacun séparément et de compléter la composition selon une disposition rectangulaire.



Étape 12

Assurez-vous de dessiner chacun séparément et de compléter la composition selon une disposition rectangulaire.



Étape 13

Dans le panneau Nuancier, sélectionnez le dégradé radial gris et appliquez-le à toutes les formes..



Étape 14

Affichez le menu Dégradé et changez les couleurs: vert clair (# DEFA57), vert moyen (# 6CBE45) et bleu foncé (# 002945)..



Étape 15

Saisissez l'outil de dégradé (G) et faites glisser une nouvelle position pour chacune des feuilles. Essayez de maintenir une source de lumière commune à toutes les feuilles..



Étape 16

Afin de garder les couleurs moins prévisibles, j'ai ajouté une nuance de rouge à certaines feuilles. Vous pouvez le faire simplement en sélectionnant quelques feuilles et en changeant le vert clair en rouge (# FF3600).



Étape 17

Répétez ce processus et changez les couleurs ici et là, juste assez pour le rendre plus intéressant..



Étape 18

Copiez tous les objets et collez-les à un emplacement différent sur la toile. Appuyez sur 'D' pour réinitialiser les couleurs, puis réglez la largeur du trait sur 0,5 point. Copiez le tout.



Étape 19

Retournez dans Photoshop. Créez une affiche A2 (ou la taille que vous visez) à 300 dpi et collez les tracés sous forme d'image raster. Flouez-les de 0,7 px en allant dans Filtre> Flou> Flou gaussien.



Étape 20

Dupliquez le calque, puis changez le mode de fusion du calque en Multiplier. Sélectionnez Couche> Nouveau calque de réglage> Carte de dégradé. Changez le dégradé en noir et blanc et faites glisser l’emplacement de la broche blanche sur 50%. Groupez ce calque et dupliquez-le. Masquer le précédent.



Étape 21

Dans le groupe nouvellement dupliqué, nous créons une deuxième version du même processus. Masquer la couche de dégradé. Flouez le second calque d'image d'environ 4 px et dupliquez le calque jusqu'à ce que le trait visible devienne épais. Flouez la couche supérieure encore plus jusqu'à obtenir un résultat similaire.



Étape 22

Réactivez le calque Dégradés et changez le blanc en 50% de gris (# 898989).



Étape 23

Fusionner chaque groupe séparément (Commande / Ctrl + E). Changez le calque de trait gris en "Superposition" et changez l'opacité du calque à 50%. Masquez-le dans le calque de feuilles que vous avez collé dans Illustrator..



Étape 24

Activer le premier calque de trait blanc que vous avez créé et changer le style de calque en Gravure de couleur.



Étape 25

Il est maintenant temps d'ajouter des ombres. Tous ces éléments doivent être masqués et uniquement visibles à l'intérieur du calque des feuilles. Faites une sélection polygonale de la zone qui aurait une ombre, et peignez dans cette zone à l’aide d’un très grand pinceau doux et noir. Assurez-vous de changer l'opacité du calque à environ 70% après cela, car cela peut être un peu trop contrasté.



Étape 26

Répétez le processus tout au long de la composition. Cela peut prendre un peu de temps.



Étape 27

Créez un nouveau calque et remplissez-le avec 50% de gris (# 878787). Allez dans Filtre> Bruit> Ajoutez du bruit et ajoutez une quantité généreuse de bruit.



Étape 28

Modifier le style de calque en superposition et opacité à 30%.



Étape 29

Nous allons maintenant ajouter quelques calques de réglage pour modifier le contraste et la couleur de la composition. Gardez-les masqués et visibles uniquement à l'intérieur des feuilles. Remplissez le calque d'arrière-plan avec un vert très clair (# e5f1d4). Pour la première modification, ajoutez un calque d'ajustement de la carte de dégradé. Faites glisser l'emplacement de la broche blanche à 90%. Ajoutez une autre épingle à 70% et changez la couleur en gris moyen (#bbbbbb). Changer le mode de fusion de ce calque en Luminosité.



Étape 30

Nous allons maintenant ajouter un peu de variance aux couleurs des feuilles en ajoutant un autre calque de réglage de la carte du dégradé. Cette fois, utilisez les couleurs suivantes: violet (# 6f156c), bleu (# 001d60) et jaune foncé (# 847921)..



Étape 31

Avec les nouvelles couleurs, je voulais éclaircir un peu plus. Cette fois, j'ai utilisé un calque de réglage des courbes.



Étape 32

Il est temps de changer les ombres et de les rendre un peu plus dynamiques. Les ombres ne sont jamais simplement noires, elles prennent l’ombre de la couleur de base. Ajoutez un calque de réglage sélectif des couleurs et recherchez l’onglet ombres dans le menu déroulant. Modifier les paramètres comme indiqué ci-dessous.



Étape 33

Et enfin, changez les verts en cette version légèrement plus sombre.



Image finale

Et nous avons enfin fini. La technique est quelque chose que vous pouvez appliquer à toutes sortes de lettrage. Cela n'a pas besoin d'être aussi formel que celui-ci. Montrez-moi ce que vous faites avec moi en me laissant un message via Twitter.