Concevoir une icône de haut-parleur audio vectoriel dans Illustrator

Dans ce didacticiel intermédiaire, je vais vous montrer comment créer une icône de haut-parleur vectoriel. Lorsque vous décomposez les éléments, vous le trouverez assez facilement. Nous allons utiliser des ellipses avec des dégradés, l'outil Grille et l'outil Maillage pour créer cette conception d'icône..


Étape 1

Créez un nouveau document de 8,5 pouces de largeur sur 11 pouces de hauteur. Ensuite, utilisez l'outil Ellipse (L) et créez une ellipse de 6 pouces par 6 pouces..


Étape 2

Avec l'ellipse sélectionnée, créez un dégradé linéaire à partir du panneau de dégradé. Ajoutez une autre nuance au curseur de dégradé en cliquant juste en dessous du curseur. Remplacez le premier échantillon par un noir de 57%, le deuxième par un noir de 12% et le troisième par un noir de 57%..


Étape 3

Avec l'outil Dégradé (G), ajustez le dégradé en cliquant et en maintenant la touche Maj enfoncée, puis faites-le glisser du coin supérieur droit du cercle au coin inférieur gauche. Maintenant, le dégradé doit ressembler à un angle de 45 degrés.


Étape 4

Avec l'ellipse sélectionnée, allez à Objet> Chemin> Chemin de décalage pour afficher le dialogue de décalage. Changer le décalage en -.125 pouces.


Étape 5

Remplacez le premier échantillon de l'ellipse excentrée par 50% de noir, le deuxième échantillon par 4% de noir et le dernier échantillon par 50% de noir..


Étape 6

Avec la plus petite ellipse sélectionnée, décalez à nouveau le chemin. Cette fois, réglez le décalage sur -3 pouces et modifiez le remplissage en noir à 60%..


Étape 7

Avec la plus petite ellipse sélectionnée, décalez encore le chemin. Cette fois, changez le décalage en -.125 pouces.


Étape 8

Avec la nouvelle ellipse, créez un dégradé radial à partir du panneau de dégradé et remplacez le premier échantillon en blanc et le second en 100% noir..


Étape 9

Avec l’ellipse à dégradé radial sélectionnée, décaler le tracé à -3 pouces et modifier la couleur de remplissage en noir à 50%..


Étape 10

Décalez à nouveau la dernière ellipse, mais cette fois, réglez le décalage sur -0,05 cm et la couleur de remplissage sur 90% noir..


Étape 11

Encore une fois, décaler la dernière ellipse, mais définissez le décalage sur -.125..


Étape 12

Créez un dégradé linéaire à trois échantillons, comme les premières ellipses. Remplacez le premier échantillon par un noir de 82%, le deuxième par un noir de 34% et le dernier par un noir de 82%. Comme le premier couple de dégradés linéaires, ajustez le dégradé à un angle de 45 degrés.


Étape 13

Avec l'outil Grille rectangulaire (situé sous l'outil Segment de ligne dans le panneau Outils), cliquez sur la planche de travail pour ouvrir la boîte de dialogue Options de l'outil Grille rectangulaire. Dans la boîte de dialogue, modifiez la largeur et la hauteur à 5 pouces et les séparateurs horizontaux et verticaux à 80.


Étape 14

Assurez-vous que la grille a un trait noir de 1 point sans remplissage. Puis développez les traits de la grille en allant dans Objet> Chemin> Contour du contour. Si vous ne décrivez pas les contours de la grille, vous obtiendrez des résultats inattendus lorsque vous passerez à l'étape suivante..


Étape 15

Une fois votre grille sélectionnée, accédez à Effets> Déformation> Twist pour afficher la boîte de dialogue Option de déformation. Modifiez l'effet Bend for Twist sur 50. Ensuite, développez l'apparence de l'effet en allant dans Objet> Développer..


Étape 16

Placez la grille de sorte qu'elle soit centrée sur les ellipses. Copiez (Commande + C) l’avant-dernière ellipse (celle remplie à 90% de noir) et collez-la devant (Commande + F). Sélectionnez l'ellipse copiée et la grille, puis appuyez sur les zones de forme d'intersection dans le panneau Pathfinder. Terminez-le en appuyant sur le bouton Développer du panneau..


Étape 17

Sélectionnez l'ellipse juste en dessous de la grille (il serait peut-être plus facile de sélectionner l'ellipse en verrouillant (commande + 2) l'objet de la grille. Décalez ensuite le tracé de -1,25 pouces. Amenez l'ellipse au premier plan et modifiez le dégradé Définissez le premier échantillon sur un noir à 50% et le second sur un noir à 4%. Ajustez le dégradé de sorte que la couleur la plus sombre se trouve en haut du dégradé.


Étape 18

Avec l'ellipse toujours sélectionnée, décaler le chemin -115 pouces et changer son remplissage en noir à 30%.


Étape 19

Avec l'outil Maillage (U), cliquez à mi-chemin entre le haut et le centre de l'ellipse, ce qui crée un point de maillage. Avec le point de maillage toujours sélectionné, changez la couleur du panneau de couleur en blanc. Ensuite, utilisez à nouveau l'outil Maillage pour créer un Point de maillage en cliquant sur la ligne verticale du premier Point de maillage vers le bas de l'ellipse. Changer ce point de maillage en noir 40%.


Étape 20

Sélectionnez l'ellipse sous l'ellipse du maillage, puis Copiez (Commande + C) et collez-la devant (Commande + F). À l'aide de l'outil de sélection (V), étirez l'ellipse copiée à partir du point d'ancrage inférieur central. Changez la couleur en noir à 70% et envoyez l'objet derrière la grille.


Étape 21

Les étapes suivantes concernent les vis situées sur le bord de l’enceinte. Créez une ellipse de 0,16 pouce sur 0,16 pouce. Créez ensuite un dégradé linéaire avec les mêmes nuances que l'ellipse au milieu du haut-parleur (pas l'ellipse du maillage). Ajustez le dégradé de sorte que la couleur la plus sombre se trouve en haut de l'ellipse..


Étape 22

Décalez l'ellipse de 0,03 pouce et ajustez le dégradé de sorte que la couleur la plus claire se trouve en haut de l'ellipse..


Étape 23

Copiez (Commande + C) et Coller (Commande + V) ces deux ellipse pour obtenir un total de quatre vis. Placez les vis autour du bord de l'enceinte.


Étape 24

Dessinez une ellipse de 4 pouces sur 4 pouces et créez un mélange radial. Modifiez le dégradé de sorte que le premier échantillon soit noir et le second blanc..


Étape 25

Écrasez l'ellipse de dégradé radial à l'aide de l'outil Sélection directe (V). Placez l'ellipse derrière toutes les autres œuvres d'art. De même, alignez le centre de l'ellipse avec le bas de l'enceinte.


Étape 26

C'est à peu près ça! Si vous souhaitez ajouter une couleur d'arrière-plan, assurez-vous que la forme de l'ombre portée est configurée pour se multiplier dans le panneau de transparence. Pour mon arrière-plan, j'ai créé un rectangle de la taille de mon document et utilisé un dégradé radial avec un noir de 75% comme premier échantillon et un noir de 100% comme deuxième échantillon..


Image finale

Ci-dessous, l'image finale terminée!