Comment transformer des lunettes en icône du grand geek

Dans ce tutoriel, nous allons vous montrer comment créer une icône de lunettes cool ou plutôt geek. Vous devez connaître les outils d'Adobe Illustrator pour mener à bien ce didacticiel. Vous apprendrez à prendre une licence de création et à créer une illustration qui utilise une référence de photo, mais diffère quelque peu dans la conception finale..

Tutoriel republié

Toutes les quelques semaines, nous revoyons certains des articles préférés de nos lecteurs tout au long de l'histoire du site. Ce tutoriel a été publié pour la première fois en décembre 2008..

Étape 1

Commencez par prendre une photo de quelques lunettes. Assurez-vous de le prendre à une résolution suffisamment élevée pour qu'il ne soit pas pixelisé si vous l'utilisez à des tailles supérieures pendant que vous travaillez..

Le résultat final est beaucoup plus cartoon et geek. Si vos lunettes ne sont pas exactement comme vous voudriez que l'illustration apparaisse, vous devrez improviser pendant que vous réalisez l'illustration. Après tout, la photo n’est qu’une référence. Nous nous éloignerons de la photo réelle dans l'icône finale.

Étape 2

Placez la photo sur son propre calque et verrouillez le calque. En utilisant l’outil crayon (P) et tracez le bord des montures de lunettes. Donner le trait un poids épais. Nous allons convertir le trait en forme ultérieurement. Cela nous évitera d'avoir à dessiner deux rectangles différents pour faire la monture des lunettes..

Étape 3

Tracez ensuite le bras des lunettes. Donnez à ce trait une casquette arrondie en cliquant sur l'option en surbrillance ci-dessous.

Étape 4

Lorsque vous avez fini de dessiner les bras et les cadres, développez vos traits en allant dans Objet> Développer…

Étape 5

À l'aide de l'outil de sélection directe (A), déplacez les points autour pour rendre le bras des lunettes plus épais vers l'avant, à l'endroit où ils se connectent à la zone de la lentille..

Étape 6

Vous pouvez également supprimer des points s’ils vous gênent pendant que vous déplacez d’autres points..

Étape 7

Depuis que je vais pour un look de dorky, j'ai décidé de faire la partie centrale des lunettes beaucoup plus grande. Ce domaine est complètement constitué en termes de quoi il ressemble. N'ayez pas peur de dévier de la photo. Vous devez savoir quand suivre les règles et quand les enfreindre. C'est le moment idéal pour les casser.

Étape 8

Voici à quoi devrait ressembler votre icône.

Étape 9

Zoomez et assurez-vous que vos lignes sont lisses. Cette étape va très loin dans le résultat final. Passez un peu de temps maintenant pour économiser beaucoup de maux de tête plus tard.

Étape 10

Donnez de la profondeur aux lunettes en dupliquant chaque section des lunettes. Maintenez la touche Option enfoncée pendant que vous cliquez et faites glisser la forme pour dupliquer chaque forme..

Étape 11

À l'aide de l'outil Plume, dessinez sur le côté gauche des lunettes qui relient la monture au bras..

Étape 12

Maintenant, dessinez le côté droit. Notez à nouveau que l'illustration est un peu différente de la photo. Comme les bras des lunettes sont beaucoup plus grands, la forme qui relie les montures et les bras devra également être plus grande. N'oubliez pas non plus que le résultat final que nous obtenons est celui d'une icône. La plupart des icônes ont des formes simples, ne vous inquiétez donc pas de suivre chaque détail de la photo. C'est vraiment un acte d'équilibre que vous apprendrez avec le temps et l'expérimentation.

Étape 13

Donne la profondeur de la forme de connexion en la dupliquant également.

Étape 14

Dessinez le haut et le côté pour terminer la connexion.

Étape 15

Observez la différence entre la forme de base de l'icône et celle de la photo..

Étape 16

Fabriquez l’objectif des lunettes en dupliquant le cadre, en dessinant une forme derrière et en utilisant le Pathfinder pour diviser les formes. Une fois que vous avez divisé les formes, sélectionnez Objet> Dissocier pour ne sélectionner que la zone de l’objectif. Supprimer les portions inutilisées qui sont restées.

Étape 17

Positionnez les lentilles sur les montures.

Étape 18

Sélectionnez les deux lentilles et donnez-leur un dégradé. Jouez avec les couleurs et l'angle du dégradé jusqu'à ce que vous trouviez quelque chose que vous aimez. Dans la palette de transparence, réglez l’opacité de l’objectif à environ 50%..

Pour ajuster les couleurs, vous pouvez sélectionner Edition> Modifier les couleurs> Régler la balance des couleurs… et les modifier davantage (comme indiqué dans la capture d'écran inférieure)..

Étape 19

Ensuite, nous allons créer un morceau de ruban blanc qui s’enroulera au milieu des cadres. Pour les formes arbitraires, il est plus facile d'utiliser l'outil Crayon (N) pour dessiner la forme. L'outil Crayon vous permet de dessiner comme si vous utilisiez un crayon, en un trait continu. Comme le morceau de ruban devrait avoir un aspect plus naturel, cela fonctionne parfaitement. Astuce: lorsque vous dessinez avec le Crayon, vous pouvez fermer la forme à tout moment en appuyant sur Option, puis en relâchant le bouton de la souris..

Étape 20

Donnez au morceau de ruban adhésif un dégradé détaillé. Remarquez que le bas de la bande comporte un motif qui suggère que la lumière rebondit sur la surface sur laquelle les lunettes sont assises..

Étape 21

Donnez à la bande une lueur sombre en allant dans l’effet> Styliser> Inner Glow.

Étape 22

Enfin, donnez à la bande une légère ombre portée en allant dans Effet> Styliser> Ombre portée.

Étape 23

Les petits détails vont un long chemin. Ajoutez une lueur intérieure sombre aux lentilles en allant dans Effet> Styliser> Inner Glow… J'ai décidé d'utiliser un vert bleuâtre foncé pour la lueur intérieure afin qu'elle se mélange mieux à la couleur des lentilles..

Étape 24

Ensuite, nous allons accentuer les montures des lunettes. Sélectionnez les sections une à une et donnez-leur des dégradés complexes. Faites attention aux endroits où la lumière frappera chaque zone du cadre. Essayez d’obtenir votre dégradé plus léger dans ces zones. Dans l'image ci-dessous, j'ai indiqué la zone du bras des lunettes qui devrait être la plus légère..

De plus, donnez à chaque section de la zone sur laquelle vous mettez en évidence une lueur intérieure en allant dans Effet> Styliser> Inner Glow… Cette lueur intérieure doit être délicate pour ne pas être trop gênée par les dégradés que vous appliquez.

Étape 25

Sélectionnez une autre section du cadre et donnez-lui un dégradé complexe. Encore une fois, la zone qui devrait avoir le plus de surbrillance est indiquée ci-dessous. Notez qu'il peut y avoir plusieurs zones qui ont des points forts.

Étape 26

Donnez à la forme qui relie la monture et le bras des lunettes un dégradé subtil.

Étape 27

La face entière des lunettes a un dégradé très simple qui passe presque inaperçu. En ce qui concerne la face des lunettes, comme tout est plat, mon utilisation du dégradé est arbitraire. Assurez-vous que c'est subtil.

Étape 28

Ajoutez des points forts bien placés qui aident à définir les zones inintéressantes visuellement ou les zones qui seraient évidemment réfléchissantes.

Étape 29

Un léger soulignement sur le bord des lentilles est un must. Au lieu de dessiner péniblement une surbrillance le long du bord de l’objectif, utilisez le Pathfinder à votre avantage. Dupliquez l'objectif et cliquez sur Soustraire de la zone de la forme, comme indiqué dans la capture d'écran inférieure..

Étape 30

Pour ajouter un autre niveau de dimension aux objectifs, tracez une forme d'arc et flouez-la en sélectionnant Effet> Flou> Flou gaussien…. Ajustez l'opacité de la forme si nécessaire..

Étape 31

L'ombre ajoutera une belle touche finale aux lunettes. L'ombre est composée de deux formes qui forment les bras et d'une autre ligne horizontale en dessous. Sélectionnez la forme et allez à Effet> Flou> Flou gaussien.

Étape 32

Vous remarquerez que la pointe des branches des lunettes est légèrement incurvée vers le haut. Repositionnez les points à l'aide de l'outil de sélection directe pour indiquer que le bout des lunettes n'est pas aligné avec la table..

Étape 33

Sélectionnez l'ombre. Dans la palette Transparence, définissez le mode sur Multiplier afin que l'ombre se mélange mieux lorsque vous placez un arrière-plan derrière elle..

Étape 34

À l'aide de l'outil Rectangle (M), tracez un rectangle et donnez-lui un léger dégradé..

Étape 35

Arrondissez les coins du rectangle en allant dans Effet> Styliser> Coins arrondis.

Étape 36

Donnez une lueur intérieure au rectangle en allant dans Effet> Styliser> Inner Glow.

Image finale

Voici la dernière icône de lunettes vectorielles! Comme vous le constaterez, le résultat final est un peu différent de celui de la photo. C'est la beauté d'illustrer quelque chose, vous pouvez le faire exactement comme vous le souhaitez.

Abonnez-vous au flux RSS VECTORTUTS pour rester informé des derniers tutoriels et articles sur les vecteurs.