Advertisement
  1. Design & Illustration
  2. Portrait

Comment créer un drôle de portrait au trait dans Adobe Illustrator

Difficulty:AdvancedLength:MediumLanguages:

French (Français) translation by Mireia Porta Arnau (you can also view the original English article)

Final product image
What You'll Be Creating

Je connais plein d'illustrateurs qui pratiquent leur métier avec leur propre visage. Bien que j'aie déjà essayé de me vectoriser auparavant, ça m'énerve de me regarder fixement le faciès pendant des heures.  J'ai commencé avec mon propre visage en le vectorisant à partir d'un selfie que j'avais pris sous un angle "impossible" (du type le émo de MySpace) mais avec une grimace.  Le but de l'opération était de ne pas me ressembler pour qu'après je puisse me concentrer sur le travail à faire plutôt que sur ma personne. Voici comment le projet du selfie drôle est né.

Awkward Selfies Series

Pendant les deux derniers mois, j'ai vectorisé mes amis dans des poses similaires. Le style que j'ai utilisé ressemble assez celui d'un de mes tutoriels populaires, comment créer un portrait spectaculaire aux grands traits.  J'avais envie de vous montrer ce style en incorporant de nouvelles techniques afin de répondre à des questions récurrentes qui m'arrivent pour les projets de dessin au trait comme, par exemple, comment reproduire une texture ou les poils sur le visage. 

Si vous cherchez à avoir votre portrait, il y a beaucoup de portraitistes talentueux sur Envato Studio capables de créer des portraits illustrés de qualité, quelque soit la pose !

Prenez votre pire selfie

Merci à Andrew Blackman d'avoir proposé son visage pour ce tutoriel. Si vous souhaitez le suivre au pied de la lettre, téléchargez sa photo à partir du lien fourni sur cette même page. Sinon, vous pouvez utiliser votre propre photo.

Utilisation de votre propre photo

Si vous voulez utiliser une photo de vous ou d'un ami, il faut qu'elle soit laide, gênante, provocatrice. Pas la peine d'utiliser une image rasante car vous en avez assez de traiter des portraits sous un angle ou profil banal et ennuyeux, pas vrai ?

Dans ce projet, il s'agit de vectoriser un angle drôle que l'on ne voit pas chaque jour dans l'illustration de portraits. Par conséquent, on sera assez indulgents avec les erreurs que l'on puisse faire ; inclinez la caméra vers le haut, vers le bas, à bout de bras ou extrêmement proche et prenez un selfie !

1. Comment organiser le document

Étape 1

Ce serait trop facile d'importer le selfie sur le plan de travail et le vectoriser directement de là. Cependant, si vous réfléchissez à la composition depuis le début, vous saurez dans quelle direction aller et cela réduira le flux de travail en vous évitant de vectoriser des détails superflus. 

Une façon de le faire, c'est de créer un encadrement en vidant un Rectangle (M) d'un autre avec le filtre Pathfinder > Soustraction.

Create a Frame

Étape 2

Puis ouvrez Fichier > Importer, localisez le selfie et placez-le derrière l'encadrement. Trouvez les meilleurs recadrage et composition du selfie. 

Songez que vous pouvez redimensionner et pivoter le portrait avec l'Outil de Transformation Libre (E). Utilisez aussi l'encadrement pour cacher des parties du visage au besoin...

Désolé Andrew, je ne vais travailler qu'une oreille car je n'aime pas les vectoriser.

Find your composition

Étape 3

Après, j'organise le panneau des Calques de façon à avoir un calque pour le rectangle rempli de blanc à 50 % d'Opacité au dessus du visage d'Andrew et un calque où ajouter mes tracés.

Setting up my layers

2. Comment commencer le dessin au trait

Étape 1

Avec l'Outil Plume (P), je vais commencer à créer des formes pour le dessin au trait. Pour cette partie du portrait, je n'utilise pas des tracés avec contour. Quand les portions de dessin sont larges, je crée des tracés remplis moins uniformes pour obtenir un aspect plus organique. 

Adding Line Art

Étape 2

Lorsque les lignes se joignent, il faut s'assurer qu'elles se chevauchent quand elles sont connectées à des lignes adjacentes. Comme ça, on évite que des vides apparaissent. 

Overlapping lines

Étape 3 

Je continue de tracer les formes plus larges pour créer la plupart du visage et des habits.

Adding the majority of the lines

3. Comment créer le dessin au trait pour les yeux

Étape 1 

Quant à l’œil, je crée un seul tracé pour le globe oculaire et la partie interne de l’œil. Puis je le duplique et le cache. Après, je crée un autre tracé qui couvre la forme globale de l’œil, y compris la ligne des cils.

J'enlève la forme plus petite à la plus grande avec Pathfinder > Soustraction. Ceci crée la forme globale de l’œil mais cela me donne une forme cachée que j'utiliserai plus tard pour un masque d'opacité.

Create the eye shape

Étape 2

Maintenant, attaquons-nous aux détails de l'iris. Pour créer un effet de dessin au trait, similaire à celui du tutoriel précédent mais plus uniforme, je vais aligner une série de triangles sur une ligne avec un contour.   La ligne a un Contour d'1 pt d'Épaisseur. J'ai placé les triangles tout le long de la ligne de façon équidistante.

Creating a brush

Étape 3

Avec cet objet, je crée alors une Nouvelle Forme de Motif. Selon il a été créé, il vous faut peut-être retourner à cette fenêtre pour altérer les réglages. Dans mon cas, j'ai dû cocher sur l'option Symétrie Verticale. Cliquez sur Ok pour finir.

Create a Pattern Brush

Étape 4

Voici le moment de créer plusieurs cercles. Tracez l'original avec l'Outil Ellipse (L) et dupliquez-le.  Cachez l'original car vous en aurez besoin plus tard si vous voulez ajoutez de la couleur aux yeux. Ajoutez un Contour de 3 pt d'Épaisseur à une des copies dupliquées autour de l’œil. 

Une autre copie sera pour la forme Détail de l’Œil. Cependant, comme les formes de motif se concentrent sur le contour, réduisez la taille du cercle avec l'Outil de Transformation Libre (E) de manière à l'aligner avec l’extérieur du plus grand cercle.   

Tracez alors des cercles pour la pupille et les reflets de lumière.

Eye details

Étape 5

Regroupez les tracés de l'iris et la de pupille (Contrôle-G). Dupliquez ce groupe pour l'autre œil.

Puis, affichez le tracé du globe oculaire et utilisez-le pour créer un Masque d'Écrêtage (Contrôle-7). Répétez l'opération pour l'autre œil. 

Both eyes

4. Comment créer du cheveux et du détail avec des Formes

Étape 1

Des détails plus précis, y compris les cheveux, seront créés grâce aux formes artistiques. Je vais commencer par deux formes artistiques. La première est un cercle aplati avec les extrémités effilées.  

Tapered Brush

Étape 2

La suivante forme artistique est créée à partir d'un triangle.

Triangle Brush

Étape 3

La forme triangulaire sert à imiter l'effet côtelé le long du cou du pull d'Andrew.

Lorsque le portrait parait trop simple, des petits détails comme celui-ci contribuent à élaborer une illustration plus travaillée.

Create the collar

Étape 4

A l'aide de l'Outil Pinceau (B) et la forme artistique effilée, j'ajoute des tracés pour les sourcils. La photo en bas m'indique la direction à suivre des poils pour qu'ils aient une apparence soignée.  

Adding the eyebrows

Étape 5

À l'aide de la forme triangulaire effilée, j'ajoute de la texture avec des plis et des traits à l'intérieur du cou et de la chemise.

Inside the collar

Étape 6

Je crée un Nouveau Calque en dessous du dessin au trait et je dessine un tracé avec un fond blanc qui suit la ligne des cheveux. Le but est de cacher les tracés que je dessine en-dessous de cette forme et créer une ligne nette.

Ci-dessous, on remarquera comment cette forme blanche nettoie mes traits. Je peux la laisser en blanc parce que la plupart du portrait sera dessin au trait sans d'autres ombres. Si vous souhaitez utilisez plusieurs couleurs, décomposez les tracés des cheveux avec contour, puis rognez la zone qui se chevauche avec la forme blanche. 

Adding the hair

5. Comment créer du dessin au trait pour les poils sur le visage

Étape 1

Puisque les poils du visage tombent sur la ligne du menton et lui donnent de la texture, je vais devoir chercher à les reproduire. Si je dessinais dessus des lignes, la ligne fine apparaîtrait quand-même en-dessous et cela manquerai de cohésion.

D'abord, je divise la ligne en deux avec l'Outil Tranche. Je coupe la ligne où les poils du visage commencent à déformer les lignes nettes du visage. Comme montré ci-dessous, c'est vers la partie inférieure de l'oreille. 

Using the Knife Tool

Étape 2

Pour ajouter de la texture à cette ligne, je la sélectionne et vais à Effet > Distorsion et Transformation > Esquisse. Puis, je trace plusieurs traits autour du menton et du nez au gré de la merveilleuse pose d'Andrew en vue de créer la même ligne bien définie et pourtant avec texture.

Create a textured line

Étape 3

À l'aide de l'Outil Pinceau (B) et la forme artistique effilée, je progresse alors vers le bas du visage, en disposant les traits lentement selon la direction des poils. C'est plus facile lorsqu'ils sont plus longs.

Astuce : s'il s'agit d'une barbe de trois jours, on s'en tire souvent avec un motif de remplissage au lieu de dessiner tous les traits.  

Adding texture

Continuez d'ajouter des traits, surtout dans les zones plus denses autour du cou et du menton.

Adding facial hair

6. Comment apporter les retouches finales

Étape 1

Avec la forme effilée, j'apporte quelques retouches finales aux yeux, y compris d'autres lignes sur la peau et aux cils.

Adding eyelashes

Étape 2

À l'aide de l'Outil Forme de Tache (Majuscule-B), tracez des points autour du bout de la langue, ce qui lui donnera de la texture et un subtil ombrage.

Adding texture to the tongue

Quel travail épatant, c'est fini !

J'achève toujours mes portraits avec une paire de grains de beauté. J'ai aussi ajouté une touche de couleur en donnant à Andrew des yeux bleu pâle.

J'espère que vous avez apprécié ce tutoriel et retenu quelques astuces pour améliorer vos propres créations. Si vous avez des questions ou vous voulez exhiber ce que vous avez pondu avec ce tutoriel, n'hésitez pas à le faire dans les commentaires.

The finished portrait
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.