Comment Créer un Effet d'Art de Texte 3D dans Adobe Illustrator

French (Français) translation by Desgardin Inna (you can also view the original English article)

Final product image — What You'll Be Creating

Dans les étapes suivantes, vous apprendrez comment créer un effet d'art de texte 3D dans Adobe Illustrator.

Pour commencer, vous allez apprendre comment créer un arrière-plan simple et comment ajouter du texte basique. En utilisant uniquement votre morceau de texte et un effet de texte Rotation 3D, vous allez apprendre à créer le tracé transparent principal. Pour continuer, vous allez apprendre comment utiliser un Effet 3D Extrusion & Biseautage et certaines techniques de masques et de dégradés de formes afin d’ajouter l’effet de creux 3D à votre texte. Enfin, vous apprendrez comment ajouter quelques ombres et une texture subtile pour finaliser le design.

Pour plus d’inspiration sur la manière d'arranger ou d’améliorer votre effet de texte définitif, vous pouvez trouver des ressources en abondance sur GraphicRiver.

Ce Dont Vous Aurez Besoin

Vous aurez besoin de la ressource suivante afin d’achever ce projet :

Police Etna

1. Comment Créer un Nouveau Document et l’Arrière-plan

Étape 1

Appuyez CTRL-N pour créer un nouveau document. Sélectionnez Pixels dans le menu déroulant Unités, entrez 850 dans la zone largeur et 600 dans la zone hauteur, puis cliquez sur le bouton Avancées. Sélectionnez RVB pour le Mode Couleur, réglez Effets de Pixellisation à Ecran (72 ppp), puis cliquez sur Créer Document.

Ouvrez le panneau Infos (Fenêtre > Infos) pour avoir un aperçu en direct de la taille et de la position de vos formes, et réglez l’unité de mesure à pixels dans Edition > Préférences > Unités. Ces options augmenteront significativement votre vitesse de travail.

Étape 2

Choisissez l’outil Rectangle (M) et regardez votre Barre d’Outils. Supprimez la couleur du contour, puis sélectionnez le fond et définissez sa couleur à R=255 V=180 B=0.

Cliquez simplement sur votre plan de travail pour ouvrir la fenêtre Rectangle. Définissez la Largeur à 870 px et la Hauteur à 630 px, puis cliquez sur OK. Assurez-vous que votre nouvelle forme couvre entièrement le plan de travail, comme le montre l’image suivante.

2. Comment Créer la Forme du Texte Principal

Étape 1

Choisissez l’Outil Texte (T) et ouvrez le panneau Caractère (Fenêtre > Texte > Caractère). Sélectionnez la police Etna, puis définissez la taille à 250 px et l'approche des caractères à 100.

Cliquez sur le plan de travail et ajoutez votre texte comme indiqué ci-dessous. Définissez la couleur à R=255 V=150 B=0. Assurez-vous que votre texte est sélectionné, et simplement copiez-le (Ctrl + C). Vous aurez besoin de cette copie plus tard.

Étape 2

Assurez-vous que votre texte est sélectionné, puis allez à Effet > 3D > Rotation. Entrez les attributs indiqués ci-dessous, puis cliquez sur OK.

Étape 3

Assurez-vous que votre texte est encore sélectionné, puis allez à Objet > Décomposer l’Aspect. Tout d’abord Dissociez (Maj-Ctrl-G) le groupe nouvellement créé. Annulez le masque d’écrêtage (Alt-Ctrl-7) et puis Dissociez (Maj-Ctrl-G) le groupe résultant.

Sélectionnez la forme qui entoure votre texte et supprimez-la. Sélectionnez les formes qui composent votre texte et transformez-les en un tracé transparent (Objet > Tracé Transparent > Créer ou Ctrl-8).

Étape 4

Assurez-vous que votre tracé transparent est sélectionné, puis allez à Effet > Spécial > Ombre Portée. Entrez les attributs indiqués ci-dessous, puis cliquez sur OK.

3. Comment Créer l’Effet d'Art de Texte 3D

Étape 1

Appuyez Ctrl-F pour ajouter la copie de ce texte au même endroit. Changez sa couleur à R=153 V=153 B=153.

Étape 2

Sélectionnez votre texte gris et allez à Effet > 3D > Extrusion & Biseautage. Cliquez sur le bouton Plus d’Options et entrez tous les attributs indiqués ci-dessous. N’oubliez pas de cocher la case Dessiner les Faces Masquées, puis cliquez sur OK.

Étape 3

Assurez-vous que votre texte gris est toujours sélectionné, puis allez à Objet > Décomposez l’Aspect. Choisissez l’Outil Sélection Directe (A), sélectionnez les formes qui composent la face avant du texte (mises en évidence dans la première image) et supprimez-les tout simplement. A la fin, cela devrait ressembler à la seconde image.

Étape 4

Choisissez l’Outil Déplacement (V) et sélectionnez votre groupe de formes ainsi que le tracé transparent orange. Cliquez sur le bord du tracé transparent pour le mettre en surbrillance (comme indiqué dans la première image), puis cliquez sur le bouton Alignement Vertical en Haut de la palette Alignement (Fenêtre > Alignement).

Étape 5

Sélectionnez votre tracé transparent orange, ajoutez une copie devant (Ctrl-C > Ctrl-F) et amenez-la au premier plan (Shift-Ctrl-]). Remplissez cette nouvelle forme avec du blanc (R=255 V=255 B=255).

Étape 6

Sélectionnez votre tracé transparent blanc ainsi que le groupe de formes, puis cliquez sur le bouton Créer Masque dans le panneau Transparence (Fenêtre > Transparence).

Étape 7

Assurez-vous que votre groupe masqué est toujours sélectionné et changez son Mode de Fusion à l’Exclusion.

4. Comment Ajouter une Texture Subtile

Étape 1

Sélectionnez votre rectangle jaune, ajoutez une copie devant (Ctrl+C > Ctrl-F) et amenez-la au premier plan (Shift-Ctrl-]).

Assurez-vous que cette nouvelle forme reste sélectionnée et regardez le panneau Aspect (Fenêtre > Aspect). Sélectionnez le fond, changez son Mode de Fusion à Incrustation, et remplacez la couleur avec le dégradé linéaire comme indiqué ci-dessous. N’oubliez pas de sélectionner le curseur droit du dégradé et de réduire son Opacité à 0 %.

Étape 2

Assurez-vous que la forme ajoutée à l’étape précédente reste sélectionnée, et gardez votre attention sur le panneau Aspect (Fenêtre > Aspect).

Ajoutez un deuxième fond en utilisant le bouton Ajouter un Nouveau Fond, et sélectionnez-le. Choisissez la couleur noire (R=0 V=0 B=0), réduisez son Opacité à 7 %, modifiez le Mode de Fusion à Incrustation, allez ensuite à Effet > Artistiques > Grain Photo. Entrez les attributs indiqués ci-dessous, puis cliquez sur OK.

Félicitations ! Vous avez terminé !

Voici à quoi devrait ressembler votre effet d'art de texte 3D. J’espère que vous avez apprécié ce tutoriel et que vous pourriez appliquer ces techniques dans vos futurs projets. N’hésitez pas à partager votre résultat final dans la section des commentaires.

N'hésitez pas à ajuster le dessin final et à le personnaliser. Vous pouvez trouver de nombreuses sources d’inspiration sur GraphicRiver, avec des solutions intéressantes afin d'améliorer votre design.

Vous cherchez plus de tutoriels semblables à celui-ci ? Pourquoi ne pas consulter ceux-là :