Créer un portrait inspiré du punk vapeur dans Illustrator CS6

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment j'ai créé ce portrait inspiré par Steam Punk d'un ami utilisant Illustrator CS6. Je vais vous montrer l’ensemble du processus, depuis l’esquisse avec l’outil Pinceau Blob, en passant par le dessin des nombreuses formes, puis par la coloration. Vous apprendrez à suivre un processus professionnel d'illustration vectorielle pour créer ce travail stylisé et vieilli. Alors sautons directement et amusons-nous de manière évolutive!


Étape 1

Mon portrait de steam punk sera basé sur la photo d’un de mes amis. Je l'ai simplement rendu en niveaux de gris dans Photoshop, puis Fichier> Placé dans un nouveau document dans Adobe Illustrator, puis j'ai configuré les calques comme indiqué ci-dessous..

Dans le dossier de calque "BG" se trouve un rectangle de remplissage blanc (M) avec une opacité de 50%. Il est à noter que j'ai Voir> Masquer les Artboards. En ce qui concerne le dessin, je ne veux pas me sentir limité par des limites prédéterminées.



Étape 2

Je vais utiliser l'outil Pinceau Blob (Maj + B) pour dessiner mon illustration avant de dessiner dessus avec l'outil Plume (P). Cependant, je vais d'abord cliquer deux fois sur l'outil Pinceau Blob dans la barre d'outils pour accéder aux options de l'outil. Je vais réduire la taille à 3 points, la définir pour qu'elle soit influencée par la pression de ma tablette graphique, puis définir la variation sur 3 points. Enfin, cliquez sur Ok.


Maintenant, je viens d’esquisser différentes idées sur le portrait. Je sais que je voulais inclure des dreadlocks et des lunettes de protection, mais je n'étais pas sûr du reste.



Étape 3

J'ai donc organisé mes calques pour que l'esquisse soit située sous le rectangle blanc (M). J'ai verrouillé toutes mes formes et mon concept de dessin que j'ai décidé d'utiliser pour l'illustration. Il est temps de commencer le dessin au trait.



Étape 4

Pour les dessins au trait, sauf indication contraire, je vais utiliser l'outil Plume (P) avec un trait ombré noir. La couleur est sans importance pour le moment, car elle changera à un stade ultérieur. Je commence avec des formes très basiques pour le visage, le foulard, le cou, la cravate et le pull. Utilisez les guides intelligents (Commande + U) pour vous assurer que vos lignes se croisent et s’affleurent.



Étape 5

Je vais utiliser l'outil Pinceau (B) pour dessiner les dreadlocks. Je vais utiliser une ligne uniforme de base avec Round Caps et un poids de trait de 20 pts. Commencez par remplir le dos de la coiffure en vous assurant d’avoir assez de dreadlocks le long du haut du foulard, puis ajoutez un couple de dreadlocks de chaque côté, qui sera drapé sur les épaules..


Après avoir dessiné vos dreadlocks, sélectionnez tous les traits, puis sélectionnez Objet> Développer l’apparence, puis Objet> Développer. Changez le remplissage en blanc et le contour en noir pour correspondre au reste de votre illustration..



Étape 6

Je vais construire les lunettes à partir d’Ellipses dupliquées (L) avec un trait noir mat et un remplissage blanc. Après avoir créé la première section du masque, je l’ai ensuite groupée (Commande + G). Ensuite, je l'ai dupliqué et poussé vers le haut avec mes touches fléchées. J'ai utilisé Align> Horizontal Align Center pour le maintenir centré.


J'ai ensuite placé les cercles créés avec l'outil Ellipse (L) tous les 45 degrés. Ceci est juste une décoration supplémentaire pour les lunettes.



Étape 7

Je vais placer une croix sur l'une des lunettes. Ainsi, en utilisant l'outil Segment de ligne (\), j'ai dessiné une croix avec des lignes d'épaisseur de trait de 10 points. J'ai ensuite Object> Expanded et utilisé Pathfinder> Unite pour créer une croix.

Dupliquez un des cercles du masque, puis utilisez l’outil de transformation libre (E) pour le redimensionner afin qu’il soit un peu plus petit que le haut du masque. Ensuite, utilisez Pathfinder> Intersect pour créer la croix autonome. Donnez-lui un coup noir et un fond blanc. Une fois cela fait, Groupez tous les éléments pour le masque (Commande + G).



Étape 8

Utilisez l'outil de transformation libre (E) pour positionner le masque sur le foulard et l'incliner légèrement. Dupliquez-le et utilisez Objet> Transformer> Réfléchir verticalement, puis masquez la croix. Positionnez le masque dupliqué de sorte que nous en ayons maintenant deux sur le foulard.

Je vais créer une sangle en traçant une ligne de poids de trait de 40 points le long du foulard d'une oreille à l'autre, puis appliquez le profil "Largeur profil 1" pour obtenir des extrémités effilées..


Utilisez Objet> Développer l’apparence et Objet> Développer lui donne un fond blanc et un trait noir. Vous remarquerez qu'il peut y avoir beaucoup de points inutiles sur la sangle, utilisez donc Objet> Chemin> Simplifier pour réduire le nombre de points.



Étape 9

J'ai ajouté l'extrémité de la sangle sur le côté de l'un des lunettes. J'ai utilisé une ligne d'épaisseur de trait de 40 points avec le profil "Profil de largeur 3" pour lui donner une extrémité pointue. Après Expanding, j'ai ajouté une ligne le long du bord de l'extrémité de la sangle et la sangle le long du foulard pour donner un peu plus de détails..


J'ai ensuite utilisé l'outil Ellipse (L) pour ajouter des trous de boucle à l'extrémité de la sangle, comme indiqué ci-dessous:



Étape 10

Maintenant que les formes de base sont dessinées, il me faudra ajouter des lignes pour définir les plis dans le foulard. J'ai ajouté une ligne en pointillé le long du bord de l'écharpe avec un tiret de 5 points et un écart de 2 points.


Les formes des orbites et des oreilles. Les oreilles auront besoin d'un remplissage blanc.



Étape 11

Pour l'iris et les élèves, j'ai tracé un cercle pair avec l'outil Ellipse (L), puis je l'ai dupliqué et réduit la taille à l'aide de l'outil Free Transform (E). J'ai ensuite dupliqué les deux cercles et je l'ai déplacé vers l'autre œil. Nous avons donc maintenant deux cercles pour les deux yeux..

Ensuite, j'ai utilisé l'outil Plume (P) pour ajouter des points supplémentaires où les cercles se croisent avec la forme des yeux (les guides intelligents s'avèrent très utiles ici!). J'ai ensuite utilisé l'outil de sélection directe (A) pour sélectionner les points inutiles et les supprimer..



Étape 12

De temps en temps, je partage des travaux en cours sur ma page Facebook. Lorsque j'ai initialement montré les dessins au trait de base pour ce portrait, des gens m'ont demandé de faire de ce portrait un ange Gasmask. Un ange Gasmask est un ensemble de personnages / thèmes que je crée de temps en temps pour essayer de me pousser de manière créative. Même si je ne vais pas créer l'un de ces personnages, j'ai pensé prendre la suggestion et ajouter un masque à gaz… et ils sont très faciles à créer, surtout si vous avez déjà l'un des éléments.!

Tout d'abord, je vais ajouter le masque autour de la région de la bouche. Je vais d'abord dessiner la moitié du masque, puis le dupliquer et Objet> Transformer> Réfléchir verticalement. Après les avoir alignés, j'utiliserai Pathfinder> Unite pour créer une forme..


J'ai ensuite dupliqué le masque, l'ai agrandi légèrement, l'ai pivoté et ajouté des détails sur le masque et la buse. J'ai ajouté des formes de chaque côté du visage pour les sangles du masque. Cela aidera à encadrer le visage.



Étape 13

J'ai ajouté des formes de chaque côté du visage pour les cheveux et les ai placées au-dessus de la forme du visage mais en dessous de la forme du foulard. Pour les sourcils, j'ai créé une forme, puis dupliquée et reflétée.



Étape 14

Maintenant, rangez le dessin au trait avant de le colorier. Tout d'abord, je vais utiliser Profils pour amincir les extrémités des traits pour les yeux, la buse et le foulard.



Étape 15

Je vais ranger les dreadlocks qui se superposent sur le pull des personnages.


Dupliquez toutes les formes utilisées pour le personnage, à l'exception des dreadlocks, et utilisez Pathfinder> Unite pour créer une forme. Retirez ensuite la partie inférieure de la forme à l’aide d’un rectangle (M) et de Pathfinder> Moins avant..


Dupliquez cette forme plusieurs fois et utilisez les copies des quatre dreadlocks de Pathfinder> Minus Front. Ces formes peuvent maintenant s'ajouter à toutes vos autres formes.



Étape 16

Je serai le premier à l'admettre, la couleur n'est pas souvent mon fort talent et vous avez parfois besoin d'aide dans ce domaine. L’utilisation de Kuler par Adobe est l’un de mes moyens préférés d’inspiration couleur. Je me suis donc connecté au site avec mon identifiant Adobe et j'ai effectué une recherche sur "steam punk". J'ai tout de suite trouvé une grande palette que vous pouvez télécharger sur le site Web une fois connecté..


Ensuite, dans le panneau Nuancier, allez dans le menu déroulant et dans "Ouvrir une bibliothèque de nuées" et localisez votre nouveau nuancier. En cliquant sur le dossier à gauche, toutes les couleurs de votre panneau Swatch seront ajoutées..



Étape 17

Je vais commencer par regrouper tous les dessins au trait (Commande + G), puis les dupliquer. Je vais lui donner une couleur de trait de sable (C = 26, M = 29, Y = 72, K = 1) et, le cas échéant, un remplissage crème (C = 5, M = 6, Y = 22, K = 0) Je vais appliquer le pinceau par défaut "Crayon - Fin" aux traits, puis définir l'ensemble du groupe sur Multiplier le mode de fusion avec une opacité de 60%. J'ai ensuite placé un rectangle rempli de crème (M) derrière le groupe.


J'ai dupliqué le dessin au trait à nouveau et ensuite utilisé les couleurs suivantes de la nuance inspirée par steam punk. Ci-dessous montre la combinaison pour laquelle je suis allé:



Étape 18

J'ai ajouté quelques couleurs supplémentaires à notre swatch inspiré du steam punk brun. J'ai ajouté une nuance sans magenta (C = 0, M = 95, Y = 20, K = 0) et une nuance vert paon (C = 80, M = 10, Y = 45, K = 0) en partie parce que J'adore cette combinaison de couleurs et en partie parce que le marron de cette illustration me semble un peu terne!



Étape 19

Je vais commencer le processus d'ombrage des différentes zones. Chaque type de région nécessitera un ombrage différent. Pour une zone aux contours irréguliers - tels que la peau, les courroies de lunettes, le masque à gaz et le tissu, vous devez dessiner les ombres à la main à l'aide de l'outil Crayon (P). Comme le visage est plus ou moins symétrique, j'ai dessiné une moitié. Ensuite, j'ai dupliqué Objet> Transformer> Reflété verticalement, puis utilisé Pathfinder> Unite..



Étape 20

Je donne à chacune des formes d'ombrage un remplissage brun foncé (C = 51, M = 69, Y = 86, K = 68) et je les règle en mode Fusion, multiplier avec une opacité de 5%. Ensuite, j'ai augmenté l'ombrage en chevauchant simplement les formes, comme indiqué ci-dessous..


J'ai regroupé les formes d'ombrage (Commande + G). J'ai ensuite dupliqué la forme du visage et je l'ai utilisé pour créer un masque d'écrêtage (commande + 7). Cette méthode a été utilisée tout au long de l'illustration.



Étape 21

J'ai continué à ombrer l'illustration comme indiqué ci-dessous:


Pour les surfaces plus régulières, par exemple les surfaces lisses telles que les lunettes de protection, j'ai utilisé une méthode Stroke Aligned Inside pour divers poids et opacités du trait, comme indiqué ci-dessous:


Une méthode similaire est utilisée pour les dreadlocks. Ils prennent beaucoup de temps à nuancer, car j’ai utilisé Pathfinder> Minus Front pour supprimer les formes des formes dupliquées des dreadlocks. Cependant, cela en vaut la peine car cela leur donne une texture irrégulière.

Au lieu d'utiliser des poids de trait pour manipuler la zone à ombrer, j'ai utilisé Effet> Chemin> Chemin décalé et compensé par -1pt, -1.5pt et -2pt. J'ai ensuite regroupé tous les éléments (Commande + G) puis les ai placés dans un masque d'écrêtage (Commande + 7).



Étape 22

Les sourcils et les cheveux sont créés de manière similaire. J'ai tracé une ligne rugueuse en zigzag avec l'outil Pinceau (B) à l'aide du pinceau Charcoal - Feather. Je l'ai ensuite réglé sur le mode de fusion Multiplier avec une opacité de 20% et le placer dans un masque d'écrêtage (commande + 7).



Étape 23

J'ai décidé de modifier la couleur de la ligne d'origine et de la définir en brun foncé (C = 51, M = 69, Y = 86, K = 68). Cela aidera à éviter que le dessin au trait ait l'air si délavé sur la zone du foulard.



Étape 24

Je vais ajouter plus de nuance autour des yeux. Tout d'abord, ajoutez un peu plus sur les paupières pour les assombrir. J'ai ensuite utilisé l'ombre de sable réglée sur Écran en mode Fusion avec une opacité de 30% pour ajouter une surbrillance au bas de l'iris. J'ai ensuite ajouté un reflet en utilisant la teinte la plus pâle (C = 5, M = 6, Y = 23, K = 0) réglée sur le mode Fusion (Screen) avec une opacité de 80%..

J'ai regroupé ces éléments et les ai placés sous tous les autres ombrages (Commande + G).



Étape 25

J'emploierai l'outil Pinceau Blob (Maj + B) à nouveau, mais cette fois-ci pour ajouter une mise en surbrillance subtile à certaines parties de l'illustration, ainsi que pour ajouter une texture. Je vais donc commencer par modifier la taille de 3 à 2 points.


Ci-dessous, vous pouvez voir où j'ai ajouté les détails de la surbrillance. J'ai utilisé la nuance la plus pâle et les ai réglés sur Écran en mode Fusion avec une opacité de 20%..



Étape 26

J'ai utilisé le brun foncé pour texturer les dreadlocks. Ceux-ci sont réglés sur Multiplier le mode de fusion avec l'opacité 10%. Ce ne sont que des traits irréguliers, comme vous pouvez le voir dans les griffonnages à la droite de la capture d'écran suivante:


J'ai ensuite dessiné d'autres traits autour du visage, des lanières et des zones de tissu pour ajouter de l'ombre et de la texture aux mêmes paramètres..



Étape 27

Les couleurs sont toujours un peu fades pour moi. J'ai donc utilisé l'outil de sélection directe (A) pendant que les autres éléments étaient verrouillés pour sélectionner des zones, puis modifier le remplissage..



Étape 28

Dupliquez un groupe de dessins au trait, puis Objet> Développer l’apparence et objet> Développer. J'ai ensuite utilisé Pathfinder> Unite pour créer une forme de tout le personnage..


J'ai utilisé cette forme pour créer ensuite un contour autour du personnage à l'aide de l'option Aligner le trait à l'extérieur avec la nuance de sourcils foncés et un poids de trait de 2 points. Ce paramètre est ensuite défini sur Multiplier le mode de fusion avec l'opacité 30%..



Étape 29

Je vais créer un arrière-plan simple et rapide. Premièrement, je vais dessiner de nombreux rectangles (M) pâles à l’arrière-plan. Cependant, comme vous le voyez, cela modifie la coloration de notre personnage. En effet, aucune des formes utilisées pour produire le caractère n'est définie sur Mode de fusion Normal avec opacité 100%.


Pour résoudre ce problème, je pouvais utiliser la forme créée à l'étape 28 pour constituer une base sous le caractère entier et définir le mode de fusion Normal avec une opacité de 100%. Ou je peux l'utiliser pour Pathfinder> Moins d'un rectangle (M) et créer un masque d'écrêtage (Commande + 7). J'ai opté pour ce dernier uniquement en raison de la réduction de la zone au-delà du portrait et bien, j'aime bien les masques d'écrêtage.


J'ai ensuite utilisé l'outil de sélection directe (A) pour modifier le remplissage de quelques bandes d'arrière-plan..



Étape 30

Enfin, j'ai utilisé l'outil Artboard (Shift + O) pour définir la zone de travail..



Conclusion

J'ai modifié la couleur de quelques éléments, y compris les lunettes de protection, mais à part ça, c'est mon vieux portrait à la vapeur punk.