Comment créer un portrait vectoriel monochrome en niveaux de gris dans Adobe Illustrator

Ce que vous allez créer

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer un portrait monochrome à partir d'une photo. Le sujet d’aujourd’hui est l’inspirante Aydian Dowling, qui nous a donné l’autorisation d’utiliser une de ses photos pour ce tutoriel.. 

Si vous ne savez pas qui est Aydian Dowling, laissez-moi vous présenter. Il est un vlogger et un activiste transgenre, qui a documenté sa transition sur sa chaîne YouTube ALionsFears. Il est le créateur / propriétaire de Point 5cc, une entreprise de vêtements de style trans qui aide ceux qui traversent leur propre transition..

En 2015, Aydian a connu une année fructueuse. Non seulement sa photo d'une photo emblématique d'Adam Levine est devenue virale, mais il a également été finaliste du concours de couverture Men's Health, devenant ainsi le premier homme transgenre à être considéré comme finaliste, remportant même la vote du public dans le processus! Il a été présenté dans de nombreux endroits et même interviewé par Ellen DeGeneres.

Commençons donc par créer Aydian en vecteur. Trouvez d'incroyables pinceaux Adobe Illustrator pour ce portrait et plus encore avec Envato Market et Envato Elements.

1. Comment changer votre référence en niveaux de gris

Étape 1

Aydian a eu la gentillesse de nous fournir une image haute résolution de lui-même pour ce tutoriel. Il a été photographié par beaucoup de gens, mais j’ai choisi un selfie qu’il a pris lui-même, sachant bien qu’il conservera le droit d’auteur sur l’image.. 

J'ai choisi une photo de lui qui, à mon avis, ressemble à lui. Nous savons tous qu'il y a des photos de nous-mêmes sous certains angles dans lesquels nous ne nous regardons pas. Donc, comme je voulais que les gens reconnaissent Aydian d'après le portrait, j'avais besoin d'une vraie ressemblance.

Étape 2

Je vais utiliser Adobe Photoshop en niveaux de gris de l'image. Je le fais en allant à Image> Réglages> Noir et blanc.

Selon l'image que vous utilisez, trouvez le préréglage le plus approprié ou modifiez-le à partir de votre sélection. J'ai opté pour le Blanc maximum préréglé puis cliqué sur D'accord.

2. Comment configurer votre fichier et créer les bases

Étape 1

S'ouvrir Adobe Illustrator et créer un Nouveau document imprimé

J'ai utilisé Fichier> Place placer notre image de référence sur la planche. Puis j'ai ajouté un remplissage blanc Rectangle (m) mis à 50% d'opacité dans un Nouvelle Couche. Enfin, j'ai créé un calque pour ajouter mes formes de base. 

Étape 2

Avec le Outil stylo (P), Je crée des bases pour chacune des zones clés, à part les cheveux. Je donne à chacun un remplissage de la couleur moyenne de ton moyen de ces zones.

3. Comment créer l'ombrage de la peau

Étape 1

Lorsque je travaille sur l'ombrage de la peau, j'ai tendance à travailler d'abord sur les tons moyens. Avec l'image de référence en niveaux de gris, il est plus facile de voir ces tons moyens..

Les formes pour les tons moyens prendraient beaucoup de temps à créer. Ce que je fais, c'est dessiner les reflets sur le visage puis les supprimer en utilisant Pathfinder> Minus Front à partir d'une copie de la forme de la base du visage.

Donc avec le Outil stylo (P), Je dessine les points saillants du visage d'Aydian.

Ensuite, je sélectionne les formes et crée un Chemin composé (Contrôle-8). Cela facilite la sélection de cette forme unique et d’une copie de la base à utiliser. Pathfinder> Minus Front.

Étape 2

En utilisant la première forme comme guide, je répète ensuite ce processus pour créer d'autres formes afin de rendre la peau. En définissant le calque en mode contour, je peux m'assurer que les limites des nouvelles formes ne sont pas des doublons exacts, et donc créer une graduation uniforme dans l'ombre..

Étape 3

Avec les quatre premières formes d’ombrage créées, je leur donne un gris Remplir et les mettre à Mode de fusion Multiplier, Opacité 15%.

Étape 4

Maintenant que les ombres à mi-tons sont terminées, je commence à dessiner les ombres les plus sombres. Encore une fois, je vais utiliser le Outil stylo, mais cette fois je n'utiliserai pas la méthode Pathfinder. Je vais juste dessiner les formes globales.

Vous remarquerez sur la capture d'écran ci-dessous, je suis allé au-delà de la base du visage. Ne vous inquiétez pas à ce sujet car cela sera corrigé plus tard.

Étape 5

Comme auparavant, j'ajoute d'autres formes pour les ombres plus sombres. 

Étape 6

Je sélectionne ensuite les formes d'ombres noires et applique Mode de fusion Multiplier, Opacité 15%. Voici notre ombrage jusqu'à présent.

Étape 7

Les formes d'ombrage sont alors Groupé ensemble (Contrôle-G) et avec un duplicata de la base faciale, je sélectionne à la fois le groupe et le duplicata pour créer un Masque d'écrêtage (Contrôle-7).

Étape 8

Maintenant, j'ajoute d'autres formes plus sombres. Ceux-ci utiliseront une nuance de gris plus sombre et auront des formes plus petites. Ils seront ensuite mis à Mode de fusion Multiplier, Opacité 5%. Ils seront regroupés puis ajoutés au masque d'écrêtage.

Étape 9

Ajouter des reflets à la peau. Ceux-ci sont faits avec transparent Gradients Radiaux, en utilisant une couleur blanc cassé. Les dégradés créent un contour doux aux formes, ce qui permet une transition plus douce des ombres et des rehauts. 

Ceux-ci sont mis à Écran du mode de fusion, Opacité 30%.

Et voici comment nous cherchons.

Étape 10

Je place l'ombrage et l'image de référence côte à côte et je recherche les différences évidentes. Parfois, vous pouvez ajouter trop d’ombre ou de surbrillance aux zones, et en observant l’original à côté de votre ombrage, vous pouvez voir où vous devez apporter des modifications..

Bien sûr, cette étape ne s'applique vraiment que si vous rendez quelqu'un que vous connaissez ou que vous connaissez. Cette attention particulière aux détails peut aider à rapprocher l'image de votre portrait de celle de la photo..

4. Comment vectoriser les cheveux

Étape 1

La première chose que je vais faire est de créer la base des cheveux. Je le fais en traçant l'image de référence avec le Outil stylo. Je crée une ligne en zig-zag le long de la racine des cheveux, mais je ne la mets pas dans le détail, car je mettrai plus de détails à ce sujet dans un instant..

Étape 2

Pour ajouter des détails aux cheveux, je vais créer une forme fuselée Pinceau d'art d'un noir Ellipse (L).

Étape 3

En utilisant le Outil Pinceau (B), dessinez de petits traits autour de la racine des cheveux avec la brosse fuselée. Ceci est pour donner une ligne de cheveux plus détaillée.

Ensuite, sélectionnez tous les traits et allez à Objet> Développer. Alors que les traits sont toujours sélectionnés, sélectionnez également la base et utilisez Pathfinder> Unite combiner toutes les formes pour créer une forme de base pour les cheveux.

Étape 4

Maintenant, j'ai une ligne de cheveux plus détaillée, le reste de la base a besoin de plus de détails. De beaux cheveux vont se détacher de la base. Pour les rendre, utilisez le Outil stylo (pour que les traits soient mieux contrôlés) avec la brosse effilée pour dessiner ces poils volants. Puis répétez le processus de Objet> Développer et Pathfinder> Unite.

Étape 5

Le style de rendu sur lequel je travaille est moins détaillé que mes précédents portraits. Plus de détails iront dans la base et les ombres subtiles qu'en ajoutant des centaines et des milliers de traits individuels.

Pour ce faire, vous devrez utiliser le Apparence panneau pour ajouter des dégradés à assombrir sur les bords de la forme de base. 

Étape 6

Comme la base est sombre et que les cheveux d’Aydian sont blonds, je vais devoir ajouter des traits à ceux-ci qui utilisent Écran du mode de fusion pour créer une nuance plus claire. Je commence à utiliser des traits plus larges (3 pt) et un faible Opacité et puis, à mesure que j'ajoute des détails plus raffinés, je réduis le Poids de l'AVC (1 pt) et utiliser un plus Opacité.

Les premiers coups se feront avec le Outil stylo j'ai donc plus de contrôle sur les courbes… puis, au fur et à mesure, j'utilise le Outil Pinceau.

Étape 7

Pour aider le contour des cheveux à se fondre davantage dans la peau et pour donner un bord moins dur, j’ajoute de nombreux traits le long de la racine des cheveux Opacité. Cela aide à définir les traits les plus définis de la racine des cheveux et à montrer plus de lacunes sur le cuir chevelu..

Étape 8

Je remarque que les racines et les côtés des cheveux ne sont pas aussi sombres que je les aimerais. Donc, ce que je fais est de créer des formes pour couvrir ces zones définies pour Mode de fusion Multiplier les assombrir. J'ai alors Groupe et utilisez un duplicata de la base des cheveux pour créer un Masque d'écrêtage (Contrôle-7).

Étape 9

Enfin, j'ajoute des traits plus brillants aux cheveux pour créer les points culminants.

5. Comment ajouter des détails au visage

Étape 1

Lorsque je crée la peau, je réalise également la majorité des ombres sur les lèvres. J'essaie de ne pas rendre les lèvres séparément de la peau car celles-ci sont une peau et je ne veux pas qu'elles aient l'air de flotter au-dessus de la peau..

Cependant, lorsque je vais ajouter des détails plus fins, il me faudra ajouter des formes plus petites pour intensifier le contraste des lèvres. Je recommande d'utiliser le Outil pinceau blob (Maj-B) pour créer ces formes.

Étape 2

En ajoutant les yeux, j'utilise Ellipses dans Masques d'écrêtage des formes des globes oculaires. Je utilise l Apparence panneau avec l'aide de Chemin de décalage créer l'effet nécessaire pour l'élève et l'iris.

Étape 3

Encore une fois, je compare côte à côte le portrait et l'image d'origine afin de pouvoir modifier les ombres et les rehauts, le cas échéant. Lors de l’utilisation de telles opacités, il peut parfois être difficile d’équilibrer correctement le contraste. Il est donc toujours préférable de vérifier avec l'image d'origine et de regarder les zones clés.

Par exemple, remarquez les ombres sombres autour de l'œil droit. Ces ombres doivent être plus sombres que les ombres sur le nez, etc..

6. Comment affiner les cheveux

Étape 1

Ajouter des traits plus sombres sur les cheveux pour aider à définir plus avant. Si vous regardez l’image originale, il y a des mèches et des touffes de cheveux bien définis sur le devant de la racine des cheveux. Ceci doit vraiment être reproduit dans le rendu des cheveux afin de rendre le portrait plus convaincant..

Étape 2

Je commence alors à ajouter les poils du visage et les sourcils. Je commence à utiliser Écran du mode de fusion coups avec le pinceau conique et Outil Pinceau (B)

Pour les poils du visage, je dessine d'abord les traits autour de la zone, puis je les complète. Cela rend plus rapide pour moi de rendre.

Étape 3

J'utilise alors Mode de fusion Multiplier coups pour ajouter des traits ombrés. Je termine en ajoutant du diluant Écran du mode de fusion coups pour montrer des moustaches prises par la lumière.

Étape 4

Je termine le portrait en ajoutant des cils et des reflets aux yeux. Tout le monde a des cils, bien que les femmes puissent avoir des cils plus exagérés en raison de l'utilisation de mascara et de cosmétiques, alors gardez cela à l'esprit..

Travail impressionnant, vous êtes maintenant fait!

J'ai terminé le portrait en utilisant un remplissage bleu sur le dessus pour créer une teinte bleue. J'ai utilisé le mode de fusion Brûler pour intensifier le contraste.

Puis, en guise de signe de tête pour le spectacle de Marco Marco organisé par Aydian lors de l'édition 2015 de LA Marco Marco, j'ai ajouté des traits d'un jaune éclatant à l'arrière-plan..

Ceux qui suivent mes tutoriels de portrait sauront que j'aime bien ajouter des taches de beauté pour symboliser un récit. Aydian n'en a pas… donc j'en ai ajouté un près de sa bouche car il est un activiste.

J'espère que vous avez apprécié ce tutoriel autant que j'ai aimé le créer. Un grand merci à Aydian de nous avoir autorisé à utiliser son image pour ce tutoriel..

A bientôt dans mon prochain tutoriel! 

Pinceaux Illustrator De Envato Elements

Créez de superbes portraits vectoriels de vos amis et de votre famille en parcourant l'un des étonnants packs de pinceaux Adobe Illustrator disponibles sur Envato Elements..

Pinceaux croquis de vecteur

Transformez n'importe qui en un portrait vectoriel illustre à l'aide de ce lot de pinceaux Illustrator inspirés d'un crayon. Ce pack comprend 50 pinceaux dessinés à la main conçus pour simuler l'aspect de vrais dessins traditionnels. Téléchargez ce pack pour commencer aujourd'hui!