Comment créer un type 3D en perspective dans Illustrator CS6

Dans ce didacticiel, vous apprendrez à créer une typographie 3D à l'aide de l'outil de perspective, des mélanges et de certaines des nouvelles fonctionnalités d'Adobe Illustrator CS6..


Étape 1

Commencez par créer le texte ou les formes en 2D. Cet effet particulier fonctionne mieux avec un texte plus gras avec une surface plus large. Si vous utilisez du texte, il est important de cliquer avec le bouton droit de la souris sur> Créer des contours pour changer la police en chemins. J'ai créé ma propre police créée à l'aide de l'outil Rectangle (M) et des outils Pathfinder (Maj + Ctrl + F9). Il est plus facile d'utiliser les guides intelligents pour vous aider à le faire. Utilisez Ctrl + U pour mettre des guides


Étape 2

Sélectionnez chaque mot et regroupez les lettres (Ctrl + G).


Étape 3

Sur un nouveau calque, tracez un rectangle plus grand que la planche d’art qui sera notre arrière-plan. Appliquez un dégradé radial qui passe du centre de la lumière à un extérieur plus foncé. Renommez ce calque "Arrière-plan" et renvoyez-le en arrière, derrière le premier calque..


Étape 4

Sélectionnez toutes les formes de mots et augmentez le poids de trait à 4 pt.

Sélectionnez Aligner le trait sur l'intérieur, puis ajoutez un dégradé linéaire au trait. Modifiez le dégradé de sorte que les deux couleurs soient exactement les mêmes et modifiez l'opacité de l'une des couleurs sur 0%. Le dégradé doit aller de 100% (opaque) à 0% (transparent) de haut en bas..


Étape 5

Sélectionnez le remplissage et ajoutez un dégradé sombre à clair verticalement, de sorte que le trait contraste avec le remplissage et nous donne un effet de surbrillance..


Étape 6

Nous allons maintenant créer un simple effet de brillance sur chacune des lettres. Sélectionnez d'abord le groupe de lettres et appuyez sur Ctrl + C pour copier, puis sur Ctrl + F pour coller directement une fois devant, puis choisissez Clic droit> Dissocier..

Utilisez l'outil Crayon (P) pour dessiner une forme sur les lettres coupées en diagonale (comme ci-dessous)..

Sélectionnez la forme et appuyez sur Ctrl + C pour la copier. Sélectionnez une lettre, maintenez la touche Maj enfoncée et sélectionnez la forme devant. Utilisez l'intersection Pathfinder pour couper la partie excédentaire de la forme.

Répétez ceci pour chaque lettre.


Étape 7

Sélectionnez toutes les nouvelles formes créées avec Pathfinder et sélectionnez Aligner le trait avec l'intérieur. Changez l'écran de transparence en mode de fusion et, avec le trait sélectionné, cliquez sur le bouton Inverser le dégradé pour rendre le trait transparent en haut et non en bas. Avec toujours sélectionné, appuyez sur Ctrl + C pour copier puis sur Ctrl + F pour coller devant.


Étape 8

Avec l'outil de sélection directe (A), sélectionnez le nœud en haut à droite de la forme que vous venez de copier et déplacez-le légèrement vers le haut. Il est utile d'activer les guides intelligents (Ctrl + U) et la vue> Accrocher au point pour cela. Répétez cette opération pour toutes les lettres


Étape 9

Assurez-vous que toutes les formes d'effet brillant sont sélectionnées et regroupez-les (Ctrl + G)..


Étape 10

Activez l'outil Grille de perspective (Maj + P), puis utilisez l'outil de sélection de perspective (Maj + V) pour ajuster les nœuds de la grille et lui donner un aspect similaire à celui ci-dessous..


Étape 11

Nous devons maintenant mettre les lettres en perspective. L'outil Grille de perspective utilise trois grilles qui peuvent être utilisées pour créer une face gauche, une face droite et une face horizontale en un pseudo objet 3D. Chaque face peut être sélectionnée à l'aide de l'icône qui apparaît lorsque la grille de perspective est activée.

Nous devons faire passer notre mot sur l'un de ces visages. Utilisez l'outil de sélection (V) pour sélectionner tout le mot, puis choisissez l'outil de sélection de perspective (Maj + V) pour faire glisser le mot dans le coin inférieur gauche de la grille de droite. Remarquez comment le mot a été incliné dans la grille de perspective.


Étape 12

Ensuite, nous allons créer le pseudo effet 3D. Sélectionnez le mot moins l’effet de brillant groupé sur le recto, puis copiez-le et collez-le au premier plan (Ctrl + C puis Ctrl + F).

À l'aide de l'outil de sélection de perspective (Maj + V), maintenez la touche «5» enfoncée et faites glisser le mot pour le déplacer en arrière dans la perspective. Cela deviendra la face arrière du mot 3D (bien qu'il ne soit pas vu). Envoyer en arrière (Ctrl + [) jusqu'à ce qu'il soit derrière le mot d'origine.


Étape 13

Changez le trait et remplissez à une couleur pleine qui est légèrement plus sombre que la couleur de l'original.


Étape 14

Sélectionnez les deux mots (sans effet brillant) et choisissez Objet> Fusion> Créer. Ensuite, allez à Objet> Fusion> Options de fusion. Modifier l'espacement en étapes spécifiées et définir le montant à 50.


Étape 15

Double-cliquez sur le mélange pour passer en mode d'isolation, puis sélectionnez et copiez la face avant du mot (moins le brillant). Quittez ensuite le mode d'isolation et collez-le devant le groupe de formes brillantes, puis une fois en arrière (Ctrl + [). Changer le mode de fusion en lumière douce.


Étape 16

Vous pouvez répéter les étapes ci-dessus pour tout autre mot que vous souhaitez inclure dans votre composition. J'ai utilisé les mêmes méthodes avec des couleurs différentes et les ai empilées les unes sur les autres. Pour le mot cool que j'ai commencé à partir de la grille de perspective gauche.

C'est une bonne idée de mettre chaque mot sur un calque différent pour faciliter la sélection.


Étape 17

Utilisez maintenant l'outil Plume (P) pour ajouter des rehauts et des détails d'ombre supplémentaires. Cette partie dépend en grande partie de votre créativité et de la manière dont vous voulez que votre type ressemble. J'ai dessiné des formes triangulaires sur le côté gauche de chaque lettre et réglé le mode de fusion sur écran.

Ensuite, j'ai ajouté une mise en surbrillance plus petite à l'intérieur de celle-ci avec une couleur plus claire et également défini le mode de fusion sur écran.

Utilisez l’outil Plume (P) à l’aide des guides intelligents pour mettre en surbrillance chaque mot (comme ci-dessous) et réglez-le sur Superposition en mode Fusion, puis ajoutez une autre forme avec les mêmes paramètres de couleur et de transparence pour renforcer le rendu. surligner.

Vous pouvez également ajouter des ombres avec l’outil Plume (P). Utilisez une nuance plus foncée, définissez le mode de fusion sur Multiplier et diminuez l'opacité à 60% pour la rendre légèrement transparente..


Étape 18

Nous allons maintenant faire une réflexion au sol. La sélection des différentes parties peut être un peu délicate ici, il peut donc être utile d’utiliser le panneau Calques. Tout d’abord, avec l’outil de sélection directe (A), sélectionnez le mélange du mot en bas et appuyez sur Ctrl + C, Ctrl + F pour copier et coller en face. Utilisez ensuite l'outil de sélection de perspective (Maj + V) pour déplacer le fondu juste en dessous du mot..


Étape 19

Dans le panneau Calques, créez un nouveau calque et renommez-le "Réflexion", puis faites glisser le nouveau dégradé dans le calque et placez-le juste devant le calque "Arrière-plan".


Étape 20

Pour le retourner, nous utiliserons l'outil de sélection de perspective (Maj + V). Sélectionnez la face avant, maintenez la touche Alt enfoncée et faites glisser le curseur de la poignée milieu-haut vers le bas pour l'aligner sur le bas de manière à ce qu'il soit inversé (cela n'a pas besoin d'être parfait). Répétez l'opération pour la face arrière du mélange..


Étape 21

Double-cliquez sur le mélange pour passer en mode d'isolation puis, avec l'outil Sélection directe (A), sélectionnez le groupe de faces avant et inversez les dégradés sur le trait et le fond..


Étape 22

Quittez le mode d'isolation, puis sélectionnez les points saillants sur le côté du mot et regroupez-les (Ctrl + G).

Activez la grille de perspective, puis activez la grille qui correspond aux points saillants (dans mon cas, la grille de gauche), puis choisissez Clic droit> Perspective> Attacher au plan actif..

Avec l'outil de sélection de perspective (Maj + V), vous devriez maintenant pouvoir déplacer le groupe en perspective. Déplacez-le en perspective jusqu'à ce qu'il soit aligné au bon endroit sur le reflet (encore une fois, cela n'a pas besoin d'être parfait). Comme auparavant, maintenez la touche Alt enfoncée et faites glisser depuis la poignée du milieu pour inverser les points forts..


Étape 23

Suivant Groupez les points saillants sur la face avant du mot puis, comme auparavant, activez la grille correspondante (à droite) et choisissez Clic droit> Perspective> Attacher au plan actif..

Les autres points forts et le mot doivent déjà être attachés au bon plan de perspective, maintenez Shift et sélectionnez-les également..

Avec l'outil de sélection de perspective, vous devriez pouvoir les déplacer vers le bas pour les aligner avec le reflet, puis les faire glisser depuis la poignée du milieu et les retourner comme avant..


Étape 24

Les gradients de ces derniers doivent également être inversés. Double-cliquez pour entrer dans le groupe en mode d'isolation et inversez-les dans le panneau Gradient..


Étape 25

Regroupez maintenant tous les éléments de la réflexion et dans le panneau Transparence, double-cliquez sur la case située à droite de l'aperçu de la sélection pour créer un masque d'opacité..

Utilisez l'outil Rectangle (M) pour dessiner un rectangle qui va du centre de l'image à l'extérieur comme ci-dessous..


Étape 26

Ajoutez un dégradé noir à blanc et dirigez-le avec l'outil Dégradé (G) de manière à ce que le dégradé soit approximativement parallèle à l'angle du bas de la réflexion.


Étape 27

Appuyez sur Ctrl + C puis Ctrl + F et faites glisser la poignée droite-droite vers la gauche jusqu'à ce que le rectangle recouvre l'autre moitié du reflet et ajustez le dégradé de manière à ce qu'il soit parallèle au bas du reflet de ce côté..

Ensuite, dans le panneau Transparence, cliquez sur la zone d'aperçu de la sélection pour quitter l'éditeur de masque d'opacité..


Étape 28

Pour ajouter un effet brillant au sol, commencez par dessiner un rectangle. Activez la grille de perspective et redimensionnez-la pour qu'elle corresponde à la ligne d'horizon de la grille. Ajoutez un dégradé linéaire comme ci-dessous et réglez le mode de fusion sur l’écran à 20% d’opacité..


Étape 29

Copiez et collez devant, puis changez-le en dégradé radial blanc à noir et laissez l’opacité à 20% et le mode de fusion en tant qu’écran.


Étape 30

Pour finir, sélectionnez tous les éléments sauf l’arrière-plan et faites-les légèrement pivoter..


Image finale

Et vous avez terminé… ces techniques peuvent être utiles pour dessiner une perspective 3D dans d'autres styles, alors continuez à expérimenter!