Créer un portrait en utilisant seulement quatre couleurs!

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer un portrait vectoriel en utilisant seulement quatre couleurs. Il utilisera une variété de modes de fusion et d'opacités pour donner l'impression qu'une variété de nuances ont été utilisées..

Vous pouvez trouver les fichiers source dans le répertoire intitulé «source» qui figurait dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..


introduction

Je vais utiliser une image stock fournie par TasaStock pour créer un portrait en niveaux de gris avec des tirets de couleur et un aspect dégradé dans les cheveux..

Tout au long de ce tutoriel, je vais utiliser seulement quatre couleurs.

  • Gris clair: C = 0, M = 0, Y = 0, K = 20
  • gris: C = 60,59, M = 51,57, Y = 49,38, K = 19,48
  • Rose: C = 0, M = 95, Y = 20, K = 0
  • Vert: C = 80, M = 10, Y = 45, K = 0

Si vous suivez le didacticiel vous-même pour créer votre propre version, le ton de "gris" peut ne pas être exactement le résultat que vous obtenez. La raison du ton de gris irrégulier sera plus apparente au cours de ce tutoriel..


Étape 1

Ouvrez l’image stockée dans Photoshop et utilisez l’outil de rognage (C) pour rogner l’image à la composition souhaitée. J'ai choisi de me concentrer sur les bras et le visage, car je sens que les bras aideront à cadrer le portrait et à guider les yeux du spectateur autour de la pièce..



Étape 2

Glissez-déposez le calque "Arrière-plan" sur l'icône Créer un nouveau calque de la palette pour le dupliquer..

Je vais modifier le contraste de la référence de stock en utilisant les options prédéfinies dans "Courbes". Allez à Image> Réglages> Courbes et sélectionnez "Plus clair" dans le menu déroulant, puis cliquez sur OK. Répétez cette procédure avec le préréglage "Contraste linéaire".

Pour modifier l’image en niveaux de gris, sélectionnez Image> Réglages> Noir et blanc et sélectionnez le filtre vert défini dans le menu déroulant. Lorsqu'ils utilisent de tels préréglages, ils accentuent les couleurs contrastées de l'image, de sorte qu'un filtre vert fera ressortir les tons rouges. En conséquence, les contours des ombres de la peau et des lèvres seront améliorés et plus faciles à utiliser comme guides lors du rendu de la peau..



Étape 3

Maintenant que l'image de référence est en niveaux de gris, je vais enregistrer pour le Web et les périphériques sur une largeur de 600 pixels..

Dans Illustrator, créez un nouveau document orienté portrait, puis choisissez Fichier> Importer pour placer l’image de référence sur la toile. À l'aide de l'outil de transformation libre (E), redimensionnez l'image dans la planche de travail. Double-cliquez sur le dossier "Layer 1" et renommez-le "Référence", puis cliquez sur OK. Verrouiller le dossier de calque.

Créez un nouveau calque et renommez-le "BG". A l'aide de l'outil Rectangle (M), tracez un rectangle blanc sur le canevas et réduisez l'opacité à 30%. Verrouillez le dossier des calques. Créez un nouveau calque et renommez-le "Bases".



Étape 4

Jusqu'à ce que je dise le contraire, les formes dessinées utiliseront la couleur de remplissage gris clair. Tout d'abord créer les formes de base de la peau.



Étape 5

Créez un nouveau calque et renommez-le "Ombrage". Je vais commencer à ajouter l'ombrage de la peau en utilisant une variété de modes de fusion et d'opacités..

Le premier ensemble de formes concerne les ombres et les tons moyens à sombres de la peau, y compris les détails des lèvres. J'ai dupliqué les formes de peau de base du dossier de couches "Bases" et utilisé Pathfinder> Minus Front pour supprimer les zones surlignées de la peau afin de laisser les zones plus sombres de la peau..

Définissez ces formes sur Multiplier le mode de fusion et Opacité 10%. L'utilisation du mode de fusion multiple ajoute un ton gris / noir plus foncé au-dessus des calques situés en dessous, quels que soient les tons sous-jacents. Multiplier est un bon mode de fusion pour ajouter des ombres avec une variété de couleurs, car il conserve également la couleur de la forme d'origine..




Étape 6

Continuez à ajouter des formes pour les zones d'ombre moyennes à foncées, en utilisant la multiplication et l'opacité du mode de fusion à 10%..




Une fois cela fait, regroupez les formes des étapes 5 et 6 (Commande + G).



Étape 7

Dupliquez la forme de base de la peau et placez-la au-dessus du groupe de formes d’ombrage pour la peau dans le dossier "Shading". Sélectionnez les deux et créez un masque d'écrêtage (Commande + 7).



Étape 8

Je vais ajouter d'autres zones ombrées avec la gravure des couleurs et l'opacité du mode de fusion de 25%. Les modes de fusion Color Burn et Color Dodge se comportent de manière à augmenter le contraste des formes situées en dessous. Color Burn augmentera les formes les plus sombres en dessous, tandis que Color Dodge augmentera les formes les plus claires en dessous. Placer des formes à l'aide de Color Burn sur des formes multipliées augmentera l'ombre dans les zones les plus sombres (où plusieurs formes se chevauchent) et moins dans les zones où le nombre de formes qui se chevauchent n'est pas aussi grand..

Une fois les formes dessinées, regroupez-les (Commande + G) et faites-les glisser dans le groupe Masque de découpage..






Étape 9

Commencez à ajouter des formes pour ajouter des reflets à la peau. Ces formes seront définies sur l’écran du mode de fusion et sur une opacité de 10%. Au fur et à mesure que Multiply ajoute des tons gris / noirs à une pièce, le mode Fusion d’images ajoute un ton gris plus blanc / plus clair aux formes situées en dessous. En gardant cela à l’esprit, rappelez-vous la différence avec ces modes de fusion:

  • Couleur Brûlure / Esquive: Augmentation du contraste pour éclaircir ou assombrir des zones. Cela augmentera la saturation des couleurs en dessous..
  • Multiplier / Écran: Ajoute des tons noir / blanc pour assombrir / éclaircir les zones. Cela diminuera la saturation des couleurs en dessous..



Une fois terminé, regroupez les formes (Commande + G), puis faites glisser le groupe dans le masque de découpe..



Étape 10

Je vais ajouter plus de détails et de profondeur à la peau en ajoutant des formes plus petites et plus sombres. Ces formes auront le contraste de couleur et l'opacité du mode de fusion de 60%. Une fois terminé, regroupez les formes (Commande + G), puis faites glisser le groupe dans le masque de découpe..






Étape 11

Comme j'ai créé des formes plus ciblées sur l'ombre, je souhaite ajouter d'autres zones mises en surbrillance, mais avec une opacité accrue, comme auparavant. Celles-ci seront définies sur l’écran du mode de fusion et sur une opacité de 30%. Une fois terminé, les formes devront être groupées (Commande + G), puis glissées et déposées dans le masque de découpe..




Étape 12

Créez un dégradé linéaire transparent et ajoutez des formes à l'ensemble portrait en modes de fusion Multiplier et Opacité à 100%. Cela aidera à lisser les zones sombres plus sombres.



Une fois terminé, regroupez les formes (Commande + G) et placez-les dans le masque d'écrêtage..



Étape 13

Assurez-vous que tous les objets vectoriels sont visibles et effectuez un zoom avant de 400 à 600%. Capturez le travail et collez-le (Commande + V) dans Photoshop. À l’aide de l’outil Pipette (I), sélectionnez le ton gris le plus foncé de la pièce. J'ai choisi le gris le plus foncé vers le haut du bras.


Allez dans la pièce et double-cliquez sur la couleur dans la palette de couleurs pour obtenir le code HEX, puis copiez (Command + C) ce code. Retournez dans Illustrator, double-cliquez sur l'une des couleurs de la palette et collez (Commande + V) le code HEX dans la zone correspondante. Cliquez sur OK puis faites glisser cette couleur dans la palette Swatch. Ce sera le ton gris numéroté irrégulier comme décrit dans l'introduction..

Créez un nouveau calque au-dessus du dossier de calque "BG". Double-cliquez sur le calque et renommez-le "BG1". Utilisez l'outil Rectangle (M) pour dessiner un rectangle sur la planche avec la nouvelle nuance de gris..


Lorsque vous la prévisualisez, vous pouvez voir les bords des autres formes. Cependant, lorsque vous effectuez une sauvegarde pour le Web et les périphériques, vous ne verrez pas ceci comme ci-dessous:



Étape 14

En utilisant la couleur grise, je vais ajouter des éléments l'un à l'autre de transparents transparents dans les zones où l'ombrage de la peau n'est pas aussi sombre. Cela donne l'impression que les bras et le visage sortent de l'obscurité.





Étape 15

Certains des domaines que je pense pouvoir utiliser avec d'autres formes grises pour augmenter la profondeur de la forme. Comme les bras et le visage sortent de l'ombre et que, par définition, cette zone est la plus sombre, je vais éviter d'utiliser des modes de fusion plus sombres, tels que Multiplier et Color Burn. Les formes seront définies sur le mode de fusion Normal et sur une opacité de 60%. Ces formes ne seront pas incluses dans le masque d'écrêtage (cela s'applique également aux mélanges précédemment créés) car elles doivent être superposées sur la peau et l'ombre..



Étape 16

Créez un nouveau calque au-dessus du dossier "Shading" et renommez-le "Eyes". Quoi que je fasse d'un œil, répète pour l'autre. Avec la couleur grise, ajoutez des formes autour de l'œil et pour l'iris, comme indiqué ci-dessous (réglé sur Opacité 60%). Ajoutez une seconde forme avec une opacité inférieure à 30% pour donner également l’impression d’une ombre projetée sur l’iris.



Étape 17

Créez un dégradé radial transparent avec la nuance gris clair. Ajoutez ceci à une forme de cercle pour l'iris défini sur Écran en mode Fusion et sur 40% d'opacité..



Étape 18

En utilisant le même dégradé de gris clair, ajoutez des reflets au globe oculaire, à la paupière, au sourcil et à la partie inférieure de l’iris. Définissez ces formes sur l’écran du mode de fusion et sur une opacité de 50%.



Étape 19

Pour dessiner les cils, les sourcils et les cheveux, vous devez créer le pinceau "Profil largeur 1" de ce didacticiel..

À l'aide de l'outil Pinceau (B), tracez des traits pour les cils supérieurs avec un poids de trait de 0,5 pt. Réglez-les sur le mode de fusion Normal et sur une opacité de 70%. Regroupez-les une fois terminé (Commande + G). Tracez ensuite des traits pour les cils inférieurs avec les mêmes poids de trait et mode de fusion; cependant, changez l'opacité à 50%. Encore une fois, regroupez-les une fois terminé (Commande + G).



Étape 20

En utilisant un processus similaire, dessinez des traits pour les sourcils avec un poids de trait de 1 pt et une opacité de 20%.



Étape 21

À l'aide du dégradé radial transparent gris clair et de l'outil Ellipse (L), tracez des cercles pour les reflets de la lumière dans les yeux. Définissez le mode de fusion sur Couleur Dodge et Opacité sur 100%.



Étape 22

Créez un nouveau calque au-dessus du dossier "Eyes" et renommez-le "Cheveux". Utilisez l'outil Crayon (P) pour obtenir des lignes courbes lisses, tracez un guide indiquant l'endroit où vous souhaitez coiffer les cheveux..



Étape 23

À l’aide du guide capillaire, créez des formes de couche de base pour les mèches de cheveux. J'ai utilisé une copie de la forme de la base de la peau pour supprimer les formes autour du visage.


Remplissez les formes avec le dégradé radial transparent gris clair. À l’aide de l’outil Dégradé (G), positionnez les sources des dégradés à des endroits où les cheveux seront mieux mis en valeur - loin des racines. Définissez ces formes sur 30% d'opacité.




Étape 24

Avec l'outil Pinceau (B), je vais dessiner des mèches de cheveux sur les bases du dégradé. J'utilise le pinceau Width Profile 1, le trait Stroke Weight 2pt, la couleur du trait gris clair et l'opacité de 30%. Regrouper ces volets (Command + G) pour l'instant.



Étape 25

En utilisant les mêmes paramètres qu'à l'étape 24 et avec le mode de fusion défini sur Écran et une opacité de 50%, ajoutez des reflets aux cheveux..


Une fois cela fait, Groupez les brins (Commande + G).



Étape 26

Dupliquez les groupes créés aux étapes 24 et 25. Ensuite, accédez à Objet> Développez deux fois jusqu'à ce qu'il n'y ait plus de couleur de trait et qu'il n'y ait plus qu'une couleur de remplissage. Ensuite, unissez les formes à l'aide des outils Pathfinder. Pour vous assurer qu'ils ne forment qu'une seule forme, créez un tracé composé (Commande + 8)..


Créer un dégradé linéaire rose à vert et remplir le chemin composé.


Réglez ensuite le mode de fusion sur Lumière dure et Opacité à 50%..



Étape 27

Je vais développer les couleurs du dégradé pour le rendre plus dynamique. Tout d'abord, je vais ajouter du vert aux pointes des cheveux, mais en utilisant l'outil Pinceau (B). En utilisant le pinceau Profil de largeur 1, ajoutez une épaisseur de trait de 1 pt et la lumière tamisée en mode de fusion avec une opacité de 50%..



Étape 28

Utilisez ensuite la couleur rose vers le haut des cheveux et ajoutez des mèches avec le mode de mélange défini sur Écran à 50% d'opacité..



Étape 29

Je vais faire ressortir la couleur dans les racines. Cela rehausse davantage la couleur plutôt que de l'assombrir. Pour ce faire, je dessinerai des traits en superposition en mode fusion et une opacité de 20%..




Étape 30

Ajoutez maintenant des traits verts aux astuces configurées en mode de fusion Lumière forte et 20% d'opacité..




Étape 31

Dupliquez les formes de base des cheveux, celles auxquelles est appliqué le dégradé gris clair, puis faites glisser le groupe au-dessus des traits. Modifiez la couleur de remplissage en dégradé linéaire rose à vert. Utilisez l'outil Dégradé (G) pour modifier la direction du dégradé afin de vous assurer que le rose est en haut des formes et le vert en bas. Ajoutez deux formes supplémentaires à la mèche de cheveux en haut et à côté.

Définissez le Mode de fusion sur Teinte et Opacité à 80%. Vous remarquerez que cela ajoutera des tons bleus là où le dégradé se modifiera dans les cheveux, ce qui donne une illusion d’avoir utilisé plus de quatre couleurs.!




Étape 32

Créez un nouveau calque au-dessus du dossier "Hair" et renommez-le "Avant". Utilisez l'outil Rectangle (M) pour dessiner un rectangle gris sur la planche graphique définie sur Brûlure couleur en mode fusion et Opacité de 20%. Cela augmentera le contraste de la pièce entière.


Maintenant, dupliquez le rectangle et remplissez-le avec le vert et changez l'opacité à 10%. Cela augmentera encore le contraste, mais donnera également une touche verte très subtile.



Étape 33

Créez un dégradé radial transparent et rose, utilisez-le comme remplissage pour une forme sur les lèvres afin de donner une teinte rose aux lèvres. Changez le mode de fusion pour assombrir et l'opacité à 40%.



Étape 34

Créez un dégradé radial transparent et vert. Utilisez-le pour remplir les yeux et donner une teinte verte. Changez le mode de fusion pour assombrir et l'opacité à 40%.



Étape 35

Créez un nouveau calque sous le dossier "Shading" et renommez-le "Tattoo". Comme le nom de la couche le suggère, je vais créer un tatouage sur la fille. La raison de le placer sous le dossier des couches d'ombrage de la peau est que sa forme est ombrée de la même façon que le bras est ombré..

Utilisez l'outil Étoile (à partir des options de l'outil Forme) pour dessiner une étoile avec un poids de trait d'un pt avec gris comme couleur de trait. Ensuite, utilisez l'outil Segment de ligne (\) pour diviser l'étoile, en la traversant au centre. Définissez ces lignes sur 2 pt.



Étape 36

Sélectionnez tous les dessins au trait pour l'étoile et utilisez le pot de peinture dynamique (K) pour remplir les sections en rose et en vert..



Étape 37

Sélectionnez le groupe Peinture en direct, puis développez le groupe. Regroupez les dessins au trait gris, puis les formes roses / vertes (Commande + G). Dupliquez le groupe avec les formes rose / vert et appliquez un dégradé linéaire gris transparent. Utilisez l'outil de dégradé (G) pour changer la direction du dégradé..


Changez le mode de fusion en Multiply et l'opacité à 40%. Regrouper les trois éléments (Commande + G).



Étape 38

Reproduisez l'étoile plusieurs fois et placez-la autour du bras. Utilisez l'outil de transformation gratuite (E) pour redimensionner et faire pivoter les étoiles. Une fois terminé, regroupez les étoiles (Commande + G).



Étape 39

Allez dans le dossier "Bases" et dupliquez la base de la peau. Tracez un rectangle sur la zone avec les étoiles. Utilisez les outils Pathfinder pour intersecter une zone pour que les étoiles fassent partie d'un masque d'écrêtage (commande + 7)..



Étape 40

Sélectionnez le masque d'écrêtage et allez à Objet> Distorsion d'enveloppe> Créer avec déformation et sélectionnez la forme du poisson dans le menu déroulant. Modifiez les paramètres comme indiqué ci-dessous pour donner l'impression que le tatouage se plie autour du bras et est déformé par le muscle du bras..


Réduisez l'opacité de l'objet Envelope Distort à 50%. Puis dupliquez l'objet et changez le mode de fusion en éclaircissement.



Étape 41

Enfin, allez dans le dossier "Front" et utilisez l'outil Star avec le dégradé radial rose transparent sous l'œil. Utilisez l'outil de transformation libre (E) pour faire pivoter et "écraser" la forme afin de lui donner l'air de se trouver sur le contour de la joue..



Conclusion

En vous familiarisant avec les modes de fusion et leur utilisation, vous pouvez utiliser une palette restreinte pour créer un superbe vecteur.