Dessinez une illustration typographique inspirée de la gravure sur bois dans Photoshop

Ce que vous allez créer
Ce didacticiel a été publié en décembre 2010 sous la forme d'un didacticiel Tuts + Premium. Il est maintenant disponible gratuitement pour voir. Bien que ce tutoriel n'utilise pas la dernière version d'Adobe Photoshop, ses techniques et ses processus sont toujours pertinents..

Une méthode populaire pour dessiner des illustrations imprimables est une méthode inspirée de la gravure sur bois. Bien que cette méthode soit généralement composée d’imprimés en noir seulement, nous allons créer un traitement typographique de dessins au trait en quadrichromie..

Que vous soyez un illustrateur chevronné ou non, ce didacticiel vous apprendra une méthode systématique pour dessiner à partir de zéro des graphiques d'art en ligne riches et convaincants..

Besoin d'une solution plus rapide? Parcourez notre incroyable sélection de styles de calques Adobe Photoshop sur GraphicRiver pour créer vos propres effets de texte. Ou faites appel à un professionnel d’Envato Studio pour vous aider à répondre à tous vos besoins en matière de typographie personnalisée..


1. Comment configurer votre document et votre pinceau

La première chose à faire est de calibrer vos paramètres de document et de pinceau. Je travaille sur un très grand Format affiche A2, mais en réduisant à un A3 fonctionne bien aussi. À un moment donné, nous allons vectoriser le tout via la fonction de traçage des lignes d'Illustrator. Ainsi, tout ce qui se trouve au-dessus du format d'affiche A3 fonctionnera. Cependant, si vous n'avez pas Illustrator et que vous décidez de tout créer dans Photoshop, réfléchissez à la taille finale avant de commencer. Puisque nous dessinons tout à partir de zéro et que nous n’avons pas besoin d’images haute résolution, le ciel est la limite. Ou plutôt la puissance du processeur. Créez ensuite un pinceau en utilisant les paramètres ci-dessous..

En outre, laissez-moi énoncer l'évidence en vous disant que vous allez avoir besoin d'une tablette. Ceci est simple travail de la tablette si; une tablette très basique avec de simples options de pression au stylo suffira.



2. Comment esquisser le mot 'matière'

Étape 1

Nous allons commencer par dessiner les lettres du mot matière. le Forme, Poids et Rotation est quelque chose que vous allez probablement changer dans le temps, alors assurez-vous de créer chaque lettre sur un calque séparé.



Étape 2

Comme le mot sera texturé plus tard avec les feuilles, il est bon de garder la forme simple. Fluide, mais simple si possible. J'ai créé le 'a' en tant queellipse, puis lié au reste du mot.



Étape 3

Tout en gardant une trace de la courbure du mot, tracez le reste.



Étape 4

Créez le haut 'a' comme le support de la première lettre 't'.



Étape 5

Ensuite, liez le troisième mot à la fin. Vous pouvez vous retrouver à changer ces lettres pour ressembler à la couronne d'un arbre.



3. Comment dessiner les feuilles

Étape 1

Passons maintenant à la partie la plus délicate et laborieuse. Dessiner les feuilles n’est pas très compliqué, mais prend beaucoup de temps. Je l'ai systématiquement décomposé pour faciliter les choses. Je recommande de le faire de cette façon, car cela aidera à créer un résultat final uniforme. La dernière chose que vous voulez est de créer plusieurs motifs sur le feuillage.

Commencez par aligner les feuilles sur un calque séparé avec du blanc et un Pinceau 25 px (si vous travaillez sur un A2 format).



Étape 2

A partir de maintenant, chaque action que vous entreprenez devrait être sur un calque séparé. Mon dernier fichier contient environ 300 couches, ce qui n’est en réalité pas beaucoup pour ce type de travail. Mieux vaut prévenir que guérir.

Garder le Taille de la brosse, faire un calque différent et contournez toute la section avec un contour noir.



Étape 3

Nous allons maintenant Remplir les feuilles avec l'ombre. Plutôt que de le faire clairement, nous allons ajouter un peu d’éclairage dynamique. Pour voir comment imaginer la projection de lumière et d’ombres, reportez-vous à l’étape suivante. Tout d’abord, laissez-moi vous expliquer comment exécuter un processus lisse. Pente sur les feuilles.


Pour créer une transition en douceur de l'obscurité à la lumière, il suffit d'utiliser ces trois types de feuilles. Pendant que vous essayez de garder une transition en douceur, ajoutez quelques exemples aléatoires pour la rendre plus réaliste..


Étape 4

Pour créer la feuille sombre, utilisez ces trois étapes. Tout d’abord, dessinez l’icône de la feuille, puis arrondissez le sommet et tracez la ligne moyenne en bas. Troisièmement, changez le Couleur de premier plan en blanc et tracez deux traits sur la zone spécifiée (fig. 2). Votre résultat final devrait être comme la fig. 3.



Étape 5

Utilisez cette technique pour remplir dynamiquement la première lettre. Imaginez votre source de lumière dans le coin supérieur droit et créez les trois types de feuilles comme dans l'image ci-dessous..




Étape 6

Répétez cette technique pour tracer les lignes, les contours et les remplissages sur les lettres suivantes.



Étape 7

Effectuer la technique sur les lettres restantes.



Étape 8

Puisque le côté droit est plus exposé à la source de lumière, j'ai essayé de le garder généralement plus léger..



Étape 9

Votre résultat final devrait ressembler à cette image.



4. Comment dessiner l'arbre

L'étape suivante consiste à dessiner le reste de l'arbre. Commencez par les branches. Essayez d'éviter de les rendre plats en faisant en sorte qu'ils passent au-dessus et derrière le texte. J'ai souligné certains avec le cyan pour repérer plus facilement.





5. Comment dessiner les mots 'Life & Death'

Étape 1

Nous pouvons maintenant passer au reste des mots. Commencez à retracer le mot 'vie'.



Étape 2

Essayez de garder les lettres simples, mais souvenez-vous que vous pouvez toujours les éditer en gardant le tout sur un calque séparé..



Étape 3

Terminez ce mot en développant le 'e' dans le bout de l'arbre.



Étape 4

S'il est suffisamment abaissé, l'esperluette peut être lue entre les mots «vie» et «mort». Dessine pareillement.



Étape 5

Transformez le bas de l'esperluette en une lettre 'd'.



Étape 6

Commencez à tracer la partie médiane du mot «mort» tout en gardant une trace de la courbure une fois de plus.



Étape 7

Terminez le mot en tirant les dernières lettres.



6. Comment créer la texture de l'écorce

Étape 1

Il est temps de se lancer dans la texture de l'écorce. Ceci est une chose délicate, et Zoomer Il est vivement recommandé d’entrer et de sortir pendant le dessin. Ne vous laissez pas emporter par des lignes inutiles. Il est facile de s'emporter et de perdre de la cohérence visuelle sur toutes les lettres.

La meilleure façon de commencer est de cartographier vos points forts avec un 50 px ligne.



Étape 2

Pour démarrer la texture de l'écorce, créez quelques lignes noires éparpillées sur la surbrillance des poids. Gardez une trace de l’orientation de la lettre à tout moment (suivez la direction des boucles) mais ajoutez un peu de variété.




Étape 3

Après l'étape précédente, vous aurez des bords blancs nets. Tout en utilisant le blanc comme couleur de premier plan, dessinez sur ces arêtes vives pour créer un motif de lignes ondulées..



Étape 4

À partir de maintenant, vous continuerez d'alterner le noir et le blanc pour lisser les arêtes vives, tout en dessinant des lignes ondulées. presse 'ré' pour réinitialiser les couleurs en noir et blanc et 'X' alterner entre les deux.



Étape 5

Reproduire les dernières étapes sur toutes les parties surlignées en blanc. N'oubliez pas de ne pas trop étirer ce motif dans la lettre.



Étape 6

Au fur et à mesure que vous avancez dans le mot, dessinez les points saillants en premier avec un Pinceau 50 px, puis passer aux détails avec un Pinceau 25 px.



Étape 7

N'oubliez pas de garder une trace de la source de lumière à tout moment et dessinez le point sur le «i». Cela deviendra plus tard une pomme.





Étape 8

Les contours blancs que vous dessinez créent également de la profondeur. Par exemple, vous pouvez décider quelle partie d’une lettre vient en haut ou derrière une lettre.



Étape 9

Terminez cette partie avec les dernières lettres. Ajouter des branches cassées aux extrémités et comme support pour le 't'.



A présent, votre image devrait ressembler à quelque chose comme ça.



Étape 10

Appliquez cette technique à l'arbre. Puisque l'arbre a la forme réelle de l'arbre, la texture est plus réelle..



Étape 11

Ensuite, nous devons ajouter plus de détails à la texture. Nous faisons cela en ajoutant non seulement des lignes plus fines et courtes (entourées), mais aussi en réduisant la Taille de la brosse à 10-15 px). Accentuer la plupart des extrémités des lignes noires et blanches existantes.



Étape 12

Créez de nouvelles lignes plus nettes, mais modifiez également les lignes existantes dont les extrémités sont trop arrondies.



Étape 13

Répétez ce processus sur le reste des lettres et de l'arbre.



Votre résultat final devrait ressembler à quelque chose comme ça.



7. Comment vivre la trace dans Illustrator

Étape 1

Cette partie suivante est facultative, mais recommandée. Un moyen rapide de nettoyer l’illustration est de Trace vivante dans Illustrateur. Copie une version de fusion de votre dossier (Commande-Option-C) et collez-le dans un nouveau fichier Illustrator. Les paramètres du document ne comptent vraiment pas.



Étape 2

Aller à Objet> Suivi en temps réel> Options de traçage. Utilisez les paramètres suivants ou adaptez-les à votre propre illustration..



Étape 3

Une fois l'image terminée Suivi en direct, Développez-le (Object> Expand).



Étape 4

Prenez le Outil de sélection directe (A - flèche blanche) et désélectionnez tout. Cliquez sur une partie blanche, puis sélectionnez le reste des formes blanches dans l'illustration. (Sélectionnez> Identique> Couleur de remplissage).



Étape 5

Effacer tout en blanc, prenez le Outil Flèche (V) et cliquez sur l'objet restant. Copie il.



Étape 6

Coller l'image dans un nouveau Affiche A2 (ou quel que soit le format que vous voulez). Je recommande de garder un Objet intelligent.



8. Comment ajouter de la couleur

Étape 1

Comme l’objet n’a que des contours noirs, sa coloration est aussi simple que dessiner dessous. Pour chaque lettre, créez un New Layer sous le contour Objet intelligent couche.

Dessiner le feuillage est simple en théorie, mais requiert un motif aléatoire, mais uniforme. Prenez un Brosse et commencez les feuilles vertes avec cette couleur: # 2bb778.



Étape 2

Répétez ce motif sur tout le lettrage du feuillage et la pomme.



Étape 3

Les deux couleurs suivantes du feuillage sont brillantes (# ffd600) et moutarde (# b58e55) jaune. Assurez-vous de laisser aussi des feuilles blanches.

Utilisez la même teinte jaune moutarde que les tons moyens pour les branches. Je les ai placés au-dessus des contours de la première image pour montrer leur emplacement..




Étape 4

Enfin, changez la couleur du contour en Double-clic sur la couche. Ajouter un Superposition de couleurs effet et choisissez cette couleur: # 483135.



Image finale

C'est tout! En suivant ce tutoriel, vous devriez avoir terminé environ 7 heures, ou moins si vous êtes plus expérimenté. Si vous ne l'avez jamais fait auparavant, cela peut prendre des dizaines d'heures. Si vous êtes intéressé par le dessin au trait, j'espère que ce didacticiel constituera un bon point de départ ou, du moins, vous convaincra que c'est une compétence réalisable. Malgré mes propres insécurités, mes épreuves et mes tribulations, je peux vous en assurer. Maintenant, va faire quelque chose de génial.

Styles de calque Photoshop de GraphicRiver

Aimez-vous créer des illustrations typographiques mais vous manquez de temps? Parcourez ensuite notre incroyable sélection de styles de calques Photoshop sur GraphicRiver pour créer des effets de texte incroyables en quelques clics. Et consultez l'un de nos favoris ci-dessous!

Various Text Effects Vol.3 - Styles en bois

Transformez vos citations ou en-têtes préférés avec cet impressionnant pack de styles de calques en bois. Ce pack contient cinq styles Photoshop de haute qualité avec différentes textures en bois, parmi lesquels vous pouvez choisir. Faites vos dessins se démarquer avec un simple clic sur un bouton!