Comment illustrer un chronomètre vintage dans Adobe Illustrator

Dans le didacticiel d’aujourd’hui, nous allons apprendre à créer un chronomètre vintage à l’aide de formes de base, de mélanges et de formes d’art dans Adobe Illustrator. Vous apprendrez à utiliser divers outils Illustrator. Alors, commençons!


Étape 1

Pour commencer, vous devrez créer le schéma de géométrie principal du chronomètre présenté dans le schéma ci-dessous. Nous allons créer ce plan initial à partir duquel nous pouvons ajouter des rehauts et des ombres pour le rendre moins plat. Si vous savez réaliser les grandes lignes de l’objet et de ses éléments, passez à l’étape 7. Sinon, lisez attentivement les étapes suivantes..

Les images à l'échelle des minuscules pièces du chronomètre sont présentées ci-dessous pour votre commodité. Voici un gros plan de l'un des boutons latéraux.

Et voici le bouton central en haut.


Étape 2

Sélectionnez Affichage> Règles> Afficher les règles (Commande + R). Ensuite, faites glisser les lignes de guidage depuis les règles afin de créer l’image suivante. Vous devez faire pivoter plusieurs lignes de guidage en allant dans Objet> Transformer> Rotation. Le point d'intersection des lignes de guidage pivotées sera le centre du chronomètre.

En utilisant l’outil Ellipse (L), créez un cercle rempli de gris.

Allez à Objet> Transformer> Échelle pour diminuer les dimensions du cercle, puis cliquez sur le bouton Copier dans la boîte de dialogue de mise à l'échelle et modifiez la couleur du nouveau cercle comme indiqué..

Répétez ces manipulations pour créer le cercle suivant illustré ci-dessous.


Étape 3

Avec l'outil Ellipse (L), créez une ellipse sur les cercles, comme indiqué dans le diagramme ci-dessous..

Copiez-le et collez devant (Command + C puis Command + F). Déplacer la copie vers le bas.

À l’aide de l’outil Lasso (Q), sélectionnez les points d’ancrage intérieurs des deux ellipses…

… Puis appuyez sur le bouton Supprimer de votre clavier.

Allez à Objet> Chemin> Joindre (Commande + J) deux fois pour compléter la forme.


Étape 4

Dessinez une autre ellipse (L) en haut de la forme de votre cylindre..

Et créez le chemin bleu de la même manière que vous avez créé le cylindre vert. Veillez à ce que le point d'ancrage indiqué ci-dessous soit légèrement abaissé.

Créer la partie supérieure de ce détail.


Étape 5

Utilisez à nouveau l'outil Ellipse (L) pour dessiner un cercle égal autour du bouton du haut que vous venez de créer..

Allez à Objet> Transformer> Échelle, réduisez les dimensions du cercle et cliquez sur le bouton Copier.

Sélectionnez les deux cercles et sélectionnez Objet> Chemin composé> Construire (Commande + 8) pour créer un anneau..


Étape 6

Les boutons droit et gauche peuvent être illustrés de la même manière.


Étape 7

Pour continuer à créer un chronomètre, nous devons d’abord créer des pinceaux artistiques à partir de mélanges. À l’aide de l’outil Ellipse (L), tracez un chemin elliptique allongé rempli de noir. Suivez l'image utile ci-dessous.

Copiez-le et collez devant (Command + C puis Command + F). Aller à l'objet> Transformer> mettre à l'échelle et diminuer à 50%.

Changer l'opacité de la plus grande ellipse à 0%.

Allez à Objet> Fusion> Options de fusion et définissez les valeurs dans la boîte de dialogue comme indiqué..

Sélectionnez les deux ellipses et accédez à Objet> Fusion> Création (Commande + Alt + B)..


Étape 8

Faites glisser ce mélange dans le panneau Formes, puis choisissez l’option Pinceau Art dans la boîte de dialogue ouverte..

Spécifiez les options pour le pinceau dans la deuxième boîte de dialogue. Nommez ce pinceau "pinceau noir". Changez la méthode de colorisation en Hue Shift.


Étape 9

Maintenant, sélectionnez le mélange du "pinceau noir"…

… Et relâchez-le en allant dans Objet> Mélanger> Libérer (Commande + Alt + Maj + B).

Déplacez l'ellipse interne vers la gauche (voir l'image ci-dessous)…

… Et allez à Objet> Mélanger> Créer à nouveau (Commande + Alt + B).


Étape 10

Faites glisser ce mélange dans le panneau Formes, puis choisissez l’option Pinceau Art dans la boîte de dialogue ouverte..

Spécifiez les options pour le pinceau dans la deuxième boîte de dialogue. Nommez ce pinceau "pinceau noir décalé". Changez la méthode de colorisation en Hue Shift.


Étape 11

Prenez maintenant l'outil Rectangle (M) et tracez le chemin suivant. Remplissez-le avec un dégradé linéaire avec visibilité des franges noires et blanches. Voir le schéma ci-dessous pour référence.

Puis ouvrez le panneau Nuancier…

… Ouvrez le menu déroulant en cliquant sur le bouton indiqué dans l'image ci-dessus, puis choisissez la commande Nouvelle nuance. Nommez cette nuance "dégradé métallique".


Étape 12

Sélectionnez le tracé orange du bouton droit et remplissez-le avec un dégradé linéaire en angle..

Appliquez le "dégradé métallique" au tracé jaune. Changer l'angle du dégradé comme indiqué.

Le tracé bleu doit également être rempli avec un dégradé linéaire en angle.

Le chemin noir est également rempli d'un "dégradé métallique" incliné.


Étape 13

Le bouton gauche du chronomètre est rempli de la même manière.


Étape 14

Le gros bouton central du chronomètre doit être rempli avec les dégradés linéaires habituels et avec le "dégradé métallique" où il est nécessaire.


Étape 15

Remplir le chemin marron avec un dégradé radial.

Les arrêts de couleur indiqués du dégradé sont indiqués en dessous.

Remplissez également la face du chronomètre avec un subtil dégradé radial.


Étape 16

Travaillons sur l'anneau supérieur afin de créer une image 3D à partir de cette image gris plat. Oui, vous pouvez utiliser l'effet 3D Revolve Illustrator, mais je vous conseille d'utiliser nos pinceaux Art. Voyons comment ils fonctionnent.

Au début, tracez deux cercles concentriques sur l'anneau gris à l'aide de l'outil Ellipse (L)..

Ensuite, prenez l'outil Ciseaux (C) et cliquez sur les quatre points d'ancrage qui coïncident avec la ligne de guidage horizontale indiquée ci-dessous. En d’autres termes, vous devez diviser les cercles concentriques sur les quatre chemins semi-circulaires..


Étape 17

Appliquez le "pinceau noir" sur ces quatre chemins.

Je ne vous conseille pas de laisser cette magnifique photo inchangée! Sélectionnez l'anneau gris, copiez-le et collez-le devant (Commande + C puis Commande + F).

Créez ensuite un masque de découpage à partir de cette copie en allant dans Objet> Masque de découpage> Créer (Commande + 7)..


Étape 18

Modifier la couleur de trait des chemins suivants en blanc.

Changer la couleur de trait du prochain chemin en noir.

Après cette diminution, les poids de trait des chemins.


Étape 19

Maintenant, votre image ressemble à la suivante.

Aimez-vous les dégradés de couleurs indiqués dans l'image ci-dessus? Si non (je n'aime pas), comment les réparer? Sélectionnez les quatre chemins auxquels le "pinceau noir" est appliqué, copiez-les et collez devant (Command + C puis Command + F). Faites pivoter les copies en allant dans Objet> Transformer> Rotation.

Puis changez le mode de fusion de ces nouveaux chemins en superposition et leur opacité dans le panneau Transparence…

… Et vous obtiendrez le prochain résultat encore plus beau.


Étape 20

Illustrez le chemin suivant, illustré ci-dessous, et cliquez sur ses points d’ancrage à l’aide de l’outil Ciseaux (C) pour diviser le chemin en deux..

Appliquez le "pinceau noir décalé" aux deux chemins. Recadrez-les avec le masque d'écrêtage correspondant (le même que celui utilisé ci-dessus).

Changez les couleurs de trait comme indiqué ci-dessous.

Changer les opacités et les poids de l'AVC. Vous devriez obtenir une image identique à celle illustrée ci-dessous.


Étape 21

Créez un masque d'écrêtage (Ctrl + 7) pour l'anneau illustré ci-dessous. C'est simple, alors faites le vous même.

Appliquez le "pinceau noir décalé" aux chemins suivants. Le schéma utile est ci-dessous.


Étape 22

Maintenant, faites les encoches sur le bouton du chronomètre en haut.

Dessinez au début deux chemins verticaux comme indiqué ci-dessous en rouge. (Le second chemin peut être une copie déplacée du premier).

Allez à Objet> Fusion> Options de fusion, puis choisissez les options que vous pouvez voir dans le diagramme ci-dessous..


Étape 23

Appliquez le "pinceau noir décalé" sur la ligne gauche.

Et appliquez le "pinceau noir" sur la droite.

Diminuer le poids de l'AVC.

Et recadrer les chemins avec le masque d'écrêtage correspondant.


Étape 24

À cause de la lumière qui tombe de la gauche (voir le diagramme ci-dessus), changez la couleur de trait de la ligne gauche en noir…

… Et la couleur de trait de la ligne droite au blanc. Pourquoi ne pas l'inverse? Parce qu'il faut créer du contraste dans les encoches.


Étape 25

Sélectionnez les deux chemins et sélectionnez Objet> Mélanger> Créer (Commande + Alt + B)..


Étape 26

La partie grise principale du chronomètre…

… Est illustrée absolument de la même manière que l'anneau du chronomètre. En d'autres termes, utilisez les formes d'art et les modes de fusion afin de recevoir l'image suivante.


Étape 27

Nous devrions faire la part belle aux valeurs du chronomètre. Chaque valeur signifie 1/5 de la seconde. En raison d'une minute composée de 60 secondes, nous avons besoin de 300 valeurs de course indiquées ci-dessous.

Tracez une ligne verticale noire d'environ 20 pixels de long.

Copiez-le et collez devant (Command + C puis Command + F). Déplacer la copie horizontalement en allant dans Objet> Transformer> Déplacer.

Allez à Objet> Fusion> Options de fusion, puis définissez le nombre d'étapes sur 299. Pourquoi pas 300? Parce que 299 étapes fournissent 301 lignes dans le mélange, mais lorsque nous plaçons le mélange dans le cercle, nous ne recevons que 300 lignes, car la première ligne coïncide avec la dernière..

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


Étape 28

Sélectionnez le chemin qui représente la face du chronomètre, copiez-le et collez devant (Command + C puis Command + F). Changer les deux: le poids de trait et la couleur de trait en aucun.

Prenez l'outil Ciseaux (C) et cliquez dans le point d'ancrage supérieur de ce cercle..

Sélectionnez les deux: le cercle et la fusion de 299 étapes, puis sélectionnez Objet> Fusion> Remplacer la colonne vertébrale..

Modifiez l'orientation du mélange en cliquant sur le bouton correspondant dans la boîte de dialogue Options de mélange..

Recadrer le mélange avec le masque d'écrêtage correspondant.


Étape 29

Copiez le mélange et collez-le devant (Command + C puis Command + F). Modifiez le nombre d'étapes de la copie de fusion et augmentez les tracés verticaux de la fusion ouverte dans la palette Calques en accédant à Objet> Transformation> Echelle. L'image utile est ci-dessous.

Créer un autre mélange de la même manière.


Étape 30

Sélectionnez les trois mélanges (sans le tracé de détourage correspondant), copiez-les et collez-les dans le dos (Commande + C puis Commande + B). Diminuez leur opacité à environ 30% et recadrez-les avec le nouveau masque d'écrêtage présenté. Vous devez le faire de manière à montrer le reflet des coups sur les parties métalliques du chronomètre.


Étape 31

A l'aide de l'outil Texte (T), imprimez un chiffre sur le visage..

Répétez cette action encore et encore.

Ensuite, sélectionnez Type> Créer des contours (Commande + Maj + O)..


Étape 32

En utilisant l’outil Plume (P), illustrez une flèche et remplissez-la avec un dégradé linéaire en angle..

Le boulon de la flèche est rempli d'un dégradé radial.


Étape 33

La flèche a une ombre. Pour le dessiner, copiez-le et collez-le dans le dos (Commande + C puis Commande + B). Diminuez son opacité d’environ 20% et déplacez-la légèrement comme indiqué dans le diagramme utile ci-dessous..

Le compteur de minutes est illustré de la même manière. Faites-le sans aide.


Étape 34

En utilisant le Type Tool (T) à nouveau et imprimez la phrase universellement connue de Louis XVIII, roi de France, "La ponctualité est la politesse des rois". Sélectionnez une police intéressante et merveilleuse dans la palette Caractère. Suivez votre propre sentiment de beauté.

Sélectionnez Objet> Distorsion d'enveloppe> Créer avec le Warp (Commande + Alt + Maj + W)..

Spécifiez les valeurs d'ajustement dans la boîte de dialogue afin de localiser le texte à la bonne position.


Étape 35

Allez à Objet> Développer et remplissez les lettres avec un remplissage en dégradé.


Étape 36

L'étape finale de ce didacticiel devrait être consacrée à la création d'un verre extérieur du chronomètre. Illustrer un cercle sur le chronomètre et le remplir d'un dégradé radial.

Et changez l'opacité à environ 20%.

Conclusion

L'image finale est ci-dessous. Utilisez les techniques que vous avez apprises ici dans vos propres œuvres d'art. J'espère que vous avez apprécié ce tutoriel.