Créer un effet de texte 3D plié dans Adobe Illustrator

Dans le didacticiel suivant, vous apprendrez à créer un effet de texte 3D dans Adobe Illustrator. En plus d'utiliser les outils 3D, vous allez superposer des formes de lettres pour créer des décalages de couleurs avec des dégradés et des hautes lumières. Vous travaillerez également dans des motifs subtils contrôlés avec des masques d'opacité..


Étape 1

Créez un document RVB de 600 x 620px et commencez par l’arrière-plan. À l'aide de l'outil Rectangle (M), créez une forme de la taille de votre planche graphique. Remplissez-le avec un dégradé linéaire, comme indiqué dans l'image suivante. Examinez de plus près le dégradé de l'image et vous remarquerez des chiffres blancs au-dessus des curseurs de dégradés. Ces chiffres représentent des pourcentages d'emplacement.


Étape 2

Sélectionnez la forme de l'étape précédente et accédez au panneau Apparence (Fenêtre> Apparence). Ouvrez le menu déroulant et cliquez sur Ajouter un nouveau remplissage. Cela va ajouter un deuxième remplissage pour la forme sélectionnée. Faites-le noir, réduisez son opacité à 3%, modifiez le mode de fusion en Multiplier, puis sélectionnez Effet> Artistique> Grain de film. Entrez les données affichées dans l'image suivante et cliquez sur OK.


Étape 3

Sélectionnez l'outil Grille rectangulaire et cliquez simplement sur votre planche de travail. Entrez toutes les données affichées dans l'image suivante et cliquez sur OK. Cela va ajouter une belle grille. Sélectionnez-le, ajoutez un trait noir de 0,25 pt, puis placez-le au-dessus du rectangle existant..


Étape 4

Resélectionnez l'outil Rectangle (M), créez une nouvelle forme de la taille de votre planche graphique et placez-la au-dessus de la grille. Concentrons-nous sur cette nouvelle forme. Choisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage inférieur gauche et déplacez-le de 350 pixels vers la gauche. Sélectionnez le point d'ancrage en bas à droite et déplacez-le de 350 pixels vers la droite. Maintenant, votre forme devrait ressembler à un trapèze (image n ° 1). Sélectionnez-le avec la grille et sélectionnez Objet> Distorsion d'enveloppe> Créer avec le haut de l'objet. A la fin, votre grille devrait ressembler à l'image # 3.


Étape 5

Resélectionnez la grille, diminuez son opacité à 10% et changez le mode de fusion en Multiplier. Maintenant, allez à Effet> Artistique> Grain de film. Entrez les données affichées dans la première image, puis cliquez sur OK..

Resélectionnez l'outil Rectangle (M), créez une forme de la taille de votre planche graphique et remplissez-la avec le dégradé linéaire (indiqué dans la deuxième image). Sélectionnez cette nouvelle forme avec la grille et accédez au panneau Transparence (Fenêtre> Transparence). Ouvrez le menu déroulant et cliquez sur Créer un masque d'opacité. Maintenant, votre forme devrait ressembler à l'image n ° 3. Enfin, verrouillez toutes les formes créées jusqu'à présent.


Étape 6

Ajoutons maintenant le texte. Choisissez l'outil Texte (T) et ajoutez le premier mot (Vecteur). Utilisez la police de surcharge techno BRK d’une taille de 180 pt et définissez la couleur sur R = 0, G = 178, B = 180. Ensuite, sélectionnez l'outil de type vertical et ajoutez le deuxième mot. Utilisez les mêmes police, taille et couleur, mais entrez -200 dans la zone de suivi. Sélectionnez ces deux mots et allez à Objet> Développer.


Étape 7

Maintenant, vous devriez avoir deux groupes avec les mots développés. Sélectionnez le groupe "VECTEUR" et appuyez sur Maj + Commande + G pour le dissocier, puis sélectionnez l'autre groupe et accédez à Objet> Chemin composé> Créer. Sélectionnez le chemin résultant avec le "T" dans "VECTOR".

Choisissez l'outil de sélection (V), cliquez sur la bordure du "T" (vous devriez le souligner), puis allez dans le panneau Aligner (Fenêtre> Aligner) et cliquez sur les boutons Aligner horizontalement à gauche et Aligner verticalement en haut. À la fin, vos formes doivent être alignées comme indiqué dans la troisième image. Sélectionnez l'une des formes en "T" et supprimez-la, puis sélectionnez toutes les lettres et accédez à Objet> Chemin composé> Créer..


Étape 8

Sélectionnez le chemin tracé à l'étape précédente et accédez à Effet> 3D> Extruder et biseauter. Suivez les données indiquées dans l'image suivante et cliquez sur OK. Faites deux copies de cette forme (Commande + C> Commande + F) et rendez-les invisibles. Vous aurez besoin d'eux plus tard. Maintenant, sélectionnez à nouveau la forme d'origine et allez à Objet> Développer l'apparence.


Étape 9

Sélectionnez le groupe résultant de l'étape précédente et appuyez une fois sur Maj + Commande + G. Vous devriez maintenant avoir un groupe pour chaque lettre développée. Accédez au panneau Calques, explorez ces groupes, recherchez les lettres en haut et déplacez-les. Sélectionnez toutes ces formes, remplissez-les d'une couleur plus sombre et déplacez-les vers le haut du panneau Calques. De cette façon, vous les distinguerez plus facilement du reste des formes.


Étape 10

Créez les deux dégradés illustrés dans l'image suivante et enregistrez-les dans votre panneau Nuancier. Vous les utiliserez beaucoup dans les étapes suivantes. Encore une fois, faites attention aux images en dégradé. Les chiffres jaunes représentent les pourcentages d'opacité.


Étape 11

Maintenant, prenons soin du reste des formes. Commençons par la première lettre. Sélectionnez les formes présentées dans la première image et cliquez sur le bouton Unir dans le panneau Pathfinder. Assurez-vous que la forme obtenue est remplie avec R = 0, G = 178, B = 180, puis ajoutez trois nouveaux remplissages et utilisez les dégradés linéaires enregistrés à l'étape précédente..


Étape 12

Sélectionnez les formes présentées dans la première image et cliquez sur le bouton Unir dans le panneau Pathfinder. Ajouter un nouveau remplissage pour la forme résultante et utiliser le dégradé 1.


Étape 13

Passez à la deuxième lettre. Réunissez les formes comme vous l'avez fait avec la lettre précédente, puis ajoutez de nouveaux remplissages et utilisez les dégradés enregistrés. La plupart du temps, vous aurez besoin de deux dégradés (gauche et droit) et d'un dégradé 2 (milieu)..


Étape 14

Continuez avec la lettre suivante. Unir les formes et ajouter les dégradés enregistrés.


Étape 15

Suivant est le "T." Commencez par créer le dégradé présenté dans l'image suivante, enregistrez-le et nommez-le "dégradé 3". Maintenant, unissez les formes et ajoutez les dégradés enregistrés, comme indiqué dans l'image suivante. Le curseur de la pente 3 n'est pas très clair à cause des autres curseurs. L'image supplémentaire agrandie peut être utile.


Étape 16

Continuez avec le "O" Encore une fois, unissez les formes et ajoutez les dégradés enregistrés comme indiqué.


Étape 17

Suivant est le "R." Encore une fois, unissez les formes et ajoutez les dégradés enregistrés.


Étape 18

Passez au "U" et suivez les mêmes étapes.


Étape 19

Concentrez-vous sur le second "T", unissez les formes, puis ajoutez les dégradés enregistrés. Encore une fois, vous aurez besoin du Gradient 3.


Étape 20

Enfin, nous allons travailler sur le "S." Commencez par créer le dégradé indiqué dans l'image suivante, enregistrez-le et nommez-le "dégradé 4". Maintenant, unissez les formes et ajoutez les dégradés enregistrés comme indiqué.


Étape 21

Voici à quoi devrait ressembler votre travail. Maintenant, concentrons-nous sur les formes sombres des lettres. Commencez par dupliquer les formes "VECTEUR" supérieures. Sélectionnez ces copies et accédez à Objet> Chemin composé> Créer.


Étape 22

Allez dans Edition> Préférences> Général et entrez 0.5px dans la case Incrément de clavier. Dupliquez le chemin créé à l'étape précédente (Commande + C> Commande + F). Sélectionnez cette copie et cliquez une fois sur la flèche vers le haut. Resélectionnez la copie avec la forme d'origine et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez le groupe de formes obtenu avec du blanc et changez son mode de fusion en superposition.


Étape 23

Déplacer vers le "U". Sélectionnez-le et faites deux copies. Sélectionnez la copie du haut et appuyez deux fois sur la flèche vers le haut. Resélectionnez ces deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Supprimez les formes très fines, puis sélectionnez le chemin restant. Remplissez-le avec le dégradé linéaire montré ci-dessous (image n ° 2) et changez le mode de fusion en Superposition. Enregistrez ce dégradé dans votre panneau Nuancier. Vous en aurez besoin à nouveau pour les deux prochaines étapes.


Étape 24

Passez à la forme en "T" et faites deux copies. Sélectionnez celui du haut et appuyez trois fois sur la flèche du haut. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Vous obtiendrez un groupe avec deux formes.

Ensuite, vous devez diviser la forme de gauche. Choisissez l'outil Plume (P) et dessinez une forme similaire à celle illustrée dans la deuxième image. Sélectionnez-le avec la forme de gauche et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez maintenant ces trois formes avec le dégradé linéaire enregistré à l'étape précédente et remplacez leur mode de fusion par Superposition..


Étape 25

Enfin, faites deux copies pour la forme en "S". Sélectionnez la copie du haut et appuyez quatre fois sur la flèche du haut. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez les formes obtenues avec le dégradé fraîchement enregistré, puis changez le mode de fusion en Superposition. Sélectionnez les formes créées lors des quatre dernières étapes et regroupez-les. Double-cliquez sur ce nouveau groupe (dans le panneau Calques) et nommez-le "Clair".


Étape 26

Voici à quoi devrait ressembler votre travail. Encore une fois, dupliquez les formes "VECTOR" supérieures, puis sélectionnez ces copies et accédez à Objet> Chemin composé> Créer.


Étape 27

Dupliquez le chemin créé à l'étape précédente. Cette fois, cliquez sur la flèche du bas une fois. Resélectionnez la copie avec le chemin d'origine et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez le groupe de formes obtenu avec R = 0, G = 112, B = 132. Baissez maintenant son opacité à 50% et changez le mode de fusion en Multiplier.


Étape 28

Déplacer vers le "U". Sélectionnez-le et faites deux copies. Sélectionnez la copie du haut et appuyez deux fois sur la flèche vers le bas. Resélectionnez ces deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez le groupe de formes obtenu avec R = 0, G = 112, B = 132. Réduisez son opacité à 50% et changez le mode de fusion en Multiplier.


Étape 29

Aller à la forme "T" et faire deux copies. Sélectionnez celui du haut et appuyez trois fois sur la flèche du bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez le groupe de formes obtenu avec R = 0, G = 112, B = 132. Réduisez son opacité à 50% et laissez le mode de fusion à Normal.


Étape 30

Encore une fois, faites deux copies pour la forme "S". Sélectionnez la copie du haut et appuyez quatre fois sur la flèche du bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez le groupe de formes obtenu avec R = 0, G = 112, B = 132 et abaissez son opacité à 50%. Sélectionnez les formes créées lors des quatre dernières étapes et regroupez-les. Double-cliquez sur ce nouveau groupe (dans le panneau Calques) et nommez-le Dark..


Étape 31

Resélectionnez toutes les formes de lettres et allez à Objet> Chemin composé> Créer. Assurez-vous que la forme obtenue est placée sous les groupes "Clair" et "Sombre" (dans le panneau Calques), puis remplissez-la avec le dégradé linéaire présenté ci-dessous. Double-cliquez sur cette forme (dans le panneau Calques) et nommez-la "Texte".


Étape 32

Ajoutez quatre nouveaux remplissages pour la forme du texte. Utilisez les gradients linéaires indiqués pour les trois premiers remplissages. Sélectionnez maintenant le remplissage restant dans le panneau Apparence. Faites-le noir, réduisez son opacité à 5%, changez le mode de fusion en Multiplier. Sélectionnez Effet> Artistique> Grain de film. Entrez les données ci-dessous (image n ° 4) et cliquez sur OK.


Étape 33

Maintenant, à cause de l'effet Grain de film, les bords du texte sont un peu pixellisés. Il peut être difficile de le remarquer, surtout à cause du fond, mais il vaut mieux les masquer. Dupliquez la forme du texte (Commande + C> Commande + F). Sélectionnez cette copie, accédez au panneau Apparence, conservez un seul remplissage et rendez-le blanc. Sélectionnez cette forme blanche avec la forme du texte d'origine et accédez au panneau Transparence. Ouvrez le menu déroulant et cliquez sur Créer un masque d'opacité..


Étape 34

Dupliquez la forme masquée de l'étape précédente. Sélectionnez cette copie, ouvrez le menu déroulant du panneau Transparence et accédez à l'option Libérer le masque d'opacité. Conservez la forme blanche et supprimez l’autre. Maintenant, vous devez remplacer le blanc plat par un joli motif intégré. Ouvrez le menu déroulant du panneau Nuancier et accédez à Ouvrir la bibliothèque de nuances> Motifs> Décoratif> Décoratif_Moderne.

Resélectionnez la forme blanche et cliquez sur le motif Optical Squares 2. Maintenant que vous avez ajouté le motif à votre forme, réduisez son opacité à 30% et changez le mode de fusion en superposition. Enfin, amenez cette forme au premier plan (Maj + Commande + Touche Support droit).


Étape 35

Dupliquez la forme créée à l'étape précédente. Sélectionnez cette copie, ramenez l'opacité à 100%, changez le mode de fusion en Normal et remplissez-le avec le dégradé linéaire présenté ci-dessous. Sélectionnez cette nouvelle forme avec la forme à motif et accédez à nouveau au panneau Transparence. Ouvrez le menu déroulant et cliquez sur Créer un masque d'opacité. Cela fera disparaître progressivement le motif.


Étape 36

Activez la visibilité de l'une des copies réalisées à la huitième étape. Accédez au panneau Apparence et ouvrez l'effet Extrusion & Bevel. Cliquez sur le bouton Plus d'options, cochez la case Dessiner des visages cachés, puis cliquez sur OK et allez à Objet> Développer l'apparence. Encore une fois, vous obtiendrez un groupe avec beaucoup de sous-groupes et de formes.

Cette étape nécessitera un peu de patience. Explorez ces groupes et trouvez les lettres du bas. Déplacez ces neuf formes en dehors du groupe et supprimez-les. Sélectionnez ces formes, allez à Objet> Chemin composé> Créer, puis déplacez le chemin résultant derrière les autres composants du texte..


Étape 37

Sélectionnez la forme créée à l'étape précédente. Remplissez-le avec R = 0, G = 112, B = 132. Maintenant, sélectionnez l'outil de sélection (V) et faites glisser la ligne inférieure d'environ 2 pixels vers le bas.


Étape 38

Resélectionnez la forme de l'étape précédente et allez à Effet> Flou> Flou gaussien. Entrez un rayon de 2px et cliquez sur OK. Dupliquer cette forme. Sélectionnez cette copie et déplacez-la entre la grille et le rectangle d'arrière-plan dans le panneau Calques. Remplacez la couleur de remplissage de cette copie par R = 209, G = 211, B = 212. Ouvrez l’effet Flou gaussien à partir du panneau Apparence et augmentez le rayon à 10px..


Étape 39

Sélectionnez la forme grise de l'étape précédente et sélectionnez Objet> Chemin> Chemin décalé. Entrez un rayon de 5 px et cliquez sur OK. Sélectionnez le chemin résultant et cliquez sept fois sur la flèche vers le bas. Maintenant remplissez-le avec R = 220, G = 220, B = 220. Ouvrez maintenant l’effet Flou gaussien et augmentez le rayon à 15 pixels..


Étape 40

Activez la visibilité de l'autre copie réalisée à la huitième étape. Sélectionnez cette copie, placez-la au premier plan (Maj + Commande + touche Crochet droit), puis ouvrez l'effet Extrusion et biseautage dans le panneau Apparence. Allez dans le menu déroulant Surface et sélectionnez Filaire, puis cliquez sur OK et appliquez Objet> Développer l'apparence..


Étape 41

Dupliquer la forme à motifs. Sélectionnez cette copie, démasquez-la et conservez uniquement le masque (la forme avec le dégradé). Remplacez le dégradé par un noir plat, puis placez la forme au premier plan (Maj + Commande + Touche Support droit). Sélectionnez-le avec le groupe résultant de l'étape précédente et accédez au panneau Transparence. Ouvrez le menu déroulant, cliquez sur Make Opacity Mask et décochez la case Clip. Enfin, sélectionnez ce groupe masqué, réduisez son opacité à 30% et vous avez terminé..


Conclusion

L'image finale est montrée ci-dessous.