[TUTO] Colorisation d'un dessin à la sauce manga

[silent]

TUTORIAL DE COLORISATION

Ce tutorial s'adresse aux personnes voulant pousser un peu plus loin leurs réalisations papier.
Comme dit dans le topic "tuto or not tuto" il va se réaliser en plusieurs étapes.

Prérequis:
-Il faudra pour réaliser ce tuto le logiciel Photoshop (ici CS3) ou un logiciel similaire de type GIMP (gratuit),
ainsi qu'un scanner.
-Du papier calque ou une table lumineuse.
-Il vous faudra aussi un petit peu de temps et de patience quand même ^^.

Les différentes étapes du modèle utilisé seront mises en ligne au fur et à mesure.

Etape 1 : La préparation papier.

Avant de commencer le traitement numérique, il y a quelques astuces à connaître pout se faciliter la tâche
une fois devant son écran.

Que ce soit une reproduction ou un dessin purement inventé :
Vous venez de finir votre dessin, celui-ci présente des détails, des ombres, des changements de tons de gris ou de couleurs.
Cette version ne va pas être facilement exploitable sous Photoshop, par contre elle sera importante pour pouvoir placer les ombres
et les couleurs lorsque nous passerons à la colorisation.

Pour la démonstration j'ai choisis notre amie Saber, elle nous accompagnera donc tout le long du tuto
Je suis parti d'un modèle existant, voilà la source :
http://silent007.free.fr/sky-forum/tuto/fate_stay_night01.jpg

Et voici la version au crayon au papier :



Ce qui est important : Bien délimiter les ombres, les détails, l'expression globale du personnage.
Il nous servira par la suite de modèle pour la colorisation.

Une fois cette étape passée, je vous invite à prendre une feuille de calque,
il va falloir reprendre les lignes importantes de votre personnage.
SI vous avez une table lumineuse c'est encore mieux!
Cette copie va être réalisée au feutre fin noir (pour le scanner).
Je vous conseille les Rotring, qui sont bien, autrement et c'est avec ça qu'on aura les meilleurs
rendus : l'encre de chine (pinceaux extra-fins - plume - stylo à recharge de type "Stylo Refill MLJ20",
c'est avec ce dernier que j'ai travaillé.

Voilà ce qu'il faut avoir :


en haute definition > http://silent007.free.fr/sky-forum/tuto/saber0035.jpg

L'intérêt d'une telle manoeuvre:
-avoir un rendu correct après le scan
-on n'a pas besoin des ombres et cie lorsqu'on colorise un dessin sur ordinateur, il faut qu'il
soit le plus simple possible, ET en noir & blanc.
Il faut donc garder uniquement les contours et les traits forts du personnage.


Une fois que vous avez votre modèle de base et la version noir et blanc épurée, on va pouvoir
passer au scan de la version N & B.
Ce qui est horrible avec le crayon c'est qu'en général on l'étale un peu partout sur la feuille avec la main lorsqu'on
dessine, et ça, une fois scanné est galère à nettoyer sous Photoshop.

L'image NB doit être scannée en mode noir et blanc ou nuances de gris (configuration de votre scanner), et en résolution "print" c'est à dire
300 dpi (configuration scanner). Une telle résolution va nous permettre de pouvoir zoomer sur notre dessin sans
soucis de pixellisation.

Voir les réglages ci-dessous :



Pour résumer cette première étape, nous avons au final notre version au crayon avec tous les détails et ombres,
ainsi qu'une version Haute definition du dessin simplifié en noir et blanc sur notre ordinateur.

La prochaine étape va consister à préparer l'image puis à la coloriser en applat.
La suite arrive demain ou ce week-end , entre temps si des points sont à éclaircir n'hésitez pas à me le dire!

EnjoY

[Chinoa]

Merci Silent, t'assures. Je m'y colle dès aujourd'hui. Une petite précision néanmoins: pour un dessin sur lequel on a déjà appliqué des couleurs, peut on procéder de la même manière, ou faut-il absolument une version noir et blanc?
Merci encore pour ton aide et ta générosité.

[Elear]

Merci tuto très claire et bien présenté. On attends la suite.~

[sasori_kun]

merci, je mettrai à l'oeuvre tes conseils dès demain

[silent]

Plop, voici la deuxième étape du tuto

Votre image est prête à être traitée, une fois photoshop ouvert, glissez votre image dans Photoshop (ou Edition > ouvrir).

Occupons nous des calques avant de commencer quoique ce soit :



Présentation rapide des outils qu'on va le plus utiliser :



Nous allons maintenant passer à la colorisation

Deux méthodes sont utilisées, la première plus facile mais plus longue (pratique pour ceux qui ont une tablette graphique)
et la deuxième que j'utilise, qui est au début moins facile à cerner mais qui au final est 10 fois plus rapide.
Au final on se sert souvent des deux donc n'en boycottez pas une!









Vous avez maintenant, je l'espère, les techniques pour coloriser en applat votre personnage.
Mais ce n'est que le début, c'est l'étape la plus rapide
Une fois que votre personnage est entièrement coloré aux couleurs de votre choix, nous passerons
à l'étape des ombres et des lumières pour donner du volume à tout ça.
Suivra peu de temps plus tard mon étape préférée, les yeux

Toujours pareil, si problème il y a, dîtes le moi ^^.
Je posterai bientôt les .psd (fichier photoshop) des différentes étapes.

[DarKTitaN]

tres interressant, j'attend la suite avec impatience

[LIFE=ON]dommage que mon scanner soit peté, ma copine à laver le carreaux du scanner avec du produit à vitre et maintenant j'ai une grosse marque bleu quand je scan, en gros je scan en bleu)[LIFE/OFF]

[silent]

Voici le personnage entièrement coloré, une fois que vous êtes à cette étape, on va commencer à mettre du volume sur tout ça grâce aux ombres et aux reflets.
En général pour la première étape, ci-dessous, je met des couleurs approximatives qui seront facilement changeable par la suite .
Le but de cette première étape est de distinguer les différentes zones de couleurs (sans compter les ombres et reflets) en les mettant sur des calques distincts.




(c'est normal qu'il ne ressemble à rien pour le moment )

//Edit//
Nous allons maintenant travailler sur les yeux.

La première étape va consister à créer la partie foncée des yeux.
Pour cela nous allons utiliser la même méthode qu'avant, avec la plume.
Dessiner comme ci-dessous un tracé en choisissant une couleur plus foncée
que celle qui était en-dessous.
N'oubliez pas de mettre le calque créé en mode produit (cf un peu plus haut ^^).



Une fois votre forme finie, nous allons pixelliser ce tracer pour pouvoir travailler
dessus plus librement.
Pour cela sélectionnez dans la liste des calques celui qui correspond à votre dernier
tracé, et faîtes un clique droit dessus > pixelliser le calque (voir ci-dessous).



Une fois cela fait vous pouvez comme je l'ai fait ci-dessous atténuer les contours
de votre calque pixellisé, en utilisant la gomme (opacité: 30% et flux:30%).
Ensuite on va créer le petit reflet des yeux en créant une nouvelle fois un tracé
comme ci-dessous.



Une fois que vous avez fait ça, vous avez votre vignette de calque dans la liste
des calques, vous allez double-cliquer dessus (ni sur les carrés, ni sur le nom, le plus
à droite possible, là ou il n'y a rien).
En faisant ça vous avez ouvert une fenêtre nommée style de calques.
Appliquez les réglages ci-dessous:



Ensuite il reste à faire la même chose pour le deuxième reflet de l'oeil :


Version HD >> http://silent007.free.fr/sky-forum/tuto/oeil55hd.jpg

Je vous laisse faire le deuxième oeil, voilà le résultat.
J'ai simplifié au maximum les traitements, mais libre à vous de mettre plus
d'effets et de choisir vos couleurs

[silent]

Nous allons attaquer maintenant les ombres du corps, on se réservera les cheveux et l'épée pour plus tard.
Les ombres vont être faites par-dessus la colorisation, ce sera des tracés comme on a fait jusqu'à maintenant.
Pour les vêtements, vous allez faire des tracés de couleur noire comme ci-dessous





Comme on le voit sur la deuxième image, on va jouer sur la transparence des calques de tracés
pour jouer sur la profondeur de l'ombre, j'ai réglé les ombres moyennes à 73%.

La suite n'est que répétition de cette étape pour toutes les parties du corps,
on se laissera plus de temps pour la peau qui mérite qu'on s'applique plus longuement.
Cette étape d'ombre est longue, plus longue que celle de la colorisation, il faut placer les
ombres en fonction du modèle crayonné, c'est lui qui va guider nos tracés.
Il est agréable de l'avoir à côté, ouvert sous photoshop comme j'ai fait ici.
N'hésitez pas à passer du temps sur vos tracés et les faire en un seul coup comme ci-dessous:



Je ne vous détaille pas toutes les étapes, c'est toujours la même chose, voilà ce qu'on obtient une fois les ombres posées :



Le personnage commence vraiment à prendre vie, il reste les cheveux à traiter et l'épée (pour cette dernière on y passera un peu
plus de temps, on lui appliquera une texture métal brossé made in photoshop ).

Bon courage!

[Handoz]

Plop , ca fait un ptit moment que je souhaite me mettre sur photoshop et ça devrait plus tarder (j ai un peu de mal a me lancer sur les projets qui demandent beaucoup de temps , un de mes plus gros défauts surement ^^) mais en tout cas merci pour ce super tuto je suis sur qu'il m'aidera dans mes tentatives futur =)

[silent]

Allons-y pour les cheveux maintenant:

Tout d'abord j'avais mis rapidement une couleur et quelques ombres pour avoir un aperçu du personnage en entier,
si vous l'avez fait aussi vous avez le droit de tout supprimer.

Faites tout d'abord une sélection "Tracés" de tous les cheveux, pour leur donner une couleur de fond.
Choisissez la couleur que vous désirez, j'ai choisi un bleu pour ma part, de toute manière la couleur pourra être changée sans
problème à tout moment.

Une fois cela fait nous allons poser les ombres par dessus la couleur, encore en "tracés".
Voilà à quoi cela doit ressembler:

Les ombres seules:


La couleur de fond choisie et la couleur des parties ombrées choisies aussi:


Vous allez avoir de nombreux tracés pour les ombres, une fois que vous les avez tous posés vous pouvez les fusionner
en un seul calque, ce qui sera plus pratique pour les réglages.
Pour cela dans la fenêtre des claques, vous sélectionnez tous les calques de tracés concernés et vous faîtes clique droit sur l'un deux, puis
"fusionner les calques".

Vous avez votre couleur de cheveux et les parties ombrées, il manque encore les parties éclairées.
Prenez une fois de plus l'outil "plume" pour réaliser des tracés, et faîtes comme ci-dessous.


Choisir une couleur plus claire dans la gamme de couleur utilisée pour les cheveux.
Vous pouvez aussi jouer avec la transparence de votre calque en haut de la fenêtre calque
quand le calque en question est sélectionné.

Voilà ce qu'on obtient assez rapidement:



Prochaine étape >> l'épée (elle en a besoin ) On aura alors fini la colorisation du personnage, on verra alors ce qu'on
peut faire pour décorer un peu le tout.