Comment illustrer un téléphone rétro dans Illustrator

Ce travail est fait avec l'aide de Iaroslav Lazunov. Ce tutoriel est destiné aux utilisateurs illustrateurs intermédiaires. Vous y apprendrez comment créer un téléphone rétro réaliste, vectoriel, à l’aide de pinceaux, de fondus, de rendus 3D et d’autres outils d’Adobe Illustrator. Les compétences que vous apprendrez peuvent facilement être transférées à la création de divers objets. Alors, commençons!

Étape 1

Tout d’abord, dessinez un trapèze isocèle à l’aide de l’outil Rectangle (M) et de l’outil de sélection directe (A). Remplissez-le de rouge. Ensuite, sélectionnez Fichier> Scripts> Arrondir n’importe quel coin. Ce script peut être téléchargé ici. Ce script vous permet d'ajouter deux points d'ancrage à l'un d'entre eux afin de rendre le chemin plus lisse. Vous devez atteindre le résultat suivant. Si vous ne savez pas comment l'installer, vous pouvez voir nos scripts illustrateur post pour plus d'informations..

Faites attention à ne pas convertir tous les points d'ancrage du trapèze en lisses, car cela entraînerait une flexion des lignes du trapèze..

Ensuite, allez à Effet> 3D> Rotation et définissez-y les valeurs des angles et une perspective que vous pouvez voir sur le diagramme ci-dessous..

Étape 2

Prenez l'outil Ellipse (L) et créez un cercle. Puis copiez-le et collez-le (Commande + C puis Commande + V).

Ensuite, allez dans les options Objet> Fusion> Fusion et définissez les étapes Espacement à Spécifié et nombre d’étapes sur 8. Voir le schéma ci-dessous..

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

Comme vous le voyez, vous avez reçu les 8 cercles entre les 2 derniers. La quantité complète de cercles est de 10. Ensuite, tracez le grand cercle, puis définissez le trait et le remplissage de ce dernier sur Aucun..

Sélectionnez ce grand cercle et le mélange, puis sélectionnez Objet> Mélanger> Remplacer la spline. Cette commande distribue les objets de mélange le long du chemin nécessaire. Vous pouvez l'utiliser quand vous voulez.

Créez un cadran à l'aide de l'outil Ellipse (L) et placez-y le mélange de dix cercles..

Dessinez deux autres cercles qui sont montrés sur le diagramme. Le cercle bleu foncé doit être légèrement déplacé vers le haut, et le cercle brun (encore appelé "le cercle principal") doit être légèrement déplacé vers le bas, comme indiqué..

Étape 3

Prenez l'outil Texte (T) et imprimez tous les chiffres..

Ensuite, allez à Effet> 3D> Rotation et définissez les valeurs des angles et la perspective que vous avez définies à l'étape 1..

Appelons cette surface la surface "principale" du téléphone.

Étape 4

Vous devez maintenant créer le chemin (violet) du bas du téléphone. Faites-le en utilisant l'outil crayon (P).

Créer le prochain chemin (vert) qui représentera une cavité pour le récepteur téléphonique.

Étape 5

Créons une forme de récepteur 3D. Commencez par dessiner le chemin suivant en utilisant l'outil Rectangle (M), l'outil Ellipse (L) et en utilisant le bouton Unir du champ Pathfinder afin d'unir deux chemins différents pour créer un seul chemin à partir d'eux..

Puis créez les formes suivantes de la même manière.

Prenez l'outil Ellipse (L) et l'outil Mélange (W) et créez les chemins suivants pour les extrémités d'un récepteur. Utilisez la technique que nous avons utilisée à l'étape 2 pour créer dix cercles.

Recoloriez-les. Créez ensuite le chemin elliptique suivant, illustré dans le diagramme ci-dessous..

Prenez tous ces chemins et faites-les glisser dans la palette Symboles. Vous devez avoir trois symboles pour les extrémités d'un récepteur et pour un récepteur lui-même (chemin elliptique).

Étape 6

Sélectionnez un chemin de récepteur et allez à Effet> 3D> Extruder et biseauter. Définissez-y les valeurs suivantes (indiquées ci-dessous) afin de former un récepteur. Recouvrez maintenant cet objet 3D avec des illustrations de carte en utilisant les symboles que vous venez de créer. Voir les schémas d'aide ci-dessous.

Étape 7

Définissez l'option Géométrie invisible dans la boîte de dialogue Mapper l'illustration et adaptez-la aux symboles nécessaires aux extrémités du récepteur..

Maintenant, allez à Objet> Développer l'apparence.

Allez à Objet> Masque d'écrêtage> Libérer. Ensuite, allez à Objet> Chemin> Nettoyer et supprimez tous les éléments de la boîte de dialogue..

Créez ensuite des chemins elliptiques avec des axes situés le long des repères. Ces ellipses représenteront les frontières d'un récepteur lui-même.

Prenez l'outil Ellipse (L) et créez le tracé elliptique suivant, rempli du dégradé radial, comme indiqué..

Placez le groupe de trous pour une oreille du récepteur sur l'ellipse qui vient d'être faite. Maintenant remplissez-les de noir.

Créez une autre ellipse. Repérez-le entre le groupe de trous et la première ellipse créée à cette étape. Remplissez-le avec un dégradé linéaire allant du gris clair au gris foncé..

Copiez cette ellipse et collez-la devant (Command + C puis Command + F). Ensuite, allez à Objet> Organiser> Envoyer en arrière. Remplissez cette nouvelle ellipse avec le dégradé linéaire que vous pouvez voir sur le diagramme ci-dessous et déplacez-la de quelques pixels.

Étape 8

Créez les ellipses et remplissez-les de couleurs claires à sombres.

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

Créez un chemin sans trait et sans couleur de remplissage. Ce chemin doit toucher l'ellipse intérieure, qui a été faite plus tôt. Pour cela, sélectionnez d’abord l’ellipse (créée plus tôt), copiez-la et collez-la devant (Command + C puis Command + F). Définissez la couleur de trait et de remplissage sur Aucune pour cela. Maintenant, tracez un chemin croisé avec l’ellipse. Définissez la couleur de trait et de remplissage sur Aucune pour ce chemin également.

Ensuite, allez à la palette Pathfinder et cliquez sur le bouton Intersection.

Sélectionnez ce chemin et cette fusion, puis sélectionnez Objet> Masque de découpage> Créer (commande + 7)..

Étape 9

Créons un nouveau chemin rempli avec le dégradé linéaire. Ce chemin doit être placé sous la partie arrondie d'une extrémité du récepteur.

Créez maintenant un nouveau chemin touché par le premier qui vient d'être créé et rempli avec le dégradé radial..

Étape 10

Maintenant, vous devez faire la deuxième partie du récepteur. Créez une ellipse et remplissez-la avec un dégradé linéaire comme indiqué..

Créez maintenant le deuxième tracé elliptique et remplissez-le également avec le dégradé linéaire..

Copiez le chemin et collez-le devant (Commande + C puis Commande + F), déplacez-le et remplissez-le avec le prochain dégradé linéaire.

Créez un autre chemin et remplissez-le maintenant avec le dégradé radial.

Créez le chemin suivant rempli avec le dégradé radial. Ce chemin doit toucher le précédent. Il est pointé par une flèche sur le diagramme.

Créez l'ellipse suivante au centre de l'extrémité du récepteur et remplissez-la avec le dégradé linéaire.

Puis placez les trous noirs dedans.

Créez le chemin suivant situé sous l'extrémité du récepteur et remplissez-le avec le dégradé linéaire.

Étape 11

Tracez le chemin pour la partie interne du récepteur. Remplissez-le avec le dégradé linéaire.

Copiez le chemin et collez-le devant (Command + C puis Command + F). Remplissez-le avec le dégradé linéaire. Ensuite, allez dans la palette Transparence et définissez le mode Fusion par superposition pour créer la distribution complexe de la lumière sur le récepteur..

Prenez l'outil Ellipse (L) et créez une ellipse remplie de noir. Ensuite, faites-le glisser et déposez-le dans la palette Formes. Sélectionnez l'option Pinceau Art dans la boîte de dialogue.

Définissez les éléments de la brosse comme vous pouvez les voir sur le diagramme ci-dessous.

Maintenant, tracez le cercle sur la partie supérieure du récepteur.

Définissez la couleur de remplissage sur Aucune. Prenez l'outil Ciseaux (C) et cliquez sur les points du chemin circulaire indiqués ci-dessous pour diviser le chemin..

Supprimez maintenant la plus grande partie du cercle.

Accédez à la palette Formes et cliquez sur la forme elliptique que vous venez de créer. Ensuite, allez à Objet> Développer l'apparence.

Remplissez ce tracé avec un dégradé radial allant du blanc au noir et allant de 100% à 0% d'opacité en conséquence.

Tracez un autre chemin dans la partie inférieure du récepteur et remplissez-le avec le dégradé linéaire..

Maintenant, supprimez (ou rendez invisible) le récepteur du modèle 3D.

Étape 12

Prendre une cabine téléphonique.

Et recolorez-en tous les chemins aux couleurs habituelles et aux dégradés. Pour ce faire, vous devez d'abord développer tous les chemins nécessaires. Aller à l'objet> Développer l'apparence pour cela.

Les chemins remplis avec les gradients linéaires sont montrés sur les schémas ci-dessous.

Les chemins remplis avec les gradients radiaux sont indiqués par l’un d’eux sur la photo suivante.

Tous les autres chemins sont remplis de couleurs habituelles.

Étape 13

Sur le dessus de la cabine téléphonique, tracez le chemin suivant, rempli du dégradé linéaire..

Dans la cavité du récepteur, tracez le chemin suivant, qui peut être créé en mettant à l’échelle la copie de la cavité du récepteur. Remplissez-le avec le dégradé linéaire.

Créez le chemin suivant rempli d'une couleur sombre.

Étape 14

Prenez l'outil Rectangle (M) et tracez un rectangle rempli d'une couleur gris foncé. Il doit être situé sous la surface "principale" du téléphone..

Copiez le rectangle et collez-le devant (Command + C puis Command + F). Ensuite, allez à Objet> Transformation> Cisaillement et déplacez le chemin résultant afin de toucher le premier rectangle. Remplir le deuxième rectangle cisaillé avec le dégradé linéaire.

Créez le troisième rectangle de la même manière.

Prenez l'outil Plume (P) et créez le chemin unissant les trois rectangles. Allez à Objet> Organiser> Envoyer en arrière et remplissez-le d'une couleur gris clair.

Étape 15

Créer la deuxième partie du levier d'un téléphone.

Étape 16

Nous devons maintenant créer le pinceau d'art. Commencez par créer les deux chemins suivants.

Puis diminuez l'opacité du plus grand chemin.

Ensuite, allez à Objet> Mélanger> Créer. Ce mélange doit être coloré en douceur.

Ensuite, faites glisser ce mélange dans la palette Formes et déposez-le là. Sélectionnez le type de pinceau dans la fenêtre Options..

Définissez les options du pinceau comme indiqué.

En outre, nous devrions nommer de tels pinceaux les pinceaux "Blend" ou "Blend Art". Une telle désignation montrera que les pinceaux sont fabriqués à partir de mélanges. Prenez l'outil Crayon (P) et tracez le chemin suivant sur la surface principale du téléphone..

Ensuite, allez dans la palette Pinceaux et cliquez sur le pinceau qui vient d'être créé pour créer un point lumineux..

Étape 17

Créons le deuxième pinceau de mélange. Tout d’abord, créez le mélange suivant à partir des chemins elliptiques.

Maintenant, faites glisser ce mélange dans la palette Formes et déposez-le là. Sélectionnez le type de pinceau dans la fenêtre Options. Définissez les options du pinceau. Prenez l'outil Crayon (P) et tracez le chemin suivant sur la surface "principale" du téléphone. Ensuite, allez dans la palette Pinceaux et cliquez sur le pinceau qui vient d'être créé.

Étape 18

Maintenant, créez le prochain chemin disjoint avec le cercle "principal" du téléphone et remplissez-le avec le dégradé linéaire.

Remplissez également le chemin suivant avec le dégradé linéaire.

Créez le tracé sur le cercle "principal" et remplissez-le avec le dégradé linéaire.

Créez à nouveau un nouveau tracé et remplissez-le également avec le dégradé linéaire..

Les résultats devraient ressembler à ce qui suit.

Étape 19

Créez le chemin suivant rempli avec le dégradé radial. Il doit être placé sous le disque du téléphone (avec 10 trous).

Créez le chemin suivant au centre du téléphone. Remplissez-le avec le dégradé linéaire.

Maintenant, créez un autre chemin rempli avec le dégradé linéaire.

Après cela, créez un nouveau chemin rempli avec le dégradé radial.

Étape 20

Tracez le chemin rempli du gradient radial dans la cavité réceptrice du téléphone.

Dessinez le chemin suivant dans la partie supérieure du chemin que vous venez de créer et remplissez-le avec le dégradé linéaire.

Les résultats devraient ressembler à l'image ci-dessous.

Étape 21

Tracez le chemin au centre du disque du téléphone et remplissez-le avec le dégradé linéaire.

Étape 22

Dessinez le levier sur le disque du téléphone (avec des chiffres) et remplissez-le avec le dégradé linéaire. Voir le schéma ci-dessous.

Créez ensuite un chemin sur le côté gauche du levier et remplissez-le de couleur grise..

Étape 23

Créez le prochain Blend Art Brush comme vous l'avez fait précédemment. Le schéma d'aide est ci-dessous.

Illustrez le chemin suivant sous la surface "principale" et appliquez le pinceau dessus.

Étape 24

Créez le pinceau d'art Blend suivant comme vous l'avez fait auparavant. Les diagrammes d'aide sont ci-dessous.

Illustrer le chemin suivant sous la surface "principale" et y appliquer le pinceau.

Étape 25

Illustrer le prochain mélange en créant les chemins illustrés dans les schémas ci-dessous.

Après cela, les résultats devraient ressembler à ceci:

Étape 26

Créons un chemin de câble composé de deux parties différentes: la rouge et la verte (les couleurs des parties sont définies sur Aucune, mais elles ne sont affichées que pour votre commodité et n'ont aucune autre pertinence dans le travail). Veillez à ce que la partie supérieure se trouve sous le téléphone, tandis que la partie inférieure se trouve au niveau du récepteur..

Créez deux chemins sur l’une des parties du cordon comme indiqué..

Sélectionnez ces deux chemins et la partie du chemin du cordon, puis sélectionnez Objet> Mélanger> Créer. Choisissez Objet> Fusion> Options de fusion. Définissez-y les étapes Spacing to Specified et le nombre d’étapes correspondant au nombre souhaité. L'orientation doit être définie sur Aligner sur la page. Les résultats devraient ressembler à ceci:

Augmentez le nombre d'étapes dans la boîte de dialogue Options de mélange afin de recevoir la géométrie du cordon torsadé.

Répétez cette opération sur la partie supérieure du chemin du cordon.

Maintenant, sélectionnez deux mélanges et allez à Objet> Développer deux fois. Ensuite, allez à Objet> Dissocier. Vous recevrez les mélanges faits à partir des chemins composés. Maintenant, sélectionnez le chemin composé final situé à la fin de la partie de cordon et remplissez-le avec le dégradé radial.

Deuxièmement, prenez un autre chemin composé et remplissez-le également avec le dégradé radial. Faites attention au déplacement du spot lumineux (indiqué par la flèche).

Les résultats devraient ressembler à ce qui suit.

Attachez le cordon au récepteur en créant le chemin suivant et en le remplissant avec un dégradé radial.

Étape 27

Maintenant, illustrez le chemin indiqué dans la figure ci-dessous. Remplissez-le de noir. Ce chemin doit pointer vers la partie supérieure du récepteur.

Copiez-le et collez-le devant (Command + C puis Command + F). Déplacer la copie et la remplir avec un dégradé linéaire.

Prenez l'outil Texte (T) et écrivez le texte "Contactez-nous" au centre du chemin..

Étape 28

Crée l'ombre du récepteur. Commencez par créer les chemins suivants: le plus grand est rempli de gris, le plus petit est rempli de noir (le récepteur est invisible sur les diagrammes suivants).

Définissez l'opacité sur le plus grand chemin sur 0%. Et sélectionnez Objet> Mélange> Créer (définissez l’espacement sur Couleur lisse)..

Étape 29

Créez l'ombre de la partie inférieure du récepteur de la même manière.

Créez l'ombre de la partie supérieure du récepteur de la même manière.

Étape 30

Créer l'ombre du téléphone lui-même.

Sélectionnez ensuite le cordon (sans le chemin attaché au récepteur), copiez-le et collez-le devant (Command + C puis Command + F). Maintenant, allez à Objet> Développer.

Ensuite, allez à la palette Pathfinder et cliquez là sur le bouton Unite.

Vous devriez avoir les résultats suivants:

Maintenant, allez à Object> Compound Path> Release. Et ensuite, allez à nouveau dans la palette Pathfinder et cliquez sur le bouton Unir..

Remplissez-le avec le dégradé linéaire allant du gris clair au gris foncé. Diminuer la valeur d'opacité pour la couleur gris clair.

Aller à l'objet> Organiser> Envoyer en arrière.

Conclusion

Vous venez de faire un téléphone rétro. J'espère que vous avez apprécié ce tutoriel.