Tutoriel de colorisation Photoshop pour débutant
Pour imprimer ce tutorial : téléchargez-le
en version pdf
Le dessin initial, fait au feutre
fin sur une feuille A4. Ce type de dessin s'appelle un lineart |
Le dessin final, colorisé
avec Photoshop |
![]() |
![]() |
Ceci est l'une des premières colorisations que j'ai faites, il y a environ 20 ans. Depuis, j'ai eu l'occasion de pas mal progresser, mais je me suis dit que ce dessin serait un bon moyen d'apprendre les bases de la colo à ceux qui débutent, puisqu'il date de l'époque où je débutais aussi.
Voici les étapes à suivre pour réaliser ce style de dessin. Je vais essayer de détailler le plus possible les différentes étapes, j'espère que cela pourra aider ceux qui débutent en colorisation et en Photoshop. Attention, si vous êtes déjà un expert Photoshop, passez votre chemin, ce tuto n'est pas pour vous ! Il s'adresse plutôt aux personnes qui ne maîtrisent pas à fond Photoshop et qui sont curieuses de savoir comment colorier un dessin.
I - LA REALISATION DU LINEART
1. Faire le dessin au crayon sur du papier A4. Ne pas trop appuyer
sinon ça sera plus difficile à gommer après. |
6. On va tout d'abord cleaner le lineart. C'est à dire qu'on va retirer toutes les petites taches grisâtres, et transformer cette espèce d'image fade et grisonnante en un beau dessin bien contrasté avec du pur noir et du pur blanc. Pour cela, il y a plein de méthodes, que nous verrons en détail dans le tuto suivant. Pour le moment, on va dire qu'on auto-ajuste les niveaux (Ctrl-L puis cliquer sur 'Auto'). Puis on zoome sur les différentes parties de l'image pour effacer à la gomme les quelques petites taches grises que notre scanner a laissées, afin d'obtenir un line parfait comme sur la magnifique image de gauche !
9. On merge tous les calques (à supposer qu'il y en ait plusieurs), en faisant Ctrl-Shift-E. On se retrouve donc avec notre beau line sur un calque. On le renomme "lineart".
|
10. Une fois que votre line est bien clean, on est parfois pas
tout à fait satisfait de son dessin (bouche tordue, nez de
travers, oeil qui louche, stylo noir qui a bavé parce qu'on
a gommé trop tôt... personne n'est parfait !!) et on
aimerait le retoucher.
|
II - LA COLORISATION
11. Ca c'est très important : on va mettre le calque contenant le lineart en mode "Multiply". Pour cela on clique sur le calque, et on sélectionne "Multiply" dans la liste déroulante juste au-dessus, voir l'image ci-contre. (si vous avez Photoshop en français, il faut choisir "Produit"). Ce mode est très utile, il permet d'éviter les petits espaces blancs autour des traits quand on va passer à la mise en couleur. En fait, il n'affiche que les teintes sombres et transforme les teintes claires en transparent. Important : le lineart doit toujours être le calque le plus haut, ce qui veut dire qu'à chaque fois qu'on va créer un nouveau calque pour colorier quelque chose, il faudra toujours le positionner en-dessous du lineart. Comme ça, les contours noirs du dessin seront toujours visibles par-dessus la colorisation. 12. Ensuite on va créer un calque en-dessous du lineart
pour y mettre les premiers aplats de couleur. Pour créer
un calque, cliquez sur |
|
![]() |
13. Choisir une couleur pour la peau (moi pour ce dessin, j'avais
pris #EEAC8A). Puis cliquer, avec le pot de peinture, sur les zones
de peau afin de les colorier. C'est pas grave si ça dépasse
où si il reste des petits endroits blancs, de toutes façons
on repassera après avec la gomme et une brosse fine. On se
retrouve donc avec un calque contenant les aplats de couleur pour
la peau. On remarque d'ailleurs que notre lineart, grâce au
mode multiply, a gardé les traits noirs mais le blanc est devenu
transparent. |
|
![]() |
14. On cleane le calque "peau" avec la gomme
(raccourci clavier E) et une brosse
(raccourci clavier B) pour avoir une couleur bien définie et qui
recouvre bien toutes les zones de peau. Je vous conseille de choisir des
brosses petites à bords ronds pour ce type d'opération.
Ne pas hésiter de zoomer à fond pour bien combler tous les
petits coins blancs.
Voici à quoi ressemble mon dessin maintenant :
![]() |
15. On passe aux cheveux. Créer un nouveau calque entre
"lineart" et "peau". Pour ce dessin j'ai choisi
de lui faire les cheveux verts (pourquoi pas ?!) et j'ai choisi
la couleur #B0F132 comme référence. Pour colorier,
on peut soit faire pareil qu'avec la peau (pot de peinture puis
cleanage avec gomme et brosse), soit colorier directement les mèches
que l'on veut avec une brosse.
|
|
![]() |
Mon dessin ressemble maintenant à ceci : (avant l'application des effets)
Je ne vais pas trop m'attarder sur la bouche et les yeux, car je compte faire un tutoriel beaucoup plus détaillé sur la colorisation d'un visage (pour moi, c'est vraiment la partie la plus fun !). Les étapes 16 et 17 sont donc des façons plus rapides de colorier la bouche et les yeux.
17. La bouche. Coloriez les lèvres à la brosse sur un calque que vous appellerez "bouche", d'une couleur rouge unie. Puis on va s'occuper du petit reflet des lèvres, car la madame met du gloss bien brillant ! Mettez un autre calque par dessus, appelez-le "reflet bouche" et groupez-le avec le calque "bouche" (Ctrl-G sous Photoshop 7.0, ou bien Ctrl-Alt-G sous Photoshop CS) : cela va créer un clipping mask, c'est à dire que vous pourrez colorier en dépassant partout sur le calque "reflet bouche", tout ce qui dépassera de la zone couverte par le calque "bouche" sera masqué. C'est bien pratique pour pas avoir à s'embêter quand on fait les ombres et lumières au pinceau, je fais tout le temps ça. Sur le calque "reflet bouche", il suffit de faire un léger trait horizontal au centre des lèvres, pour représenter le reflet brillant du rouge à lèvres. J'ai utilisé une brosse à bord rond, de couleur blanche, et d'opacité 20% (voir les settings ci-dessous). J'obtiens le résultat ci-contre.
|
|
![]() |
18. On va maintenant colorier les yeux, ou plutôt l'oeil, puisque mon personnage a un oeil fermé (ça va me faciliter la tâche !). Sur un calque qu'on va appeler "iris", et qu'on va prendre soin de placer en-dessous du lineart, on va tout simplement colorier à la brosse l'iris. J'ai choisi une couleur vert foncé #2A9527. Puis par-dessus j'ai refait quelques points avec un vert un peu plus clair #A7D748. On peut aussi rajouter quelques légers points blancs pour représenter les reflets. Si, contrairement au mien, votre perso a les 2 yeux ouverts, prenez soin de mettre les reflets au même endroit sur chaque oeil ! |
|
![]() |
19. Les vêtements : on peut faire pareil que ce qu'on a fait pour la colo de la peau : pot de peinture et brosse. Penser aussi aux textures qui peuvent donner un aspect sympa (mais attention à ne pas en abuser sinon ça fait cheap !) Je ne vais pas m'attarder sur les ombres et lumières, puisque ce tutoriel est plutôt destiné aux débutants. Je ferai bientôt un autre tutoriel plus détaillé sur le digital painting.
20. On peut ajouter tous les petits détails qu'on veut, bijoux, maquillage (brosse à contours flous et à faible opacité qu'on va appliquer autour de l'oeil et sur les pommettes), petites mèches folles de cheveux, cils supplémentaires, plis sur les vêtements... c'est l'étape où on laisse libre cours à ses idées ! C'est ça qui est bien avec le dessin numérique, on peut tout tenter et annuler ensuite si ça nous plait pas !
21. Le fond. Pour ce dessin j'ai fait simple : un simple dégradé
grâce à l'outil Gradient |
|
![]() |
Parfois pour le fond je mets aussi une photo, mais là il faut faire attention que le dessin s'intègre bien et que les couleurs correspondent un minimum. Ou alors on peut aussi utiliser un fond que l'on a dessiné soi-même, et le colorier de la même manière.
Et voilà le dessin final !
The end
Si ce tuto vous a plu, ou si vous avez des questions ou des commentaires et critiques pour m'aider à améliorer ce tuto, n'hésitez pas à m'envoyer un mail ou à me laisser un message sur mon livre d'or. Je tâcherai d'y répondre ! Et je compte sur vous pour m'envoyer vos dessins ! ;)