Comment créer une icône de baguette magique

Dans ce didacticiel Illustrator, je vais vous montrer comment créer une icône de baguette magique. Ce tutoriel utilisera des dégradés et des formes simples. Ces techniques peuvent être facilement traduites en icônes, illustrations et logos..

Image finale

Ci-dessous, la dernière icône sur laquelle nous allons travailler.

Étape 1

Créez un nouveau document et tracez un rectangle de 35 px de large sur 340 px de hauteur à l'aide de l'outil Rectangle (M)..

Étape 2

Dessinez un autre rectangle de 35 px de large par 210 px de hauteur et placez-le au centre du grand rectangle..

Étape 3

Sélectionnez le grand rectangle et sélectionnez Filtre> Styliser> Coins arrondis pour afficher la boîte de dialogue Coins arrondis. Dans la boîte de dialogue, modifiez le rayon à 15 px.

Étape 4

Sélectionnez le petit rectangle et créez un dégradé linéaire à partir du panneau Dégradé..

Étape 5

Pour cette étape, nous allons ajouter deux nuances supplémentaires au dégradé. Pour ce faire, cliquez deux fois sur différentes fois sous le curseur de dégradé. Vous devez maintenant avoir 4 échantillons sur le dégradé linéaire. Remplacez le premier échantillon par 63% de noir avec un emplacement de 5 (le champ Emplacement correspond au milieu de droite dans le panneau de dégradé). Définissez le deuxième échantillon sur 100% noir avec un emplacement de 50. Remplacez le troisième échantillon par blanc avec un emplacement de 90. Enfin, remplacez le dernier échantillon par 100% noir avec un emplacement de 100..

Étape 6

Sélectionnez le plus grand rectangle avec les coins arrondis et remplissez-le avec un dégradé linéaire. Assurez-vous que le dégradé a quatre nuances comme le dégradé précédent. Définissez le premier échantillon sur un noir à 40% avec un emplacement égal à 0. Remplacez le deuxième échantillon par un noir à 60% avec un emplacement égal à 30. Modifiez le troisième échantillon en blanc avec un emplacement défini sur 70. Enfin, remplacez le dernier échantillon par un 30% de noirs avec une localisation de 100.

Étape 7

Créez un rectangle de la taille de votre document.

Étape 8

Remplissez le rectangle avec un dégradé radial du panneau de dégradé. Changer le premier échantillon en violet et le second en violet foncé.

Étape 9

Placez la baguette sur le fond à un angle de 35 degrés.

Étape 10

Ajustez le dégradé de sorte que la partie la plus claire du dégradé provienne de la pointe de la baguette magique. Pour ce faire, sélectionnez le dégradé radial à l’aide de l’outil Dégradé (G), puis cliquez et faites glisser depuis le bout de la baguette jusqu’à un sixième de la hauteur du bas du document..

Étape 11

Créez une ellipse de 185 px par 185 px avec l'outil Ellipse (L). Ensuite, remplissez-le avec un dégradé radial, puis changez la première nuance en noir et la deuxième nuance en blanc.

Étape 12

Réduisez l'ellipse à environ un tiers de sa taille d'origine et placez-la derrière le bas de la baguette. Une fois placé, changez le mode de fusion en Multiplier dans le panneau de transparence..

Étape 13

Créez une ellipse de 370 px par 370 px et remplissez-la d’une couleur magenta. Placez l'ellipse derrière la baguette et centrez l'ellipse avec le bout de la baguette.

Étape 14

Avec l'ellipse sélectionnée, allez à Effet> Styliser> Feather pour afficher la boîte de dialogue Feather. Dans la boîte de dialogue Plume, réglez le rayon de plume sur 100 px. Ensuite, changez l'opacité à 35% dans le panneau de transparence..

Étape 15

Créez une autre ellipse à 175 px par 175 px et remplissez-la avec une couleur jaune. Ensuite, placez-la derrière la baguette et centrez l'ellipse avec le bout de la baguette. Plume cette ellipse comme la dernière, mais change le rayon de la plume à 50 px.

Étape 16

Créez cinq à sept autres ellipse, comme à l'étape précédente, bien que vous utilisiez différentes couleurs et placez-les autour du haut de la baguette..

Étape 17

Sélectionnez la forme de baguette la plus longue, puis Copiez (Commande + C) et Coller devant (Command + F). Changer le remplissage en jaune sans trait.

Étape 18

Avec l'outil de sélection (V), saisissez le point d'ancrage central de droite et développez-le à droite. Puis sélectionnez l’ancre centrale gauche et développez gauche.

Étape 19

Avec l'outil de sélection directe (A), sélectionnez l'ancre en bas à droite (juste avant que les trajectoires ne commencent à se courber) et faites-la glisser près de la forme d'origine de la baguette. Faites la même chose avec l'ancre gauche.

Étape 20

Donnez à la forme modifiée une plume de 25 px et placez-la derrière la baguette..

Étape 21

Ça a l'air bien, mais créons quelques petits sprites pour l'habiller. Commencez par créer une ellipse de 40 px par 40 px et remplissez-la de blanc et d'aucun trait..

Étape 22

Allez à Effet> Déformer et transformer> Pucker & Bloat pour ouvrir la boîte de dialogue Pucker et Bloat, puis changez l'option en -90. Ensuite, allez à Objet> Développer l'apparence. Une fois que l'ellipse est développée, Feather le sprite à 1 px.

Étape 23

Créez une ellipse de 35 px par 35 px sur le centre de l'image-objet et remplissez-la de blanc, sans trait. Plumez l'ellipse à 7 px et faites pivoter l'ellipse et le sprite à 45 degrés.

Étape 24

Placez le nouvel élément d'image-objet sur toutes les autres illustrations proches de la pointe de la baguette..

Étape 25

Copiez (commande + C) et collez (commande + V) l'image-objet autour de l'icône en veillant à modifier la taille et l'opacité des différentes copies..

Image finale

Fini! Ci-dessous l'image complète.