Comment créer une illustration vectorielle peinte avec des pinceaux personnalisés

Aujourd'hui, nous allons apprendre à créer des illustrations vectorielles dynamiques avec Adobe Illustrator CS5. Ce tutoriel portera sur de nombreux aspects du rendu des vêtements, de l'éclairage avancé et de la création de pinceaux uniques qui vous aideront dans vos futurs projets de développement de personnages..

introduction

Ce tutoriel suivra le processus que j'ai utilisé pour colorer une esquisse de personnage dynamique. Je vous encourage à suivre vos propres croquis et à adapter les étapes aux éléments que vous dessinez. À la fin de ce tutoriel, vous aurez appris de nouvelles techniques que vous pouvez appliquer et adapter à votre propre style de création. Alors commençons!


Étape 1

J'ai d'abord commencé à faire mes formes de pinceau. Je vais généralement varier les formes en fonction du type de ligne dont j'ai besoin.
La chose importante à comprendre ici est de vous assurer que vos pinceaux sont aussi basiques que possible (ces pinceaux seront principalement utilisés pour l’encrage)..



Étape 2

Passons à la création de nos pinceaux. Mes options d'échelle de pinceau (1) sont réglées pour s'étirer afin de s'adapter à la longueur du trait, et ma méthode de colorisation (2) est la teinte. Définir les options de pinceau sur les teintes me permettra de changer la couleur de mon trait.



Étape 3

Maintenant, j'ai commencé à colorer certains des détails de base du visage et des cheveux. Je ne suis pas encore inquiet pour la couleur car je changerai de couleur en fonction des groupements. Assurez-vous simplement que lorsque vous créez un groupe (les yeux et les dents sont de la même couleur), vous êtes sûr que ces groupes ont un sens..



Étape 4

Je vais maintenant commencer à créer les casques pour mon esquisse de personnage à l'aide de l'outil Ellipse (L). Je dessine deux ovales l'un dans l'autre.



Étape 5

Maintenant, je place le casque tel que l'esquisse.



Étape 6

Ensuite, je dessinerai un ovale plus petit à l'intérieur pour donner plus de profondeur au casque..



Étape 7

Ensuite, j'ai fait glisser une nouvelle copie (Ctrl + Alt + Drag) sur l'autre face du personnage.



Étape 8

Saisissez l'outil de réflexion (O) et maintenez la touche Maj + Glissez le casque pour inverser sa position..



Étape 9

Je place le deuxième casque dans la bonne position (1). Ensuite, je sélectionne Sélectionner> Identique> Couleur de remplissage pour sélectionner la couleur rose (l'objet chemise)..



Étape 10

Je change la chemise et les lignes en gris clair.



Étape 11

Nous avons maintenant la bonne couleur pour la chemise. Regrouper les couleurs de cette façon vous aidera à garder vos couleurs en ordre et à
il est plus facile de créer des illustrations complexes.



Étape 12

J'ai utilisé les étapes ci-dessus pour changer le reste des couleurs du personnage. Je voulais garder le centre du personnage sur la moitié supérieure de son corps, alors je me suis assuré que le rouge était dominant et seulement à certains endroits..



Étape 13

Maintenant je sélectionne le personnage entier.



Étape 14

Dans le dialogue de re-couleur des illustrations (Fenêtre> Guide des couleurs, puis dans l’onglet du menu situé en haut, cliquez sur Recoloriser les illustrations), j’assombris les couleurs de l’ensemble du caractère en faisant glisser le curseur de luminosité (1) vers la gauche. Assurez-vous que la chaîne de liens est sélectionnée (2) afin que toutes les couleurs soient incluses.



Étape 15

Ensuite, je sélectionne le caractère entier et fais glisser pour faire une copie (Ctrl + Alt + Drag).



Étape 16

Changer le caractère entier blanc solide.



Étape 17

Définissez le caractère blanc uni sur le mode de couleur Superposition et placez-le directement sur le caractère de couleur complet.



Étape 18

Créez maintenant un masque d'opacité (1) avec l'option de découpage sélectionnée (2). (Allez au menu déroulant dans le panneau de transparence et sélectionnez - Créer un masque d'opacité)



Étape 19

À l'intérieur du masque d'opacité (assurez-vous que l'icône du masque est sélectionnée dans le panneau de transparence) - notez cette barre d'état (1) qui vous permet de savoir que vous travaillez dans un masque d'opacité. Prenez l'outil pinceau et dans un mouvement circulaire, commencez à ajouter de la valeur avec un dégradé linéaire (2).



Étape 20

Maintenant j'ajoute plus de faits saillants de base au personnage.



Étape 21

J'ajoute plus de couches de valeur en utilisant un paramètre d'opacité plus faible (1).



Étape 22

Ensuite, je travaille sur la création de la base pour le rendu des rides. Je continue à construire l'éclairage en gardant à l'esprit les motifs de rides.



Étape 23

J'ai ajouté plus de points forts aux personnages dans les directions et les rythmes indiqués par les flèches orange. J'ai aussi commencé à développer les yeux.



Étape 24

Ensuite, j'ai fini les yeux et j'ai développé la conception des rides.



Étape 25

Ensuite, j'ai commencé à ajouter des reflets aux cheveux. Gardant à l'esprit que ses cheveux sont d'une personne afro-américaine, donc je le texture en conséquence.



Étape 26

Ensuite, je prends ma superposition de masque d'opacité et lui donne un remplissage en dégradé. Cela donne au personnage un bel éclairage équilibré (cela fonctionne mieux avec des couleurs complémentaires).



Étape 27

Ensuite, je commence à "POP" les lumières autour du visage et des épaules (notez la direction indiquée par les flèches).



Étape 28

Ensuite, j'applique plus de lumière sur le côté des cheveux et du visage des personnages. Les flèches orange indiquent la direction des coups de pinceau et la direction de l'éclairage.



Étape 29

Ici nous avons terminé l'éclairage.



Étape 30

J'ai importé des flèches de vecteur créées dans Google SketchUp.



Étape 31

Ensuite, je crée des pinceaux pour chacun d’eux (pinceaux inclus dans le fichier). Avec l’option Echelle du pinceau (1) définie sur Étirer pour l’ajustement et Colorisation (2) sur teintes et nuances.



Étape 32

Ensuite, j'utilise différentes tailles de pinceaux et de flèches pour créer une composition similaire à l'esquisse référencée..



Étape 33

Ensuite, je modifie les flèches en orange plus foncé et applique un dégradé linéaire défini à l'écran à toutes les flèches..



Étape 34

Maintenant, j'ajoute des lignes aux flèches pour leur donner un sens de la forme. J'utilise le mode superposition pour donner les lignes et l'effet de superposition.



Étape 35

J'ai sauté dans des barres noires pour être placé derrière les flèches pour donner un effet des flèches sortant de la boîte.



Image finale

Et là nous l'avons. Illustration vectorielle de style peint. Jouez avec les techniques que j'ai décrites dans ce tutoriel et voyez ce que vous pouvez créer. J'espère que vous avez apprécié cette tut.