Comment créer votre propre badge vectoriel stylisé

Dans ce didacticiel, nous allons apprendre à illustrer un visage à l'aide d'une photo et à en créer un bouton personnalisé. Ceci est un tutoriel amusant utilisant des techniques relativement simples. Allons-y!

Aperçu de l'image finale

Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.

Étape 1

Je suis allé chez stock.xchng et j'ai pris une photo qui, je le pensais, conviendrait à une illustration pour un visage. Le gars avait un air tellement cool que je ne pouvais pas passer. Commençons par placer l'image dans un nouveau document Illustrator.

Étape 2

Verrouillez le calque d'image et créez un nouveau calque. Ensuite, commencez à tracer le visage à l’aide de l’outil Plume (P). J'ai choisi un gris puisque je vis un look noir et blanc.

Étape 3

Commencez à tracer le sourcil avec un remplissage noir. Soyez aussi facile que possible. Nous n'allons pas pour un look photo réaliste, mais plutôt pour un stylisé.

Étape 4

Tracez l'autre sourcil aussi, comme indiqué ci-dessous.

Étape 5

Ensuite, passez aux yeux eux-mêmes. Commencez par tracer simplement le contour.

Étape 6

J'ai rempli le contour des yeux avec un gris clair. Ajoutez ensuite les détails de l'œil. Simple mais efficace. Il suffit d'ajouter une forme remplie d'un gris plus foncé.

Étape 7

Ajoutez ensuite l'élève sous forme de demi-lune remplie de noir.

Étape 8

Ajoutez quelques reflets pour donner vie à vos yeux. Vous pouvez le faire en ajoutant simplement deux petits cercles blancs et placez-les dans la pupille.

Étape 9

Ensuite, nous avons besoin de cils. Prenez l'outil Crayon (P) et commencez à tracer un cil, puis dupliquez-le plusieurs fois et placez-le autour de l'œil..

Étape 10

Ensuite, nous allons tracer les lèvres. Encore une fois, gardez les formes simples, tracez-les simplement avec l’outil Crayon (P). N'oubliez pas que l'outil Plume est votre meilleur ami. Remplissez maintenant les formes avec une couleur rouge et un trait noir, et remplissez la lèvre supérieure avec un rouge plus foncé. Cela donnera au visage un aspect dramatique, puisque nous avons conservé les autres formes en noir et blanc.

Étape 11

Commencez à tracer les cheveux. Depuis que la photo lui coupe le reste de la tête, nous devons faire preuve d’un peu de créativité. Imaginez juste les cheveux et ajoutez autant de points et de boucles que vous avez besoin. Remplissez-le de noir.

Étape 12

N'oublie pas le nez. Tracez-le puis remplissez-le avec un
dégradé de gris, linéaire ou radial, cela dépend de la façon dont il va se fondre dans la couleur de son visage.

Étape 13

Voici le visage fini. Je suis allée de l'avant et je l'ai stylisée un peu plus, je l'ai découpée et j'ai rempli chaque forme d'un gris ou d'un noir différent..

Étape 14

Passons au bouton épingle. Créez un cercle et remplissez-le avec un dégradé radial blanc à noir, puis ajoutez une ombre portée. Définissez le mode de calque sur Multiplier.

Étape 15

Faites deux copies du cercle, réduisez-en une et posez le
Mode de calque sur Normal. Ajoutez maintenant un trait gris de 6 pt à l'intérieur. Sélectionnez les deux et divisez-les via la palette Pathfinder.

Étape 16

Supprimez la partie intérieure à l’aide de l’outil de sélection directe (A) et placez la forme du cercle sur l’autre.

Étape 17

Dupliquez le premier cercle à l'étape 14, réduisez-le un peu et placez-le sur le dessus..

Étape 18

Créez un petit rectangle (M) et remplissez-le avec un dégradé linéaire noir à blanc à noir. Appliquer des coins arrondis (Effet> Styliser> Coins arrondis) et une ombre portée.

Étape 19

Répétez l'étape 18 et créez un autre rectangle, mais n'appliquez pas les coins arrondis, mais simplement une ombre portée..

Étape 20

Créez ensuite une forme d’aiguille avec l’outil Plume (P) et remplissez-la à nouveau avec un dégradé linéaire, puis ajoutez une ombre portée..

Étape 21

Créez un autre petit rectangle (M). Ajouter des coins arrondis, une ombre portée et définir le mode de calque sur Graver les couleurs.

Étape 22

Créez un autre rectangle, mais découpez le milieu, comme vous le voyez ci-dessous. Ajoutez également une ombre portée.

Étape 23

Passons sur la partie supérieure du bouton pin. Créez un cercle de la même taille que la partie arrière du bouton NIP. Remplissez-le de blanc et ajoutez une ombre portée.

Étape 24

Créez une forme de faucille en divisant simplement deux cercles via la palette Pathfinder. Remplissez-le de noir et définissez le mode de calque sur Multiplier.

Étape 25

Créez un autre cercle par-dessus et remplissez-le avec un dégradé radial allant du noir au blanc. Définissez le mode de calque sur Multiplier.

Étape 26

Créez deux formes géniales, une en noir et une en rouge, puis superposez-les.

Étape 27

Sélectionnez les deux et appliquez l'effet Pucker et Bloat (Effet> Déformer et transformer> Pucker & Bloat). Appliquez les paramètres indiqués ci-dessous.

Étape 28

C’est ce qu’il devrait aimer avec l’effet appliqué aux deux formes.

Étape 29

Faites une copie du cercle pour le bouton d'épingle, supprimez tous les effets et les remplissages, puis placez-le au-dessus des formes plissées. Sélectionner tout et appliquer un masque d'écrêtage (Commande + 7).

Étape 30

Placez la forme coupée sur le bouton de la goupille. Créez ensuite un petit cercle rempli d'un dégradé radial gris clair à blanc et définissez le mode Calque sur Superposition..

Étape 31

Prenez le visage et groupez-le (Commande + G), puis placez-le sur le bouton de la goupille et réduisez-le si nécessaire.

Conclusion

C'est le résultat final. Un bouton pin stylisé avec un visage illustré. Bien sûr, vous pouvez utiliser votre propre photo ou même une photo de vous-même. Prendre plaisir!

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.