Comment créer un simple vecteur Avatar à partir d'une image de stock

Le dernier paquet Envato m'a inspiré pour créer un nouveau portrait vectoriel. L'une des images de stock qui y figurait était un superbe portrait d'un homme âgé et je ne pouvais m'empêcher de lui donner un rendu vectoriel. Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer un simple avatar vectoriel à partir d'une image stock avec plusieurs options supplémentaires. Alors restons coincés dans!


Étape 1

Après avoir recadré l'image stock dans Adobe Photoshop ou dans le programme de retouche photo que vous utilisez, Fichier> Placez-la dans un nouveau document. Je lui ai donné son propre calque et ajouté un nouveau calque en haut avec un rectangle de remplissage blanc (M) réglé sur 50% d'opacité. J'ai ensuite ajouté un nouveau calque sur le dessus et c'est là que je vais ajouter mes formes vectorielles..


Étape 2

À l’aide de l’outil Ellipse (L), tracez un ovale sur le visage, il n’est pas forcément exact. Lorsque cette option est sélectionnée, sélectionnez Objet> Chemin> Ajouter des points d'ancrage pour ajouter un nouveau point d'ancrage entre chaque nœud. Répéter pour ajouter d'autres nœuds.

Puis, à l'aide de l'outil de sélection directe (A), modifiez les points et les poignées de sorte que le contour ovale délimite le visage. Visez des courbes lisses pour conserver un look de dessin animé.


Étape 3

Répétez le processus en ajoutant des ellipses (L) pour les oreilles et en ajoutant des points.

Vous pouvez trouver avec des formes plus petites, vous n'aurez pas besoin d'autant de points. J'ai supprimé ceux-ci en utilisant l'outil Plume (P) et en survolant un point pour le supprimer. Utilisez l'outil de sélection directe (A) pour modifier les formes..


Étape 4

Avec l'outil Crayon (P), dessinez une forme de base pour le chapeau et le bord. La clé est d’utiliser le moins de point possible pour créer des formes simples.

Tracez des lignes sur les formes à l'endroit où se trouve la bande sur le chapeau et le bord extérieur du chapeau..


Étape 5

Sélectionnez un ensemble de lignes et de formes et utilisez Pathfinder> Diviser pour diviser le chapeau en trois formes..

Répétez cette procédure pour le reste du chapeau et de la forme.


Étape 6

Utilisez l'outil Crayon (P) pour dessiner les sourcils et les cheveux. Même s’il est tentant de dessiner des formes irrégulières pour les cheveux, cela les rendrait trop détaillées et détournerait du style que nous voulons créer..

Ensuite, dessinez des formes pour les yeux, le pli des paupières, le nez et la bouche. La bouche n'est pas réellement une ligne mais une forme noire solide.


Étape 7

Pour les yeux eux-mêmes, utilisez l'outil Ellipse (L) pour créer des cercles pairs. Pour les élèves, utilisez un remplissage noir et un trait nul. Une fois que vous avez créé un œil, dupliquez-le et déplacez-le sur l'autre œil pour vous assurer que les yeux sont de taille égale..

J'ai ensuite groupé les yeux (Ctrl + G), dupliqué la forme originale du globe oculaire et utilisé pour créer un masque d'écrêtage (Ctrl + 7)..

Le coin de mes yeux étant un peu trop pointu, j'ai modifié les formes à l'aide de l'outil Sélection directe (A) pour créer un point de forme moins.


Étape 8

Allez-y et ajoutez de la couleur à votre avatar. J'ai fait exprès des tons de peau légèrement plus foncés pour que les oreilles ressortent mieux et restent légèrement ombragées. Il est également intéressant de noter que j'ai utilisé un poids en AVC de 4 pt. Les lignes épaisses soulignent le style de bande dessinée.


Étape 9

Maintenant, commencez à ajouter quelques nuances de visage simples. D'abord une ligne qui descend d'un côté du visage, contourne le menton et se lève de l'autre côté. Utilisez Pathfinder> Diviser avec un duplicata de la forme du visage pour créer des ombres pour chaque côté du visage. J'ai ensuite utilisé l'outil Plume (P) pour ajouter de l'ombrage aux yeux et au nez. Comme il s’agit d’un gentleman senior, j’insiste sur les rainures du visage autour de la bouche et des yeux. Si vous dessinez une personne plus jeune, évitez de le faire..

Attribuez un fond de teint aux formes, puis réglez-les sur Multiplier le mode de fusion et ajustez l'opacité en fonction de la profondeur à laquelle vous souhaitez que l'ombre soit obtenue. La raison pour laquelle vous définissez le mode de fusion sur Multiplier est d'éviter le chevauchement des ombres sur le trait..

Répétez le même processus pour le chapeau et les détails du groupe. J'ai trouvé avec le bord du chapeau que je devais dupliquer la ligne deux fois pour diviser le bord extérieur et le bord en arrière-plan.


Étape 10

Pour les lignes du pli de la paupière et du nez, j'ai appliqué le profil "Profil de largeur 1". Si vous utilisez une version antérieure d'Adobe Illustrator CS5, vous pouvez contourner ce problème à l'aide d'un pinceau. Consultez mon tutoriel sur le profil de largeur pour savoir comment..


Étape 11

En utilisant le même profil de largeur, ajoutez des lignes sur les côtés du visage, du nez, des paupières, des oreilles et du menton pour le faire vieillir davantage. Si vous dessinez une personne jeune, ajoutez seulement des reflets sur les côtés du visage, du nez et des paupières..

Ajoutez des reflets au chapeau pour mettre en valeur les bosses de chaque côté en haut.


Étape 12

Utilisez le profil de largeur 4 pour ajouter des traits de triangle aux cheveux avec l'outil Pinceau (B). Soyez cohérent lorsque vous tracez les lignes dans les zones d'ombre. Donc, sous le chapeau et au bas des sourcils et des cheveux. Une fois regroupés (Ctrl + G), définissez le groupe sur Multiplier le mode de fusion..

Créez un tracé composé (Ctrl + 8) avec une copie des formes de poils, puis utilisez-le pour créer un masque d'écrêtage (Ctrl + 7) avec les traits de triangle..


Étape 13

Pour égayer le chapeau, je vais ajouter une petite décoration au groupe sur le chapeau. Je l'ai fait en traçant quatre lignes le long de la courbe du groupe.

Ensuite, créer un mélange (Ctrl + Alt + B). Allez dans Objet> Fusion> Options de fusion pour définir l'espacement sur la distance spécifiée et la valeur sur 12 pt. Cliquez sur OK une fois terminé.

Ajoutez ensuite le mélange à un masque d'écrêtage (Ctrl + 7). J'ai réglé le mode de fusion sur Multiplier pour empêcher toute couleur d'altérer le dessin au trait noir.


Étape 14

Sélectionnez toutes les grandes formes couvrant le visage et dupliquez-les. Utilisez Pathfinder> Unite pour créer une grande forme. Placez cette forme sous l'avatar et donnez-lui une épaisseur de trait de 14 pt. Cela donnera au portrait général un contour épais.


Étape 15

Utilisez l'outil Ellipse (L) pour créer deux cercles pairs avec un remplissage blanc et un trait noir de 1 pt. Ce sera la réflexion de la lumière dans l'œil. Dupliquer les cercles et les placer sur l'autre œil.


Étape 16

Bien que nous ayons un avatar complet, mélangeons-le et ajoutons quelques personnalisations. Peut-être que vous pourriez essayer d'ajouter des poils sur le visage. Cela se fait facilement en copiant le même processus que les cheveux. Commencez par utiliser l'outil crayon (P) pour dessiner les formes de la moustache et de la barbe. Utilisez la même couleur de remplissage que les sourcils. Ajoutez ensuite des traits de triangle pour l’ombrager et les détails. Placez-les dans un masque d'écrêtage (Ctrl + 7) une fois terminé.


Étape 17

Vous voulez peut-être simplement ajouter une ombre / un chaume "5 heures"? Dessinez une forme au-dessus de la partie inférieure du visage et utilisez Pathfinder> Moins avant pour supprimer une forme de la bouche. Dupliquez la forme du visage et avec la forme du chaume, utilisez Pathfinder> Intersection.

Utilisez une couleur de remplissage grise pour ternir la peau, puis assombrissez-la via le panneau Apparence, comme indiqué ci-dessous. Sinon, vous pouvez utiliser un motif de points pour cela, mais cela peut ajouter trop de détails à un avatar à la recherche simple.


Étape 18

Peut-être pourriez-vous même donner des lunettes à votre avatar! En utilisant le processus Ajouter un point d'ancrage précédemment, dessinez une Ellipse (L) sur l'œil. Vous pouvez laisser la forme seule pour créer des lunettes de style "Lennon", mais ce serait trop facile pour nous, n'est-ce pas? Utilisez l'outil de sélection directe (A) pour modifier les points autour des lunettes. Dupliquez la forme et réfléchissez-la pour l'autre œil.

Comme le visage est légèrement incliné, j'ai sélectionné la plupart des points de droite et les ai déplacés de plusieurs endroits vers la droite. Les deux formes reçoivent un trait épais d'environ 8 pt. J'ai dessiné dans le reste des cadres avec l'outil Plume (P).


Étape 19

Sélectionnez les formes rondes pour les lunettes et Objet> Développez-les pour remplir les formes.

Donnez à toutes les formes un poids de 4 pt et un remplissage à votre goût. J'ai opté pour une teinte rouge assortie au bandeau du chapeau. C'est un senior stylé!


Étape 20

Utilisez l'outil Crayon (P) pour ajouter des formes derrière les verres avec un remplissage bleu. Réglez le mode de fusion sur Multiplier et l'opacité sur 20%. Si vous souhaitez créer un effet de lunettes de soleil, vous pouvez utiliser une opacité beaucoup plus élevée avec un remplissage gris ou noir..

J'ai ensuite ajouté de l'ombrage aux lunettes dans un masque d'écrêtage (Ctrl + 7)..


Étape 21

Pour terminer, j’ai dupliqué notre monsieur et je l’ai arrangé pour montrer ses différentes caractéristiques. J'ai ensuite utilisé l'outil Artboard (Maj + O) pour modifier les dimensions de l'Artboard..


Conclusion

Pourquoi ne pas essayer de créer votre propre avatar ou peut-être ceux de vos amis et de votre famille? Les points clés à retenir sont d’utiliser des formes simples avec un minimum de points, n’ayez pas peur des poids de trait audacieux et des couleurs vives. Enfin, n'oubliez pas de vous amuser! Ajoutez des objets bonus pour personnaliser vos avatars. Jusqu'à la prochaine fois, bonne fabrication d'avatar!

Ressources supplémentaires

Si vous souhaitez obtenir de l’aide pour vos caricatures, Envato Studio possède une superbe collection de designers de caricatures et dessins animés que vous pourrez explorer..