Comment faire une icône de casquette militaire de vecteur

Ce didacticiel expliquera à l’artiste intermédiaire ou expérimenté d’Adobe Illustrator comment créer une icône de casquette de style militaire réaliste à l’aide de dégradés, de fondus et de l’outil de maillage de dégradé. Nous utiliserons une référence de photo pour baser cette illustration, tout en faisant preuve de jugement créatif tout au long du processus..

Aperçu de l'image finale

Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler. 

Étape 1

Commencez par prendre une photo d'un bonnet qui a un bel angle. Habituellement, l'illustration obtenue est aussi intéressante que la photo d'origine. Pensez à l'éclairage lorsque vous prenez la photo. Un bon éclairage vous permettra de savoir où dessiner les ombres et les rehauts lors de la réalisation de l'illustration..

Vous pourrez vous concentrer sur la finition et ne pas essayer de visualiser où les ombres et les reflets devraient aller. Cependant, vous pouvez compenser un mauvais éclairage si les conditions de la photo ne permettent pas un bel éclairage. Cette photo n’est pas la meilleure, mais je vais improviser et exagérer les ombres et les reflets visibles..

Étape 2

Placez la photo du capuchon sur son propre calque et verrouillez ce calque. Tout au long de ce tutoriel, je vais utiliser plusieurs couches pour faciliter le verrouillage d’éléments non utilisés. Je ne ferai pas remarquer quand j'utilise un nouveau calque.

Utilisez l'outil Crayon (P) pour tracer chaque section du chapeau. Ne tracez pas tout le contour du chapeau en une fois. Les sections de traçage vous donneront la possibilité de contrôler plus précisément le fonctionnement du maillage dégradé dans chaque zone. Utilisez une couleur vive et réglez l’épaisseur des traits sur environ 0,5 afin de bien voir ce que vous faites..

Étape 3

Observez comment chaque morceau du capuchon a sa propre forme. Aussi, ne vous inquiétez pas de tracer chaque détail de la photo. Faites preuve de discrétion créative pour déterminer ce qu’il faut inclure et ce qu’il faut laisser de côté. Des détails tels que le matériel à l’avant du capuchon ne se reproduiraient pas bien dans l’icône résultante, car il est si détaillé.

Étape 4

Remplissez les sections de la casquette avec une couleur de base. Le haut de la casquette utilise une couleur vert moyen. Comme je vais ajouter des ombres et des rehauts, je pense toujours à l’avenir et je choisis une couleur qui n’est pas trop sombre au point de gêner les ombres que je vais ajouter plus tard. Pour clarifier, si j'utilisais une couleur vert plus foncé, les ombres n'apporteraient pas beaucoup plus de profondeur. Alors, réfléchissez à la façon dont vous voulez que la dernière pièce se penche avant de commencer.

Étape 5

Étant donné que la casquette est divisée en plusieurs sections, j'ai pu prédire facilement et plus précisément comment les points de maillage seraient placés. En plaçant les points de maillage, je me suis assuré de placer le moins possible et de ne pas trop se rapprocher les uns des autres, sauf près du bord inférieur du bord, comme indiqué ci-dessous. J'ai placé deux points très proches dans ce cas parce que je sais que je veux un changement brusque, passant d'une couleur à une couleur plus claire..

Lorsque vous placez des points de maillage, il est généralement plus facile de placer le premier point de maillage près du centre de l'objet. Il vous suffit de placer environ cinq ou six points pour obtenir le résultat ci-dessous. Accéder à l'outil de maillage en appuyant sur (U).

Étape 6

Le moyen le plus efficace de définir les couleurs d’ombre et de surbrillance consiste à les ajouter à votre palette de nuanciers avant de les utiliser. Cela garantira également que vos couleurs sont cohérentes. Par exemple, si vous utilisez une couleur vert clair sur le bord gauche du chapeau, vous souhaiterez probablement la même couleur sur le bord droit. Il est préférable de définir des nuances plutôt que d'essayer de deviner la couleur que vous avez utilisée ou d'ajuster les curseurs de manière arbitraire..

Étape 7

À l'aide de l'outil de sélection directe (A), sélectionnez les points auxquels vous souhaitez ajouter des ombres. Sélectionnez plusieurs points en les faisant glisser sur tous les points ou en cliquant sur chaque point l'un après l'autre en maintenant la touche Maj enfoncée. Une fois que vous avez sélectionné les points, cliquez simplement sur la couleur la plus foncée de votre palette pour l’appliquer..

Étape 8

Bien que vous ayez des nuances prédéfinies dans votre palette, vous souhaiterez peut-être créer une couleur spéciale à un moment donné. À l'aide de l'outil Sélection directe, sélectionnez le point dont vous souhaitez modifier la couleur, puis accédez à la palette de couleurs, cliquez sur le petit triangle situé dans le coin supérieur droit, puis sélectionnez HSB. HSB permettra à la couleur du point de changer pour donner des tons plus clairs et plus sombres. Si vous souhaitez simplement que la couleur soit plus claire ou plus sombre, modifiez le curseur B, comme indiqué ci-dessous..

Étape 9

Ajoutez des points de maillage au bas de la casquette et ajustez également leur couleur. Vous pouvez déplacer des points de maillage individuels si vous n'êtes pas satisfait de leur position d'origine. Pour déplacer les points de maillage, sélectionnez-les à l'aide de l'outil de sélection directe et placez-les en position..

Étape 10

Le bas de la casquette est à l’ombre du haut de la casquette. Si vous avez découvert que vous deviez ajuster radicalement l'obscurité d'une partie de la casquette, vous pouvez sélectionner des points individuels ou l'objet entier et en modifier la couleur générale. Pour modifier simultanément les couleurs de plusieurs points de maillage, sélectionnez Edition> Ajuster la balance des couleurs. Donne la même valeur à toutes les zones de saisie pour éclaircir ou assombrir les couleurs.

Étape 11

Remarquez comme les ombres sont beaucoup plus dramatiques que celles de la photo originale. Comme je l’ai dit plus tôt, si la photo n’est pas correctement éclairée, vous devrez créer l’ombre où vous devez placer les ombres au fur et à mesure que vous créez l’icône..

Étape 12

Nous mettrons légèrement en valeur le bord du chapeau en dessinant d'abord une forme qui suit la courbe de la casquette. Flouez la forme en allant dans Effet> Flou> Flou gaussien…

Étape 13

Au lieu d'ajouter chaque détail à l'aide du maillage en dégradé, vous pouvez ajouter d'autres ombres de la même manière que pour l'étape précédente..

Étape 14

Lorsque vous utilisez le noir, vous devez utiliser une couleur noire riche, pas un noir en niveaux de gris. Le noir riche crée un noir plus foncé et utilise le rouge, le vert et le bleu à 0%. Le noir en niveaux de gris n’est pas mauvais à utiliser, il n’est tout simplement pas complètement noir. Les nuances que Illustrator ajoute automatiquement à votre document sont en niveaux de gris, à l'exception de la nuance indiquée. Si, par exemple, vous deviez créer un dégradé à l'aide des nuances de noir d'échelle de gris, il ne semblerait jamais complètement noir..

Étape 15

Vous remarquerez que le bec de la casquette utilise le noir en niveaux de gris des Illustrators à ce stade. Allez-y et faites-en un noir riche et donnez aux différents éléments de la casquette des dégradés subtils.

Étape 16

Vous pouvez donner plus de profondeur à chacun des éléments en leur donnant un éclat intérieur. Pour appliquer une lueur intérieure, allez à Effet> Styliser> Lueur intérieure… Sélectionnez une couleur sombre et définissez le mode sur Multiplier..

Étape 17

Dessiner une forme sur le projet de loi qui deviendra le reflet.

Étape 18

Donnez un dégradé à chaque pièce du billet. Expérimentez avec les dégradés radiaux et linéaires, en les utilisant là où ils fonctionnent le mieux.

Étape 19

Obtenez plus de profondeur en dessinant une forme noire qui suit la courbe de la bande au-dessus du bec et en la floutant en sélectionnant Effet> Flou> Flou gaussien..

Étape 20

Dessinez les points forts à l'aide de l'outil Plume sur les zones stratégiques de la bande de casquettes. Vous n'avez pas besoin de mettre en évidence tous les domaines. Les autres faits saillants sont impliqués. Les points forts implicites donnent plus d’intérêt à l’icône.

Étape 21

Ajoutez des points forts aux autres domaines aussi.

Étape 22

Donnez une grande lueur intérieure au projet principal du capuchon (qui fait office d’ombre) en allant dans Effet> Styliser> Inner Glow… comme réalisé à l’étape 16..

Étape 23

Deux ombres différentes sont utilisées pour compléter l'illustration. La première ombre utilise les formes dessinées à l'aide de l'outil Crayon (N.). Dans le but de montrer comment obtenir cet effet, j'ai désactivé les calques de calque. Lorsque vous dessinez vos formes, il sera plus facile de dessiner l'ombre sur son propre calque avec les autres calques visibles..

Dessiner une forme et lui donner un remplissage sombre en utilisant un noir riche. Dessinez une seconde forme plus grande et donnez-lui un remplissage complètement blanc. Notez que ma plus grande forme utilise une couleur gris clair. C’est pour que vous puissiez voir qu’il existe une forme dessinée.

Étape 24

Sélectionnez les deux formes et accédez à Objet> Fusion> Créer. Illustrator appliquera les derniers paramètres utilisés. Si vous souhaitez modifier le nombre d'étapes utilisées, accédez à Objet> Fusion> Options de fusion..

Étape 25

La deuxième ombre est utilisée sous le projet de loi du cap. Créez cette ombre en traçant un demi-cercle. Flou de l'ombre en allant dans Effet> Flou> Flou gaussien.

Étape 26

Réglez la transparence des deux ombres sur Multiplier, afin qu'elles se mélangent bien, si elles se chevauchent. Vous pouvez également ajuster leur opacité si besoin est.

Image finale

Voici l'icône de casquette militaire terminée.