Comment illustrer un signe de courrier électronique 3D

Ce travail est un projet commun avec Iaroslav Lazunov et Oleksandr Iegupov. Ce tutoriel est destiné aux utilisateurs Illustrator intermédiaires. Nous utiliserons la modélisation 3D, les dégradés, les modes de fusion, les dégradés, les maillages de dégradés pour créer l'image. Commençons!


Étape 1

Prenez l'outil Texte (T), cliquez sur le panneau Caractère, définissez la famille de polices sur Arial et le style de police sur Gras, puis créez le signe de l'e-mail..

Ensuite, accédez à Type> Créer des contours (Commande + Maj + O), utilisez l'outil Stylo (P), supprimez les points d'ancrage superstitieux et convertissez le signe de messagerie en chemin suivant à l'aide de l'outil Sélection directe (A). Voir le diagramme où le chemin transparent vert est le signe de l'e-mail d'origine et le chemin gris sélectionné est ce qu'il vous faut après la conversion..


Étape 2

Maintenant, allez à Effet> 3D> Extrusion et biseautage et définissez les valeurs suivantes que vous pouvez voir sur le diagramme ci-dessous.

Faites attention à l'angle de la perspective et du style de rendu défini sur "Pas d'ombrage". Ce style de rendu est nécessaire pour réduire la quantité de surfaces après avoir développé un objet 3D..


Étape 3

Allez à Objet> Développer l'apparence, puis à Objet> Dissocier.

Recolorez maintenant toutes les parties de l'objet 3D afin de les rendre plus visibles. Voir la palette Calques ci-dessous.


Étape 4

Prenez l'outil de sélection (V) et sélectionnez les groupes suivants, comme indiqué.

Ensuite, allez à la palette Pathfinder et cliquez sur le bouton Unir. Et vous recevrez un chemin de deux groupes.


Étape 5

Réunissez également les groupes suivants par paires.

Après cela, vous devez avoir 7 chemins et 1 groupe. Voir la palette des calques comme indiqué.


Étape 6

Sélectionnez le tracé indiqué dans la figure ci-dessous et remplissez-le avec le dégradé linéaire de gris et de noir en couleurs. Faites attention à la tache lumineuse au bas de l'objet 3D.

Sélectionnez le chemin suivant et remplissez-le d'une couleur gris foncé. Presque tout le chemin est invisible. La partie visible est représentée par une flèche dans la figure ci-dessous..

Sélectionnez le chemin suivant et remplissez-le avec le dégradé linéaire.

Maintenant, sélectionnez le chemin suivant et remplissez-le avec une couleur gris foncé. La couleur du remplissage doit coïncider avec la couleur correspondante de la partie du chemin qui vient d'être remplie avec le dégradé.

Remplissez le chemin suivant avec un dégradé linéaire. Faites attention à la tache lumineuse.

Sélectionnez le chemin suivant et remplissez-le avec le dégradé linéaire.


Étape 7

Sélectionnez la surface latérale de l'objet 3D et remplissez-la avec le dégradé linéaire angulaire.

Maintenant, allez à Objet> Développer et développez ce dégradé en remplissant le filet de dégradé. Voir le schéma ci-dessous pour référence.

Maintenant, allez à Objet> Dissocier. Et vous recevrez le groupe de chemins de maillage et de découpage qui limite le maillage aux limites de la surface latérale de l'objet 3D.


Étape 8

Prenez l’outil Maillage (U), sélectionnez et faites glisser les points d’ancrage du maillage afin de convertir le remplissage du dégradé en analogue du remplissage conique du dégradé. Une façon de le créer est de réduire l’espace entre les points d’ancrage de gauche du maillage..

Cliquez au centre du maillage avec l'outil Maillage (U) sélectionné. Vous aurez alors une nouvelle ligne de maillage. Créez maintenant un point lumineux en sélectionnant le point d'ancrage central (indiqué par une flèche dans le diagramme) et définissez la couleur blanche correspondante..


Étape 9

Sélectionnez le tracé de détourage dans le groupe de maillage et le tracé de détourage, copiez-le et collez-le devant (Command + C puis Command + F).

Remplissez ce chemin avec un remplissage dégradé radial.

Allez maintenant dans la palette Transparence et définissez le mode de fusion sur Superposition..


Étape 10

Sélectionnez le signe bleu "@" avec l'outil de sélection (V). Copiez-le et collez-le devant (Command + C puis Command + F). Maintenant, allez à Objet> Chemin> Chemin décalé. Définissez dans la boîte de dialogue les valeurs suivantes pour les éléments qui sont montrés sur la figure ci-dessous.

Déplacer le chemin de décalage afin de créer des analogues de biseaux de l'objet 3D.


Étape 11

Prenez l'outil Segment de ligne (\) et créez la ligne, comme illustré dans la figure ci-dessous (le chemin de décalage qui vient d'être créé est invisible sur le diagramme et situé sur le chemin visible bleu). Cette ligne doit croiser le signe bleu "@".

Maintenant, prenez l'outil Plume (P) et créez une ligne en spirale située au milieu du signe bleu "@"..

Sélectionnez ces lignes avec l'outil de sélection (V) et définissez leur contour sur Aucune. Maintenant, sélectionnez ces lignes et le signe "@" lui-même et accédez à la palette Pathfinder. Cliquez ici sur le bouton Diviser. Et vous aurez trois chemins différents après cela.


Étape 12

Sélectionnez le chemin suivant qui représente un biseau et remplissez-le avec le remplissage dégradé vertical linéaire.

Sélectionnez le chemin suivant qui représente un autre biseau et remplissez-le également avec le remplissage dégradé vertical.


Étape 13

Sélectionnez la lettre "a" et remplissez-la avec le dégradé vertical linéaire.

Maintenant, allez à Objet> Développer et développez ce dégradé en filet de dégradé. Ensuite, allez à Objet> Dissocier. Cette commande vous permet de convertir un dégradé en maillage, qui aura des points d’ancrage de la même couleur que les arrêts du dégradé..

Accédez à la palette Calques et supprimez le maillage intérieur du groupe de maillage en dégradé..


Étape 14

Sélectionnez le maillage extérieur dans le groupe de maillage du dégradé dans la palette Calques, prenez l'outil Maillage (U) et cliquez sur les bordures du maillage du dégradé pour ajouter des points d'ancrage et des lignes de maillage. Sélectionnez ensuite les points d’ancrage du maillage avec l’outil Maillage (U) et définissez les couleurs comme vous le souhaitez. Vous devez recevoir la photo suivante d'ombres et de lumières.


Étape 15

Sélectionnez le chemin composé bleu supérieur et remplissez-le avec le dégradé vertical.

Maintenant, allez à Objet> Développer et développez ce dégradé en filet de dégradé. Ensuite, allez à Objet> Dissocier. Accédez à la palette Calques et supprimez le maillage intérieur du groupe de maillage en dégradé..


Étape 16

Sélectionnez le maillage extérieur dans le groupe de maillage en dégradé de la palette Calques, utilisez l'outil Maillage (U) et ajoutez des points d'ancrage et des lignes de maillage. Recoloriez et déplacez-le afin de recevoir l'image suivante.


Étape 17

Prenez l'outil Ellipse (L), tracez deux ellipses sur le dos de la surface latérale de l'objet 3D et accédez à Objet> Transformer> Faire pivoter pour plier ces ellipses..

Sélectionnez Objet> Fusion> Options de fusion et définissez la valeur Espacement sur Couleur lisse..

Définissez l'opacité de la plus grande ellipse sur 0. Ensuite, sélectionnez Objet> Mélanger> Créer (Commande + Alt + B)..


Étape 18

Créez deux autres mélanges sur la surface latérale que vous pouvez voir dans l'image ci-dessous.

Sélectionnez la surface latérale, copiez-la et collez-la devant (Command + C puis Command + F). Définissez pour ce chemin à la fois: la couleur de trait et la couleur de remplissage sur Aucune.

Maintenant, sélectionnez simultanément les trois mélanges et ce chemin à l'aide de l'outil de sélection (V)..

Et allez dans Objet> Masque d'écrêtage> Construire (Commande + 7).


Étape 19

Prenez l'outil Ellipse (L) et créez deux ellipses dans la partie interne de l'objet 3D au-dessus de la lettre "a"..

Définissez l'opacité de la plus grande ellipse sur 0.

Maintenant, allez à Objet> Mélanger> Créer (Commande + Alt + B).


Étape 20

Créer le prochain mélange au-dessus de celui-ci.

Et puis créez le troisième mélange sous le premier.


Étape 21

Créons maintenant une ombre à partir de l'objet 3D. Prenez l'outil crayon (P) et tracez les deux chemins suivants.

Définissez l'opacité du plus grand chemin sur 0.

Maintenant, allez à Objet> Mélanger> Créer et déplacer l'ombre sous l'objet 3D. Échelle là pour représenter la beauté.


Conclusion

Donc, vous venez de faire un signe @ @ en 3D. J'espère que vous avez apprécié ce tutoriel et que vous avez bien complété toutes les parties..