Pour suivre ce tuto il faut :

- Photoshop (ici CS, 7 ou CS2 conviennent très bien aussi).
- Une souris ou une tablette graphique.
- Du temps et de la motivation !

Commençons.

Coloriser c'est mettre de la couleur à un dessin (aussi appelé Line) en noir & blanc. Quelques exemples...

coloLine de ples/Colo de jojotonic


coloLine de jesus kryst/Colo de m@

Ici 2 styles très différents, mais 2 styles superbes !

Pour trouver ces lines, vous pouvez aller sur café salé, dans la section Arena plus précisément.
Ou encore Atelier 4.0 GKboard, section collaborations.
Mais encore google par exemple !

Cependant essayez de prendre des dessins de grande taille (aussi appelés haute résolution/HR),
ça facilite la colo, surtout pour les détails. Pour ce tuto, on va prendre ce dessin (clic pour la high rez) :

colo

L'auteur est Ani.

N'oubliez pas de préciser l'auteur lorsque vous postez une colo, car c'est avant tout une collaboration !


Voici mon résultat final

colo


Et quelques autres colo

colo


N'hésitez pas à prendre exemple sur ces différentes colo si vous ne savez pas quoi faire, où placer les ombres durant la colorisation.

colo


Ouvrez ce dessin dans photoshop.


Perso pour coloriser j'aime travailler en plein écran sans menu ( raccourcis >> F). C'est plus clair. Donc mon plan de travail ressemble à çacolo


Tout d'abord vérifiez que le dessin est en RVB
(Aperçu ci-contre)








Maintenant créez un nouveau groupe que vous appellerez "Colo" puis passez le en mode produit.

colo >> colo


C'est dans ce groupe que vous glisserez tout vos calques concernant la colo du perso.
Cela évite d'être obligé de toujours les passer en mode produit, et on gagne un peu en liberté.

coloA propos du mode produit, c'est une des seules choses à savoir en colo. Ça permet de ne pas masquer les traits noirs du dessin.
Car il faut savoir qu'il existe autant de façon de coloriser que de coloristes !

Pour pouvoir peindre par dessus les traits du dessin il suffira de créer un calque en dehors du groupe.

colo

Bref, créez un calque dans ce groupe, que vous appellerez "Ambiance".




Ce calque n'est pas indispensable, moi même il m'arrive de m'en passer.



Toujours avant de commencer une colo, je me visualise ce que je vais faire dans ma petite tête,
et je choisis les tons généraux. Ici par exemple je verrais bien du rouge/violet en ton général.





Car même si l'on ne s'en rend pas forcément compte,
la lumière qui nous entoure est rarement totalement neutre..





Je vais donc partir sur cette couleur, code couleur #A16370
Le code couleur se trouve dans le sélecteur de couleur

colo


Remplissez le calque "Ambiance" avec (MAJ + F5)

colo

Soit..

colo


C'est une sorte de guide tout au long de la colo. Pour choisir ses couleurs.

On attaque maintenant les applats !

Créez un nouveau calque, au dessus du calque ambiance, que vous appellerez "Peau"

colo


Colorez la peau comme vous le sentez.

Vous pouvez utiliser le pinceau colo tout simplement, le lasso polygonale colo la plume colo ou n'importe.

Si votre dessin est assez clean, comme ici, vous pouvez utiliser la baguette magique colo

Sélectionnez le calque contenant le dessin, arrière plan normalement,
et cliquez sur les zones de peau de la demoiselle avec la baguette magique (shift + clic pour ajouter une sélection).
J'ai choisi 10 en tolérance.

Ce qui donne cecicolo

colo Note: ce tuto est assez vieux, aujourd'hui je n'utilise plus que le pinceau pour remplir

Ensuite pour éviter un effet d'aliasing sur les contours, dilatez la sélection, de 2 pixels par exemple.

colo


Appliquez maintenant un masque de fusion sur le calque "Peau" (sélectionnez le)

colo


colo Note: Aujourd'hui je n'utilise plus que le verrouillage de la transparence à la place des masques.

colo


Vous n'êtes pas obligés d'utiliser les masques de fusion, ou le verrouillage, c'est un choix personnel.

Vous pouvez aussi verrouiller la transparence après avoir rempli la sélection en cochant ce bouton colo

Il y a des dizaines et des dizaines de façon de coloriser d'ailleurs.
A vous de développer la vôtre.

Ceci est valable pour tout ce tuto, un tuto n'est pas à prendre au pied de la lettre !



Remplissez maintenant le calque peau avec la couleur qui vous plaît. J'ai choisi #F9974C

colo


colo Truc : Si certaines parties ne sont pas coloriées, ou inversement, corrigez celà en séléctionnant le masque de fusion,
et en peignant en noir pour gommer, en blanc pour ajouter.

Je ne vais pas réexpliquer la manip' pour tout. Donc créez un calque pour chaque partie (exemple : cheveux, metal, cuir...). Pour obtenir un perso haut en couleur.

Comme je sais que c'est une partie très chiante, voici mon PSD avec tout les calques. Attention le lien ne sera peut être pas définitif : Téléchargercolo

Voici ce que j'obtiens :

colo


C'est maintenant que tout va se corser. Les ombres !


Le résultat pour l'instant n'est pas extra.
Il n'y a aucun volume, c'est tout plat, il faut donner vie au perso !
Beaucoup s'arrêtent là, ne commettez pas cette erreur.

Pour l'ombre principal, je vais prendre #70454B

Ca peut paraître bizarre comme couleur, car assez lointain de la peau.
Mais c'est là qu'on va mettre cette ambiance violacée dont je parlais plus haut !

colo Evitez de choisir une ombre noire sur des couleurs.
Le résultat n'est pas très bon, cela a tendance à donner un effet sale, et faux.

Il faut donc passer de ça à ça :

colo >> colo


Certains seront clairement avantagés s'ils possèdent une tablette graphique.

Une tablette graphique, c'est ça

colo


colo Attention avec les tablettes graphiques ! Ce n'est pas un jouet, ni un gadget, le modèle plus haut coûte près de 300€.

Donc si vous achetez une tablette, assurez-vous d'en avoir l'utilité,
par exemple si c'est pous coloriser, soyez sûr que c'est pas un hobby passager.
Ce serait bête qu'elle prenne la poussière.

Bref. Le réel avantage, mis à part que l'on tient un crayon et non une souris dans la main,
c'est la gestion de la pression.

La pointe du stylet bouge, ce qui permet de faire varier des paramètres en appuyant plus ou moins fort avec le stylet.

La gestion de la pression peut gérer différentes choses, opacité du pinceau, flux, taille...
Je colorise avec plusieurs réglages, le plus important étant l'opacité.
Pour l'activer, allez dans les formes (F5), puis dans autre dynamique

colo


Revenons à nos ombres.

Pour coloriser, j'utilise un pinceau rond, avec tout à 100% le plus souvent.
Opacité à 100, flux à 100, dureté à 100.
Seulement, vu que j'utilise la gestion de la pression,
je peux varier l'opacité de 0 à 100% à ma guise, ce qui est impossible à la souris.

Utilisateurs de souris, vous devrez donc changer l'opacité de votre pinceau manuellement,
en bougeant ce curseur, pour faire une ombre plus ou moins appuyée.

colo


Pour placer les ombres, il faut étudier le corps humain.

colo Certaines parties sont plus en reliefs que d'autres. Les principales sont :

Les paumettes, le nez, le menton, les arcades.
Il va donc falloir retranscrire ce même relief sur notre perso.

Plus on peint une zone de façon sombre, plus cela suppose que cette zone est creusée.
Et inversement, plus on peind un endroit de façon claire, plus cela suppose qu'il a du relief.
Le tout étant de bien doser le tout.

Donc on choisis d'abord d'où vient la lumière,
pour pas faire trop compliqué, j'ai choisi une source lumineuse venant de droite, un peu en haut.

Il est possible de définir plusieurs sources lumineuses, de différentes couleurs, mais cela corse le tout.

coloAttention ! Lorsque vous choisissez la source de lumière, vous devez la garder pendant toute la colo !

Attention à ne pas faire d'erreurs de placements de lumière non plus.

Par exemple ici, si la lumière vient de droite, le côté gauche ne pourra pas être en pleine lumière !



coloVoici un très bon lien pour étudier un peu mieux l'anatomie humaine via un large choix de photos http://www.characterdesigns.com/


Truc : Si vous êtes victime d'un effet "de suite de ronds" de ce type :

colo


Et que vous voulez y remédier,
il faut mettre le "pas" du brush au minimum dans les formes (F5) :

colo


Voici un petit WIP (= work in progress) du visage.

colo


Prenez un pinceau rond, flux comme vous le sentez, je le laisse à 100,
pour l'opacité si vous utilisez la souris dimimuez là, exemple 50, ce n'est qu'un exemple.

Description des étapes :


1° Le perso n'est pas commencé, il n'y a que la couleur de base de la peau

2° Je préfère mettre tout une zone dans l'ombre,
puis mettre de la lumière sur ce qui en a besoin, je trouve ça plus simple.
Donc je peind tout le visage en #70454B, puis je reselectionne la couleur de base (#F9974C).
On commence par le nez. Je colorie l'arrête supérieure du nez.

3° J'attaque la paumette du côté de la lumière.

4° Maintenant le menton. Et j'ajoute un peu de lumière sur la joue encore dans l'ombre (avec un pinceau à plus faible opacité, <50%)

5° Les lèvres maintenant. Il suffit de suivre les traits de la line, qui supposent déjà un relief.

6° Au tour de la paumette de gauche, vu qu'elle est à l'opposé de la lumière, elle doit être un peu
plus dans l'ombre. Je la fait donc avec une couleur plus sombre.
Exemple : #985D4C

7° J'ajoute une pointe de lumière sur la même paumette et je corrige un peu l'autre.

8° Enfin, je fais l'oeil.

/!\ Vous devez changer la taille selon la situation.
Par exemple il faudra un pinceau plus grand pour la paumette, et plus petit pour les narines du nez !
Vous pouvez utiliser 20px pour la paumette, et 9 pour les narines, par exemple.

Voilà, ça peut paraître flou au début, mais ce qu'il faut retenir c'est qu'il faut coloriser au pinceau.

Essayez de ne pas utiliser un pinceau trop flou, sinon ça donne un côté plastoc assez désagréable.
Et surtout, évitez de coloriser principalement avec des outils tels que dégradé, goutte d'eau, doigt, flou gaussien (ou autre d'ailleurs).

Edit du 04/10/07 !
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

Pour éclaircir ce point, voici une petite vidéo que je viens de faire où on me voit coloriser le visage d'un dessin d'elsevilla, tout est fait au pinceau rond, comme d'hab.



_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Fin de l'edit...

J'applique la même méthode au reste du corps.

Ce qui donne

colo


Puis la jupe

colo


Pensez à suivre les ombres que vous avez déjà faites (pointillé),
ainsi que les traits de la line pour vous aider (Flèches). Pour un minimum de cohérence..

colo


N'hésitez pas à créer vous même des relief, exemple de plis :

colo


Je continue avec le reste, queue, oreille, cuir, aile, masque et brassard,
en prenant toujours des ombres qui tirent sur le rouge/violet :

colo


Sur le perso il ne reste maintenant plus que le métal et les cheveux.

Pour ces 2 là on va adopter une technique un peu différente.

D'abord le métal. Je procède en 3 étapes.

colo


1° Le métal de base

2° J'ajoute les ombres avec un pinceau dur (éviter les bords flou).
Vous pouvez changer de brush ici, j'ai pris un pinceau carré.

3° J'ajoute du blanc aux endroits où le métal est frappé par la lumière, des relfets.


Maintenant les cheveux. Il y a déjà ce tuto d'existant (lien mort) si vous voulez.

On peut utiliser différentes techniques.
Celle du doigt (tuto ci dessus), prendre un gros pinceau, ou un tout petit pour faire apparaitre les cheveux.

Voici ces techniques, grossièrement :

colo


1° J'ai juste pris un gros pinceau pour peindre grossièrement les cheveux, mais pour qu'il y ait du volume.

2° J'ai d'abord peind vite fait les cheveux, puis j'ai utilisé le doigt pour simulé des mèches de cheveux.

3° J'ai d'abord fait comme dans le 1° puis j'ai pris un tout petit pinceau et j'ai peint des cheveux plus en détail.


Maintenant créez un tout dernier calque ! Appelez le "Ombre portée",
déplacez le dans le groupe colo, et mettez le en mode produit.

colo


Choississez comme couleur un violet par trop foncé ni trop saturé. J'ai choisi #BFA4C3

C'est sur ce calque que vous mettrez les ombres portées des différents éléments du dessin.
Je préfère les mettre à la fin pour pas en oublier et pour moins me prendre la tête.

Donc par exemple, on veut faire l'ombre portée de la jupe sur les cuisses de la demoiselle.
Dans ce cas, récupérez la séléction du masque de fusion du calque "Peau".
En faisant ctrl + clic sur ce masque.
Où :

colo


Séléctionnez à nouveau le calque "Ombre Portée",
il ne vous reste plus qu'à dessiner l'ombre de la jupe.

colo


Astuce : Vous pouvez séléctionner plusieurs masques en même temps en faisant "Ajouter"
après un clic droit sur le masque.

colo


Résultat final :

colo >> colo


Les ombres portées permettent de donner plus de perspective à la colo,
ce qui est une bonne chose.

Voilà, vu que ce n'est qu'un tuto, je n'ai pas vraiment envie de faire le reste du dessin,
vous devriez pouvoir vous débrouiller maintenant ^^

Il suffit de lui mettre un peu de rouge, on met un peu d'ombre dans l'oeil,
quelques reflets blancs sur la peau ici et là, un petit cadre...Et bien sûr on signe !

Et donc, après quelques finitions et un fond fait plus vite que l'éclair,
la colo finie, roulement de tambours !

colo


NB : Applatissez votre calque avant de réduire l'image,
pour éviter que les calques bougent.

Un petit WIP de la colo

colo


2 WIP gentillement faits par RoM_1_

Pour montrer l'importance des textures

colo


colo


coloLes textures servent à donner plus de réalisme à une matière.
Par exemple on mettra une texture qui ressemble à de la pierre sur des rochers
pour leurs donner un côté brut, plus réaliste.

Vous pouvez en trouver ici ou

Exemple :

Sans puis avec texture, colo de Kepon

colo

colo


Dernière chose, vous pouvez aussi jouer avec les niveaux,
et la balance de couleur une fois la colo finie,
pour obtenir d'autres résultats !

colo

colo

colo


Et n'oubliez pas les choix de couleurs sont infinis !
Trouvez votre style, vos préférences. En théorie vous pouvez associer n'importe quelles couleurs entre elles,
mais attention à ne pas tomber dans le mauvais goût ! Ne faites pas trop de folie au début ^^

colo


Ainsi que les angles de lumière !
Au début préférez un éclairage simple, mais une fois à l'aise tentez le diable avec des angles de plus en plus difficile,
on comprend bien mieux le corps humain ainsi, et votre colo n'en sera que plus intéressante !

colo


colo Raccourcis utiles :


Espace : outil main

Espace + ctrl : Zoom+

Espace + alt : Zoom-

B : Pinceau

E : Gomme

D : Réinitialiser les couleurs (Noir & Blanc)

X : Echanger les couleurs arrière-plan/premier-plan

Alt : Pipette

Shift + F5 : Remplir

Vous pouvez également définir vos propres raccourcis !

NB : Certains veulent vraiment essayer d'utiliser le doigt pour coloriser, évitez !
Ca sert surtout aux débutants qui essayent de faire des dégradés,
mais vous n'irez pas bien loin avec cet outil...Il arrive vite à ses limites à mon goût.

coloRessources externes :

- La colo par Ani
- Mayang, textures
- Le mog, textures
- Théories et démonstrations avancées sur la colorisation
- Tutoriaux avancés sur la colorisation
- Photos du corps humain
- Etudes du corps humain


Bonne colo !

BOO © http://www.booahh.com
Tuto sur la colorisation