Comment créer un type encrassé sale dans Illustrator

Apprenez à créer et à utiliser des graphiques en retrait pour ajouter de la profondeur à ce didacticiel avancé destiné aux artistes Adobe Illustrator..

Vous pouvez trouver les fichiers source dans le répertoire "source" inclus dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..


Étape 1

Choisissez une police qui n'a pas trop de coins ou d'arêtes arrondis. Cela facilitera le travail lorsque nous y ajouterons l’effet en retrait. Ci-dessous, j'ai utilisé Futura (qui est également la police utilisée par Envato sur son réseau!)

Choisissez une police épaisse qui donnera une meilleure vue de la zone en retrait.



Étape 2

Sélectionnez le type et allez dans 3D> Extruder et biseauter. Entrez les rotations surlignées ci-dessous. Pour la profondeur d'extrusion, assurez-vous que votre nombre est assez grand pour que la profondeur des lettres soit spectaculaire.

Entrez 1 pour les étapes de mélange. Cela facilitera la sélection des surfaces une fois l’effet appliqué. Ajustez la source de lumière sur la sphère pour que chaque côté des lettres soit allumé différemment. Cela vous permettra de voir plus facilement quelle zone vous sélectionnez.

Enfin, cochez la case Dessiner des faces cachées, ce qui crée essentiellement l’effet de type en retrait.



Étape 3

Sélectionnez le type et allez à Objet> Développer l'apparence. Après cela, dissociez l'objet jusqu'à ce que vous ne puissiez plus le dissocier (cela prend généralement environ 4 dissociations).



Étape 4

Sélectionnez la face des lettres, placez-les sur un nouveau calque et désactivez-le pour l'instant..

Remarque: ne déplacez pas les lettres vers le haut, je viens de faire cela pour vous montrer ce que vous devriez sélectionner. Comme vous pouvez le voir, l'intérieur de la lettre a tous les visages dessinés une fois que vous pouvez voir ce qu'il y a dessous..



Étape 5

Il peut arriver qu’une partie d’une lettre ne soit pas automatiquement rendue. C'est le cas ici, où j'ai dessiné une forme rouge derrière le "C" pour mettre en évidence cet exemple. Si cela se produit, ajustez simplement l'éclairage (comme à l'étape 2) lorsque vous appliquez l'effet 3D aux lettres. Bien sûr, cela demandera d’annuler une petite quantité de travail, mais cela devrait être assez simple. Une fois que toutes les faces intérieures des lettres ont été correctement rendues, passez à l'étape suivante..



Étape 6

J'ai sélectionné deux faces internes du "R" que je vais fusionner dans le Pathfinder. Les faces intérieures des lettres séparées doivent être fusionnées. Cela ne se produit généralement que lorsqu'une lettre a un bord incurvé.

Pour fusionner les deux formes, sélectionnez-les et dans Pathfinder, cliquez sur Ajouter à la zone de forme, puis sur Développer..



Étape 7

Observez comment les deux faces intérieures de la partie arrondie du "R" ont maintenant une forme. Encore une fois, répétez ce processus sur d’autres zones ou lettres si tel est le cas..



Étape 8

Le compteur (zone intérieure) du "R" nécessite le même traitement.



Étape 9

Le "R" est tout fini. N'hésitez pas à utiliser la couleur de votre choix pour créer une séparation entre les nombreuses surfaces des lettres. Nous leur donnerons quand même un dégradé brun dans une autre étape.



Étape 10

Voici à quoi ressemblent toutes les lettres quand toutes leurs faces intérieures sont fusionnées. Il ne devrait pas y avoir trop de travail pour terminer cette phase, tant que le mot que vous avez tapé (ou la police que vous avez choisie) n’a pas beaucoup de formes courbes..



Étape 11

Tournez l'autre couche sur la face supérieure du mot. Sur cette couche, tracez un rectangle à l'aide de l'outil Rectangle (M). Placez le rectangle derrière le mot. Sélectionnez toutes les lettres uniquement et fusionnez-les en une seule forme à l'aide de Pathfinder. Après cela, sélectionnez la forme de la lettre et le rectangle et dans Pathfinder, puis cliquez sur Soustraire de la zone de la forme, puis sur Développer, comme indiqué ci-dessous..



Étape 12

Vous vous retrouverez avec un rectangle gris avec la forme des lettres retirées du centre. L'effet en retrait est maintenant très évident.



Étape 13

Donnez au rectangle un dégradé de vert à vert clair pour simuler l'herbe.



Étape 14

Choisissez une couleur marron riche et utilisez le noir complet pour l'autre couleur. Commencez à appliquer des dégradés sur les faces intérieures de chaque lettre. Si la lettre a une zone courbe, envisagez d'utiliser un dégradé radial au lieu d'un dégradé linéaire..



Étape 15

Vous devriez avoir une idée générale de l’origine de votre source de lumière afin que l’intérieur des lettres soit plus réaliste et cohérent..



Étape 16

Continuer à appliquer des dégradés au reste des lettres.



Étape 17

Voici à quoi votre illustration devrait ressembler maintenant.



Étape 18

Nous allons ajouter des pierres à la conception pour lui donner plus d'attrait. Utilisez l'outil Crayon (N) pour dessiner des formes de roche arbitraires..

Conseil: maintenez la touche Option enfoncée lorsque vous souhaitez fermer la forme pendant que vous la dessinez, car il peut parfois être difficile de fermer une forme qui est dessinée avec l'outil Crayon..



Étape 19

Superposez une autre forme aléatoire pour créer une zone ombrée sur le rocher. Utilisez le Pathfinder pour vous débarrasser de la forme dont vous n’avez pas besoin à l’extérieur du rocher. Pour ce faire, sélectionnez les deux formes, puis cliquez sur Diviser dans Pathfinder, puis dissociez les formes après cela..



Étape 20

Donnez un dégradé aux zones de la pierre pour lui donner plus de dimension.



Étape 21

Créez une gamme de formes et de tailles de roches. Notez que les roches les plus éloignées commencent à devenir plus petites. Essayez de créer un motif agréable ou un écoulement de roches, plutôt que de placer une ou deux roches au hasard..



Étape 22

Placez d'autres groupes de roches dans quelques endroits supplémentaires. Vous pouvez faire pivoter les roches pour varier leur apparence.



Étape 23

Utilisez l'outil Crayon pour dessiner une forme approximative autour de chaque groupe de roches. Réglez la transparence sur Multiplier et ajustez l'opacité à environ 25%.



Étape 24

Allez à Effet> Flou> Flou gaussien et entrez une valeur qui vous convient.



Étape 25

Répétez cette procédure pour les autres zones de roches.



Étape 26

À l’aide de l’outil Plume (P), dessinez des formes de vigne élégantes qui complèteront la rigidité du type en retrait.



Étape 27

Il est difficile d'obtenir une fluidité des formes, mais avec suffisamment de pratique, vous comprendrez!



Étape 28

Créez des formes aléatoires sur le côté de l'illustration ou tracez-les au-dessus de leur destination finale. Vous n'avez pas besoin de dessiner trop de formes pour obtenir une gamme de regards. Vous pouvez faire pivoter et couper, ou masquer la même forme pour la rendre complètement différente.



Étape 29

Placez les formes de vigne sur la lettre différente de manière intéressante. Donnez-leur un dégradé allant du vert au noir, la zone noire se situant vers l'ouverture de la lettre..



Étape 30

Variez l’échelle des vignes pour qu’elles ne paraissent pas toutes minces. Vous voulez que certaines vignes se démarquent, alors que d'autres vous aident à équilibrer le design.

Portez une attention particulière à la façon dont vous traitez les vignes au bord des lettres. Assurez-vous qu'ils ont l'air d'aller dans la lettre, au lieu de superposer le bord de manière négligente.



Étape 31

Donnez des ombres à la vigne en dessinant des formes de vigne similaires et en leur donnant un dégradé de noir à blanc dont la transparence est définie sur Multiplier et dont l'opacité est d'environ 75%..



Étape 32

Flou de l'ombre en allant dans Effet> Flou> Flou gaussien.



Étape 33

Enfin, nous allons ajouter un effet d’atmosphère unique en utilisant une forme vaporeuse aléatoire, comme indiqué ci-dessous. Dans la palette Transparence, réglez l’opacité sur environ 40%..



Étape 34

Attribuez à la forme un dégradé radial noir à blanc et définissez le mode Transparence sur Écran. Lorsque vous tracez le dégradé sur la forme, assurez-vous que le centre de celui-ci est NE PAS sur la forme, car cela créerait une zone blanche très dure. Le regard que nous recherchons est beaucoup plus subtil. Ajoutez quelques autres zones et vous serez prêt.



Image finale

Voici l'image finale. Vous venez d'apprendre à créer une définition de type en retrait!