Tuto - Colo
lundi 25 septembre 2006 Par BOO, dans Tuto & Wip -# 78 - Fil RSS
Un tutorial sur la colorisation qui j'espère aidera les plus démunis ^^
Attention, n'oubliez pas qu'un tuto n'est pas à suivre au pied de la lettre, mais à adapter selon chacun !

Et c'est en colorisant qu'on devient coloriste ! Bonne chance, ciao !
Edition le 04/10/07 ! Ajout d'une vidéo !
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...
Line de ples/Colo de jojotonic
Line 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) :

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

Et quelques autres 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.

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 à ça
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.
>> 
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é.
A 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.

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

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

Soit..

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"

Colorez la peau comme vous le sentez.
Vous pouvez utiliser le pinceau
tout simplement, le lasso polygonale
la plume
ou n'importe.
Si votre dessin est assez clean, comme ici, vous pouvez utiliser la baguette magique 
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 ceci
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.

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

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

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 
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

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écharger
Voici ce que j'obtiens :

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 !
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 :
>> 
Certains seront clairement avantagés s'ils possèdent une tablette graphique.
Une tablette graphique, c'est ça
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

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.

Pour placer les ombres, il faut étudier le corps humain.
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.
Attention ! 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 !
Voici 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 :

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

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

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

Puis la jupe

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..

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

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

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.

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 :

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.

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ù :

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

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

Résultat final :
>> 
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 !

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

2 WIP gentillement faits par RoM_1_
Pour montrer l'importance des textures


Les 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 là
Exemple :
Sans puis avec texture, colo de Kepon


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 !



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 ^^

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 !

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.
Ressources 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
Commentaires
#1 - Le mercredi 29 août 2007 à 05:10, par Ackimm
#2 - Le mercredi 21 novembre 2007 à 17:38, par Pierton
#3 - Le mercredi 21 novembre 2007 à 21:35, par Boo
#4 - Le lundi 26 novembre 2007 à 19:42, par Pierton
#5 - Le samedi 8 décembre 2007 à 01:53, par Boo
#6 - Le samedi 8 décembre 2007 à 22:52, par Pierton
#7 - Le jeudi 22 mai 2008 à 21:15, par serenade2
#8 - Le mercredi 28 mai 2008 à 21:59, par Darkrai
#9 - Le mardi 1 juillet 2008 à 14:07, par titro
#10 - Le mardi 1 juillet 2008 à 16:58, par titro
#11 - Le vendredi 4 juillet 2008 à 02:09, par Oxymore
#12 - Le vendredi 4 juillet 2008 à 02:10, par Oxymore
#13 - Le mardi 19 août 2008 à 17:34, par Iznogood
#14 - Le mercredi 20 août 2008 à 05:12, par Boo
#15 - Le dimanche 15 mars 2009 à 17:33, par msknono
#16 - Le lundi 27 avril 2009 à 00:27, par Eyoha
#17 - Le jeudi 30 avril 2009 à 04:48, par Boo
#18 - Le lundi 11 mai 2009 à 18:30, par Mi'cha
#19 - Le mercredi 13 mai 2009 à 23:19, par Boo
#20 - Le samedi 16 mai 2009 à 12:11, par Mi'cha
Ajouter un commentaire