Comment illustrer une merveilleuse icône de violon

Développez votre créativité avec ce tutoriel sur la création d'une icône de violon. Nous verrons comment des formes de base et une solide compréhension de la perspective et du volume fonctionnent ensemble pour créer rapidement une icône réussie..


Étape 1

La forme de base du violon est dessinée à l’aide de l’outil Plume (P). Faites particulièrement attention à ce que vos courbes soient naturelles et agréables.



Étape 2

Continuez à dessiner la moitié inférieure de la forme.



Étape 3

Dessinez seulement la moitié de la forme car nous utiliserons l'outil de réflexion pour compléter l'autre moitié. L'utilisation de l'outil de réflexion nous permettra de nous assurer que la forme est complètement symétrique. Sélectionnez la forme du violon, puis double-cliquez sur l'icône de l'outil Reflect pour afficher la boîte de dialogue. Sélectionnez vertical et cliquez sur OK.



Étape 4

Vous aurez maintenant deux moitiés que vous combinerez à l'aide de Pathfinder. Sélectionnez les deux formes et cliquez sur Unite.



Étape 5

Utilisez l'outil Plume pour dessiner le fondement de la forme en "S". Si vous le souhaitez, vous pouvez aussi simplement dessiner la moitié supérieure de la forme en "S" et la refléter dans la moitié inférieure, ce qui la rend parfaitement symétrique, mais je trouve plus facile, dans ce cas, de dessiner la forme entière d'un seul coup..



Étape 6

Utilisez l'outil Ellipse (L) et tracez deux cercles, l'un en haut et l'autre en bas. Unifiez les trois formes à l'aide de Pathfinder.



Étape 7

Refléter la forme en "S" et les placer sur le violon.



Étape 8

Pour donner à l’illustration un aspect incliné, regroupez d’abord toutes vos formes (formes de violon et de "S"), puis sélectionnez Effet> 3D> Rotation..

Entrez les variables ci-dessous, X: 23, Y: -27 et Z: 32.



Étape 9

Allez à Objet> Développer l'apparence. Pour éditer davantage la forme, vous devrez supprimer la boîte qui l’entoure. Accomplissez ceci en utilisant l'outil de sélection directe (A). Sélectionnez chacun des points surlignés en jaune et supprimez-les..



Étape 10

Ensuite, allez à Objet> Aplatir la transparence. Déplacez le curseur Équilibre Raster / Vecteur à l'extrême droite puis cliquez sur OK..



Étape 11

Enfin, dissociez votre objet pour que la forme en "S" et la forme du violon soient à nouveau séparées. Aller à l'objet> Dissocier.



Étape 12

Donnez de la profondeur au violon en dupliquant le visage du violon et en le plaçant sous toutes les autres formes. Veillez à centrer le haut et le bas du violon (comme indiqué par les lignes bleues sur les côtés).



Étape 13

Utilisez l'outil Plume pour dessiner les côtés du violon. Dessine chaque section une à la fois.

Remarque: lorsque vous dessinez des formes qui se chevauchent ou qui sont très proches du bord d'un autre objet, il est parfois difficile de ne pas interférer avec le travail de trait existant. Dans ce cas, je trouve plus utile de verrouiller tous les objets en allant dans Objet> Verrouiller, puis je dessine mes nouvelles formes.



Étape 14

Ci-dessous, chaque section du violon a été dessinée.



Étape 15

Les guides bleus aident à déterminer si vos angles et vos éléments verticaux sont bien dessinés. Il existe un niveau de capacité artistique qui entre en jeu afin de placer visuellement (par opposition à techniquement) les éléments. Le pont central est complètement vertical tandis que la touche (manche) est au même angle que le violon. Vous pouvez utiliser la boîte de dialogue Rotation 3D, comme nous l'avons fait pour la forme de base du violon. Toutefois, une fois que vous pouvez visualiser l'angle et le placement correct des éléments, il est facile de dessiner les éléments à la main. Tous les éléments gris ci-dessous ont été dessinés et placés à la main.

Dessiner à la main est particulièrement important lorsque les objets ont un angle et une profondeur. La touche du violon peut facilement être positionnée à l’aide de la boîte de dialogue Rotation 3D, mais le cordier (tige inférieure) a une profondeur qui ne peut pas être facilement reproduite en faisant simplement pivoter un objet plat. Alors, familiarisez-vous avec la façon dont les éléments devraient apparaître sous un angle et vous pourrez dessiner rapidement n'importe quel élément.!



Étape 16

Voici à quoi ressemble le violon sans guide.



Étape 17

Dupliquer la touche pour lui donner un peu de profondeur.



Étape 18

Tracez les côtés de la touche comme pour le violon.



Étape 19

Les pions de réglage (boutons en haut) suivent également le même angle que le reste des objets.



Étape 20

Dessinez une ellipse pour créer la pointe.



Étape 21

Faites pivoter l'ellipse pour lui donner l'angle approprié.



Étape 22

Avoir une forte capacité à visualiser la forme en 3D est essentiel pour ajouter les autres éléments. Illustrator a des capacités 3D limitées, mais si vous combinez une connaissance de base de la perspective et de l'outil Plume d'Illustrator, vous serez en mesure de créer exactement l'apparence dont vous avez besoin. Imaginez que le guide incliné perce le parchemin (grande forme grise arrondie) au centre. L'ellipse verte se trouve au centre du rouleau.



Étape 23

Dessinez une autre ellipse qui donne au bord de la cheville d’accord une forme arrondie. Unissez l’ellipse et le pion d’ajustement à l’aide de Pathfinder.



Étape 24

L'ajout d'ombrage est essentiel à l'apparence générale de l'objet. Donnez un dégradé radial à la face du violon (G). Le réglage de la zone en surbrillance vous permettra d’affiner le dégradé d’un cercle à celui d’un ovale. Comme le violon est long et non carré, un ovale convient mieux à l'ombrage général.



Étape 25

Donnez au rouleau un dégradé radial qui lui est propre. Remarquez que le bord inférieur gauche est beaucoup plus sombre qu’il devrait être dans l’ombre..



Étape 26

Donnez aux côtés un dégradé linéaire ou radial en fonction de l'effet recherché.



Étape 27

Pour créer le côté du rouleau, tracez d'abord un cercle parfait, donnez-lui un dégradé radial, puis condensez-le et faites-le pivoter pour lui donner une forme ovale. Effectuer cette étape dans l’ordre décrit ci-dessus vous permettra d’obtenir une gradation parfaite sur tout le périmètre de l’ovale..



Étape 28

Créez les différents anneaux centraux du côté du parchemin en copiant-collant les ovales en place. Pour coller en place, appuyez sur Commande + F. Après avoir collé l'ovale en place, redimensionnez-les simplement à partir de leur point central en maintenant Option + Maj pendant que vous redimensionnez l'ovale..



Étape 29

Donnez aux piquets un gradient linéaire afin qu'ils aient l'air volumineux. Pour créer la profondeur autour de la zone ovale de la cheville, placez une autre ellipse plus petite sur le dessus de l'ovale et attribuez-lui un remplissage dégradé blanc à transparent..



Étape 30

Donnez à la forme en "S" une lueur extérieure en accédant à Effet> Styliser> Lueur extérieure. Choisissez une couleur légèrement plus claire que toutes les autres couleurs marron de l'illustration. Entrez une opacité et un flou qui vous vont bien, puis cliquez sur OK..



Étape 31

Donnez à la mentonnière une lueur intérieure en allant dans Effet> Styliser> Inner Glow. Cette fois, sélectionnez Multiplier pour le mode et utilisez le noir pour la couleur..



Étape 32

Donnez à chacune des formes brunes qui composent le violon une lueur intérieure. Utilisez une couleur marron plus foncée pour leur éclat intérieur car la couleur de base du violon est le marron.



Étape 33

Pour créer une forme uniforme et légèrement plus petite de chaque côté du violon, sélectionnez la première forme et accédez à Objet> Chemin> Chemin décalé. En fonction de l’échelle et de la taille de votre illustration, vous définissez les valeurs à entrer. Utilisez une valeur négative et ajustez le décalage à votre guise.



Étape 34

Voici un aperçu de l’effet résultant de la compensation de chaque côté du violon..



Étape 35

Ensuite, nous allons tracer les cordes à l’aide de l’outil Plume et tracer une ligne allant du haut jusqu’à ce qu’il se trouve juste au-dessus du pont et le troisième point juste au-dessus du cordier..



Étape 36

Avec la ligne sélectionnée, allez à Objet> Développer, puis cliquez sur OK. À l'aide de l'outil Sélection directe, sélectionnez les points à la fin de la ligne et faites-les glisser ensemble pour créer une ligne effilée. Faites ceci aux deux extrémités de la chaîne.



Étape 37

Tracez trois autres chaînes et donnez à chaque chaîne un trait gris..



Étape 38

Donne à tous les anneaux un dégradé linéaire pour donner l’illusion d’être réfléchissant.



Étape 39

La création d'ombres pour les différents éléments du violon peut être réalisée à l'aide de la technique suivante. Commencez par dessiner (ou dupliquer) la forme de base que l’ombre doit occuper. Définissez la forme sur Multiplier dans la palette Transparence et attribuez-lui un dégradé noir à blanc..

Remarque: Bien que cette ombre particulière ne soit pas nécessaire, l'utilisation d'un dégradé de noir à blanc garantira que votre ombre peut disparaître complètement jusqu'à 0 si nécessaire..



Étape 40

Sélectionnez la forme de l'ombre et allez à Effet> Flou> Flou gaussien. Entrez une valeur qui vous convient et cliquez sur OK.



Étape 41

Donner une ombre portée à tous les autres éléments volumineux en utilisant la même technique.



Étape 42

Pour créer la réflexion principale sur le violon, copiez-collez d'abord la face du violon. A l'aide de l'outil Plume, dessinez une forme arbitraire par-dessus.



Étape 43

Sélectionnez les deux formes et dans le Pathfinder, cliquez sur Diviser. Dissociez l'objet jusqu'à ce que vous ne puissiez plus le dissocier (généralement quatre fois). Ci-dessous, j'ai supprimé des formes sur les bords pour vous donner une meilleure idée du résultat recherché. Les seules formes dont vous avez besoin sont les formes rouges illustrées ci-dessous. Supprimez ces formes et placez-les sur le violon.



Étape 44

Donnez aux formes un dégradé de blanc à transparent pour créer un reflet époustouflant! Utilisez le même processus pour donner d’autres zones des réflexions du violon si vous le souhaitez. Cependant, n'allez pas trop loin avec les reflets. Habituellement, un ou deux suffisent.



Étape 45

Dessinez un carré à l'aide de l'outil Rectangle (M) et donnez-lui un dégradé radial bleu.



Étape 46

Appliquez des coins arrondis en allant dans Effet> Styliser> Coins arrondis.



Étape 47

Les notes de musique sont faites de formes de base.



Étape 48

Combinez les formes en cliquant sur unir dans le Pathfinder.



Étape 49

Donnez aux notes de musique différents degrés de rotation et d’ombrage pour créer une impression de mouvement. Lorsque vous placez les notes de musique, ajoutez-les par groupes plutôt que sporadiquement, cela donnera à l'illustration générale un aspect plus équilibré..



Aperçu de l'image finale

C'est tout! Votre illustration d'icône est terminée! Vous venez d'apprendre à créer un violon vectoriel sympa.