Comment vectoriser un thermomètre à esprit dans Adobe Illustrator

Dans le didacticiel d'aujourd'hui, nous allons créer un thermomètre à esprit à l'aide d'une esquisse géométrique, remplie de dégradés et à l'aide de formes artistiques personnalisées dans Adobe Illustrator. Avec quelques touches de finition avec l'outil Texte et le filet de dégradé, vous pouvez également créer cette illustration détaillée. Alors commençons!


Étape 1

Pour commencer, vous devrez créer l'esquisse géométrique principale du thermomètre, illustrée dans le diagramme ci-dessous..

Les images à l'échelle de ce croquis sont présentées ci-dessous pour votre commodité..

Cette esquisse est plate car elle n’a aucune de la répartition de la lumière. Si vous savez réaliser les grandes lignes de l’objet et de ses éléments, passez à l’étape 12. Sinon, lisez attentivement les étapes suivantes..


Étape 2

Nous allons commencer par créer le bulbe d’esprit au bas de notre thermomètre. À l’aide de l’outil Rectangle arrondi, tracez un tracé vertical dépourvu de contour et de remplissage rouge..

Avec l’outil Lasso (Q), sélectionnez les deux points d’ancrage inférieurs.

Allez à Objet> Transformer> Échelle et définissez toutes les valeurs à zéro dans la boîte de dialogue ouverte..

Avec l'outil Crayon (P), supprimez l'un des points d'ancrage les plus bas.

Après cela, sélectionnez le point d'ancrage le plus bas à l'aide de l'outil de sélection directe (A), convertissez-le en lissage et modifiez la forme du tracé comme indiqué ci-dessous..


Étape 3

Copiez ce chemin et Coller devant (Commande + C puis Commande + F). Allez à Objet> Transformer> Echelle et changez la valeur horizontale de la mise à l'échelle comme indiqué.

Déplacez-le de quelques pixels vers la gauche.


Étape 4

Copiez le chemin initial et collez à nouveau devant (Command + C puis Command + F). Sélectionnez les deux…

… Puis accédez au panneau Pathfinder, puis cliquez sur le panneau Moins avant..

Allez à Objet> Dissocier et remplissez les chemins avec des couleurs différentes, comme indiqué dans le diagramme ci-dessous..


Étape 5

À l’aide de l’outil Rectangle (M), tracez un chemin rectangulaire sur les chemins arrondis qui viennent d’être illustrés. Remplissez-le de gris.

Sélectionnez Affichage> Règles> Afficher les règles (Commande + R). Ensuite, faites glisser la règle verticale et déposez-la au centre des tracés afin de créer une ligne de repère. Verrouiller la ligne de repère dans le panneau Calques.


Étape 6

A l'aide de l'outil crayon (P), dessinez la partie gauche du corps principal du thermomètre.

Voir les images utiles ci-dessous où les deuxième et troisième images sont les images à l'échelle. Comme vous pouvez le constater, le premier et le dernier point d'ancrage du chemin doivent se situer sur la ligne de guidage.


Étape 7

Allez à Objet> Transformer> Refléter, puis cliquez sur le bouton Copier dans la boîte de dialogue ci-dessous..

Déplacez la copie vers la droite pour que les points se rejoignent au niveau du guide..


Étape 8

Pour connecter les chemins, sélectionnez les deux lignes…

… Et allez à Objet> Chemin> Rejoindre (Commande + J). Puis permuter le remplissage et le contour (Maj + X).


Étape 9

Tracez le chemin marron qui représentera un panneau indicateur, comme indiqué dans les schémas ci-dessous. Veillez à ce que le côté droit du panneau soit soulevé, car nous ferons pivoter le thermomètre après avoir créé le dessin de la géométrie principale..

Sélectionnez le chemin bleu foncé, copiez-le et collez-le devant (Commande + C puis Commande + F).

Sélectionnez ensuite les deux: la copie du tracé bleu foncé et du tracé marron, puis accédez au panneau Pathfinder et cliquez sur le bouton Intersection..


Étape 10

Tracez une ligne verte verticale - un tube pour l'esprit. Augmenter le poids si nécessaire.

Accédez à la palette Trait et changez le capuchon du chemin en capuchon rond..


Étape 11

Allez à Objet> Développer, puis à Objet> Dissocier. Déplacez le tracé de quelques pixels vers la gauche, car vous devez garder à l’esprit que notre thermomètre subira une rotation après la création. Par conséquent, vous devez vous rappeler de l’angle de vue. Voir l'image ci-dessous pour référence.

Dessine le chemin vertical rouge qui représentera l'esprit dans le tube.

Faites pivoter tous les chemins du thermomètre en allant dans Objet> Transformer> Rotation. Votre esquisse géométrique principale sera complétée..


Étape 12

Afin de continuer à créer un modèle de thermomètre, nous devrons créer des brosses artistiques pour l’ombrage. À l’aide de l’outil Ellipse (L), tracez un chemin elliptique allongé rempli de noir..

Copiez-le et collez devant (Command + C puis Command + F). Allez à Objet> Transformer> Mettre à l'échelle et diminuez la copie de l'ellipse deux fois plus petite. En d'autres termes, définissez le pourcentage sur 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 13

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 14

Créer un autre pinceau d'art. À l’aide de l’outil Ellipse (L), tracez un chemin elliptique allongé rempli de rouge..

Faites glisser et déposez cette ellipse dans le panneau Pinceaux et choisissez également l'option Pinceau Art dans la boîte de dialogue ouverte. Puis changez la méthode de colorisation de cette couleur en Changement de teinte afin de mieux gérer les couleurs du pinceau. Nommez ce pinceau "Art brush 1."


Étape 15

Remplissez le chemin bleu foncé avec un dégradé linéaire en angle. Voir l'image ci-dessous comme référence.

Cette partie principale du thermomètre en verre. C'est pourquoi nous devrons réduire l'opacité à 15%.

Remplir le panneau indicateur du thermomètre avec un jaune clair.


Étape 16

Le tube à alcool vert doit être rempli avec un gradient linéaire coudé et son opacité doit également être réduite.

Changez ensuite l'opacité de la voie spirituelle, car elle est aussi semi-transparente.


Étape 17

Sélectionnez le chemin rouge d'extrémité qui représente un réservoir d'esprit, puis sélectionnez Objet> Créer un filet de dégradé. Définissez les valeurs que vous pouvez voir dans l'image ci-dessous.

À l’aide de l’outil Maillage (U), modifiez les couleurs des nœuds du maillage en les sélectionnant, puis en choisissant les teintes appropriées..


Étape 18

Les chemins orange et violet sur le réservoir d'esprit sont les points lumineux. Ils devraient être illustrés en les remplissant de blanc au début.

Changez ensuite le mode de fusion en superposition pour ces deux chemins dans le panneau Transparence..

… Et diminuer les opacités des chemins.


Étape 19

Le détail de la connexion est rempli avec un dégradé linéaire angulaire habituel.


Étape 20

Le panneau indicateur du thermomètre laisse tomber une ombre. Pour illustrer cela, avec l'outil Plume (P), tracez le chemin indiqué ci-dessous et appliquez-lui le "pinceau noir" avec la couleur de trait grise..

Changer le poids de trait et l'opacité du chemin.

Recadrez ce chemin en utilisant le masque de découpage correspondant, en allant dans Objet> Masque de découpage> Créer (Commande + 7)..

Appliquez le "pinceau noir" sur le tracé suivant et recadrez-le également avec le masque d'écrêtage..


Étape 21

Insistez sur le bord du thermomètre en utilisant à nouveau le "pinceau noir" appliqué au tracé indiqué..

Appliquez ensuite le "pinceau noir" avec les deux couleurs: blanc et gris. Appliquez des couleurs de trait sur les tracés indiqués ci-dessous afin de représenter la distribution de la lumière sur le verre du thermomètre. Recadrer les chemins avec un masque d'écrêtage (commande + 7).


Étape 22

A l’aide de l’outil crayon (P), tracez un trait indiqué ci-dessous sur le panneau de l’indicateur..

Copiez-le et collez dans le dos (Commande + C puis Commande + B). Déplacer la copie en haut du panneau des indicateurs.

Créez le mélange à partir de ces deux chemins. Voir l'image ci-dessous.

Créez un autre mélange de la même manière. Ces nouveaux traits doivent être situés entre les traits du premier mélange.


Étape 23

Sélectionnez le premier mélange…

… Allez à Objet> Développer, puis cliquez sur le bouton OK.

Ouvrez ensuite le second fondu dans le panneau Calques et modifiez les deux chemins afin de réduire les poids de trait et leurs couleurs de trait..

Changer les poids de trait et les couleurs de trait des autres chemins indiqués ci-dessous de la même manière.


Étape 24

À l'aide de l'outil Texte (T), ajoutez les nombres de degrés au thermomètre. Modifiez ensuite les valeurs indiquées (avec les flèches rouges) dans le panneau Caractère, faites pivoter les chiffres à l'aide de l'outil Rotation (R), puis modifiez les contours fusionnés du panneau indicateur du thermomètre (indiqué par une flèche verte) afin d'éviter leurs coïncidences. avec les chiffres.


Étape 25

Ajoutez d'autres numéros. Placez-les dans les bonnes positions du panneau des indicateurs, Objet> Développez-les comme vous l'avez fait précédemment dans ce didacticiel, et modifiez la couleur de remplissage en gris..


Étape 26

Augmentez ensuite les poids de trait des chemins sélectionnés dans l'image ci-dessous. Changer les couleurs du gris foncé au gris clair.

Les chiffres sont situés sous le verre du thermomètre. Pour obtenir cet effet, copiez le panneau des indicateurs et collez devant (commande + C puis commande + F), remplissez-le avec un dégradé linéaire coudé visible dans le diagramme..

Puis changez le mode de fusion et son opacité dans le panneau Transparence..


Étape 27

Le verre a généralement des taches claires. Pour recréer cela, tracez les chemins suivants et appliquez le "Pinceau 1" à chacun d'eux. Puis changez leurs opacités et changez la couleur en blanc. Suivez l'image ci-dessous.

Illustrez le reflet de l’esprit sur le panneau indicateur en utilisant également le "pinceau 1". Cette réflexion est à peine vue mais elle doit aussi être illustrée.


Étape 28

Nous devons insister sur la fin du tube à esprit. Faites-le en utilisant le "pinceau noir".

Répétez ces manipulations avec le chemin suivant indiqué ci-dessous.

Et faire la même chose sur les détails de connexion.


Étape 29

Copiez le tube à esprit et Collez devant (Command + C puis Command + F). Remplissez-le avec un dégradé linéaire en angle allant du gris au blanc et de 0% à 100% en opacité. Vous devez le faire car la partie avant du tube à alcool est trop vitreuse.

Copiez également la partie principale du thermomètre et Collez devant (Command + C puis Command + F). Inversez le dégradé de celui-ci (car tout thermomètre est un objet arrondi si vous voulez le voir du bout) en cliquant sur le bouton correspondant dans la palette Dégradé et diminuez l'opacité du tracé..


Étape 30

Copiez le tube à esprit et Collez devant (Command + C puis Command + F) à nouveau. Nommez cette copie "Tube". Remplissez-le avec un dégradé linéaire incliné montré.

Ensuite, à l’aide de l’outil Crayon (P), tracez un tracé qui représentera une réflexion des petits traits du panneau indicateur sur le tube à alcool. Créez un assemblage comme vous l'avez déjà fait dans ce didacticiel à partir des tracés afin d'illustrer les reflets de tous les traits sur le tube à esprit..

Diminuer l'opacité du mélange. Remplacez les majuscules des tracés de la palette Fondu par des majuscules arrondies dans la palette Trait.

Sélectionnez les deux: ce mélange et le "Tube"…

… Allez dans le panneau Transparence, ouvrez le menu déroulant et choisissez la commande Créer un masque d'opacité.


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.