Comment créer un effet de texte en bois avec Adobe Illustrator

Dans le tutoriel suivant, vous apprendrez à créer un "texte en bois". En combinant l'outil 3D Extrude and Bevel Tool avec des dégradés intelligents et des effets de calque, vous obtenez cet effet génial, parfait pour le texte et les symboles..


Étape 1

Créez un document de 700 x 300 pixels. Sélectionnez l'outil Texte (T) et ajoutez votre texte. J'ai utilisé la police New Facebook, mais vous pouvez utiliser la police de votre choix. Remplissez votre texte avec la couleur indiquée ci-dessous (R = 128 G = 128 B = 128). Développez le texte. Sélectionnez le groupe de formes obtenu, ajoutez l'effet 3D> Extrusion et biseautage, puis sélectionnez Objet> Développer l'apparence..


Étape 2

Maintenant, vous devriez avoir une sélection de formes et de groupes. Vous devez les organiser avant de passer à l'étape suivante. Pour commencer, concentrons-nous sur le "V". Sélectionnez les formes du haut (celles qui sont remplies d'une nuance de gris plus claire), appuyez sur Ctrl + Maj + G pour dégrouper chaque forme séparément, puis appuyez sur Ctrl + G pour les regrouper..

Sélectionnez les formes présentées dans l'image n ° 2 et cliquez sur le bouton Unir du panneau Pathfinder. Dissociez le reste des formes (remplies d'une nuance de gris plus sombre) puis regroupez-les (image n ° 3).


Étape 3

Continuons avec le "e". Utilisez le bouton Unite du panneau Pathfinder pour connecter les groupes de formes sélectionnées dans les images n ° 1, n ° 2 et n ° 3. En fin de compte, vous devez avoir deux groupes. Une avec les formes sombres (image n ° 5) et une avec les formes plus claires (image n ° 4).


Étape 4

Ensuite, est le "C". Encore une fois, unissez les formes sélectionnées dans les images n ° 1 et n ° 2 puis faites les deux groupes.


Étape 5

Maintenant, le "T". Unissez les formes sélectionnées dans les images n ° 1 et n ° 2 puis créez les groupes.


Étape 6

Unir les formes montrées dans les images # 1 et # 2 puis faire les deux groupes.


Étape 7

Encore une fois, utilisez le bouton Unir pour les formes sélectionnées dans les images n ° 1 et n ° 2, puis créez les deux groupes..


Étape 8

Une fois la dernière fois, unissez les formes présentées dans les images n ° 1, n ° 2 et n ° 3, puis créez des groupes..


Étape 9

Dupliquez toutes les formes du haut (celles remplies d’une nuance de gris plus claire). Sélectionnez les copies et allez à Objet> Chemin composé> Faire puis nommez la forme résultante "vvv". Vous aurez besoin de cette forme lors de plusieurs étapes ultérieures. Assurez-vous donc de toujours en avoir une copie..

Sélectionnez une copie "vvv", remplissez-la avec R = 198 G = 156 B = 109 puis ajoutez l'effet Texturizer (Effet> Texture> Texturizer)..


Étape 10

Ensuite, vous devez vous débarrasser des bords pixélisés. Ouvrez la palette Transparence. Sélectionnez une copie "vvv", remplissez-la de blanc et déplacez-la au-dessus de la forme texturée. Maintenant, sélectionnez les deux formes, ouvrez le menu déroulant du panneau Transparence et cliquez sur Créer un masque d'opacité..


Étape 11

Sélectionnez une nouvelle copie "vvv" et amenez-la au premier plan (Maj + Ctrl + Support carré droit). Remplissez-le de blanc, ajoutez le rayonnement interne, puis sélectionnez Objet> Développer l'apparence. Conservez uniquement la lueur interne développée (supprimez l'autre forme). Changez son mode de fusion en Multiplier et réduisez son opacité à 30%.


Étape 12

Créez une nouvelle copie "vvv" et amenez-la au premier plan (Maj + Ctrl + Support carré droit). Remplissez-le avec le dégradé linéaire de gauche, puis ajoutez un nouveau remplissage (à partir du menu déroulant du panneau Apparence) et utilisez le dégradé linéaire de droite..

Sélectionnez le premier remplissage (dans le panneau Apparence), changez son mode de fusion en Superposition et baissez son opacité à 10%. Sélectionnez le second dégradé, changez son mode de fusion en Multiplier et réduisez son opacité à 50%. Sélectionnez les formes créées aux étapes 9, 10, 11 et 12 et regroupez-les. Nommez-le "Bois" et rendez-le invisible (pour le moment).


Étape 13

Ensuite, vous devrez créer une série de formes minces le long du bord des formes du haut. Tout d’abord, sélectionnez Édition> Préférences> Général et entrez un incrément de clavier de 0,5 px..

Maintenant, concentrons-nous sur les formes en "V". Sélectionnez la forme montrée dans l'image n ° 1 et faites deux copies. Sélectionnez celui du haut puis appuyez deux fois sur la flèche vers le bas et sur la flèche droite (pour le déplacer de 1 pixel vers la droite et de 1 pixel vers le bas). Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez les formes obtenues avec du blanc et réduisez leur opacité à 40%. Répétez les mêmes techniques pour les deux autres formes (image n ° 3 et image n ° 5).


Étape 14

Dupliquez la forme surlignée dans l'image n ° 1. Sélectionnez celui du haut et appuyez une fois sur la flèche gauche et la flèche haute (pour le déplacer de 0,5px vers le haut et de 0,5px vers la gauche). Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez les formes obtenues avec du noir et réduisez leur opacité à 50%. Répétez les mêmes techniques pour les deux autres formes (image n ° 3 et image n ° 5).


Étape 15

Répétez les mêmes techniques pour le reste des formes du haut. Sélectionnez toutes ces formes minces et regroupez-les. Amenez ce nouveau groupe au premier plan (Maj + Contrôle + Support carré droit). Retourne "Wood" à visible puis verrouille les deux groupes.


Étape 16

Maintenant, concentrons-nous sur les formes les plus sombres. Tout d’abord, remplissez-les tous avec R = 66 G = 33 B = 11. Créez ensuite les quatre dégradés et enregistrez-les dans le panneau Nuancier. Il suffit de les nommer "1", "2", "3" et "4". Vous en aurez besoin à l'étape suivante.


Étape 17

Maintenant, vous devez ajouter de nouveaux remplissages pour la plupart de ces formes. Regardez les images pour comprendre exactement combien et quels sont les gradients que vous devez utiliser pour chaque remplissage..


Étape 18

Ensuite, est l'ombre. Sélectionnez une copie de "vvv" et allez à Objet> Chemin> Chemin de décalage. Entrez un décalage de 1 px et appuyez sur OK. Sélectionnez la forme obtenue, envoyez-la à l'arrière (Maj + Contrôle + Crochet carré gauche) et déplacez-la de quelques pixels vers le bas et vers la droite. Remplissez-le de noir, ajoutez un flou gaussien de 0,5 et diminuez son opacité à 30%.


Étape 19

Dupliquez la forme créée à l'étape précédente. Sélectionnez cette copie, déplacez-la sous l'original et agrandissez-la un peu (redimensionnez-la simplement). Laissez le noir, mais augmentez le flou gaussien à 5px et l'opacité à 50%.


Étape 20

Sélectionnez une autre copie "vvv" et allez à Objet> Chemin> Chemin décalé. Entrez un décalage de 6 px et cliquez sur OK. Sélectionnez la forme obtenue, envoyez-la à l'arrière et déplacez-la de quelques pixels vers le bas et vers la droite. Remplissez-le de noir, ajoutez un flou gaussien de 3 pixels et baissez son opacité à 5%.


Étape 21

Sélectionnez l'outil Crayon (P) et créez une forme semblable à celle rouge présentée dans l'image n ° 1. Sélectionnez-le avec la forme "vvv" (c'est la dernière fois que vous avez besoin de cette forme) et cliquez sur le bouton Intersection du panneau Pathfinder. Sélectionnez les formes obtenues et accédez à Objet> Chemin composé> Créer. Amenez la forme obtenue à l'avant. Remplissez-le avec le dégradé linéaire et réduisez son opacité à 10%.


Étape 22

Enfin, le fond. Créez un rectangle de 600 x 300 pixels, envoyez-le à l’arrière (Maj + Ctrl + Support carré gauche) et remplissez-le avec R = 198 G = 156 B = 109. Ajoutez un nouveau remplissage (à partir du menu déroulant du panneau Apparence), utilisez l'autre couleur et changez son mode de fusion en Écran..

Sélectionnez ce second remplissage (dans le panneau Apparence), puis ajoutez les motifs de demi-teintes (Effet> Esquisse> Motif de demi-teintes), les effets Réticulation (Effet> Esquisse> Réticulation) et les effets de lueur diffuse (Effet> Distorsion> Lueur diffuse) (dans cet ordre ).

Ajoutez un troisième remplissage et utilisez le dégradé linéaire. Sélectionnez ce remplissage final, changez son mode de fusion en Multiplier puis baissez son opacité à 10%.


Étape 23

Pour un effet final, sélectionnez l’outil Rectangle (M). Créez une forme de 700 x 20 pixels et placez-la dans la partie supérieure de votre Artboard. Ajoutez l'effet de transformation (Effet> Déformer et transformer> Transformer), puis sélectionnez Objet> Développer l'apparence. Sélectionnez les sept rectangles et sélectionnez Objet> Chemin composé> Créer. Remplissez la forme obtenue avec le dégradé linéaire (faites attention au niveau du curseur), changez son mode de fusion en Color Burn et réduisez son opacité à 50%.


Conclusion

Voilà, un effet de texte en bois. Vous pouvez utiliser les étapes de ce didacticiel pour créer vos propres en-têtes personnalisés pour les conceptions Web, ou même pour créer des jeux d’icônes de style bois. Utilisez votre imagination et les compétences acquises et vous serez surpris par ce que vous pouvez proposer.