• [TUTO] How-to color #2

    ~ Soft Shadding ~

    Logiciel requis : SAI et Photoshop (facultatif)


    Hello hello ! Je sais que j'était censé le faire y'a longtemps mais j'ai eu la flemme et ensuite plus du tout le temps après ... Bref ! C'est ma façon à moi de faire et désolé, c'est très mal expliqué et les infos sont en désordre alors si vous voulez avoir une chance de comprendre, lisez tout =_= 

    Bref en espérant que ça vous aide quand même :3

    Let's GOOO !!

    ~~~~~~~~~~

    Vous avez fini votre lineart, il est temps maintenant de passer à la colo aka le truc le plus amusant ;3 Je l'ai déjà dit (je crois) mais il n'a pas besoin d'être parfait. Le mien a plein de défauts mais avec la colo', ils se verront déjà moins et encore moins lorsqu'on redimensionnera le fichier !

    Je le mets à disposition ici, vous pourrez vous entrainer si vous voulez :3
    Interdiction d'enlever ma signature par contre !!!

    Petit sommaire pour ne pas vous perdre :

    ~ Principe 
    ~ Couleurs de bases
    ~ Colo' de la peau
    ~  Colo' des yeux
    ~ Colo' des cheveux
    ~ Colo' des vêtements
    ~ Colo' du lineart
    ~ Overlay
    ~ Background et édit

    ~~~~~~~~~~

    #1 ~ Principe

     [TUTO] How-to color #2

    (réglages des outils) PS : ceci est un nuage OTL

    Je fait tout sur le même calque. Il est donc en preserve opacity pour ne pas dépasser à coté. Pour les lumières, des fois je crée un nouveau calque, des fois non, ça dépend de mon envie.

    ~~~~~~~~~~

    #2 ~ Couleurs de bases

    Juste avant de commencer, ranger vos calques dans des fichiers et donnez-leur des noms ça vous aidera à vous y retrouver ! Créez aussi un calque de couleur derrière votre line pour vous aidez à colorier, c'est assez pratique quand on utilise des couleurs claires.

     [TUTO] How-to color #2

    Facultatif : sélectionner les parties à colorier et les remplir avec une couleur random sur un nouveau calque (j'utilise la couleur chair car je shade la peau sur ce même calque). Passez le calque en preserve opacity.

    [TUTO] How-to color #2

    On applique maintenant les couleurs bases avec l'outil ink. Pour ceux qui ont fait la 1ère étape, créer un nouveau dossier "colo" et clipper-le au calque précédent. Pour les autres, faites la même chose mais pas besoin de le clipper quelque part.
    Si la couleur ne vous plait pas, changer-la avec filter/hue and saturation.

    ~~~~~~~~~~

    #3 ~ Colo' de la peau

    On passe aux ombres !! N'oubliez pas de déterminer l'endroit d'où vient la lumière.

    On commence par la peau (sur le calque que j'ai appelé skin plus haut) :

    [TUTO] How-to color #2

    a ) Airbrush + blur // b) 1ère ombre // c) Blur // d) 2ème ombre // e) Blur // f) Lumières (on les voit pas trop ici mais sur les photos des yeux, on peut voir qu'il y en a sur le contour du visage, le nez et l'oreille)

    ~~~~~~~~~~

    #4 ~Colo' des yeux

    Pour éviter de le dire à chaque fois, j'ai mis les calques sur lequel on travaille à coté de chaque étape. Tous les calques autres que "eye" devront être clippé à ce dernier. Les lumières se font sur un autre calque placé au dessus du lineart.

     [TUTO] How-to color #2

    a) couleur de base // b) 1ère ombre // c) pupille avec la même couleur de la 1ère ombre // d) 2ème ombre avec un couleur plus foncée que celle de la pupille // e) Lumière 1 avec la couleur de base // f) Airbrush lumière 2 + changements des couleurs des calques avec les filtres

    ~~~~~~~~~~

    #5 ~ Colo' des cheveux

    [TUTO] How-to color #2

    /!\ J'ai oublié mais le mieux de faire une étape Airbrush + Blur (comme pour la peau) pour créer un dégradé.
    a) 1ère ombre // b) Blur // c) 2ème ombre // d) Blur // e) 3ème ombre sur la partie "basse" //f) Lumières

    ~~~~~~~~~~

    #6 ~ Colo' des vêtements

    [TUTO] How-to color #2

    a) 1ème ombre // b) Blur // c) 2ème "ombre" // d) Blur // e) Lumières

    Et voilà le résultat !!!

    [TUTO] How-to color #2

    ~~~~~~~~~~

    #7 ~ Colo' du lineart

    [TUTO] How-to color #2

    On passe le lineart en mode preserve opacity et colorie le lineart.
    Quand j'y pense, je rajoute aussi des mèches sur un calque au dessus du lineart pour faire "plus naturel".

    [TUTO] How-to color #2

    ~~~~~~~~~~

    #8 ~ Overlay

    [TUTO] How-to color #2

    Je crée plusieurs calques au dessus de tout et je fais des overlay et autres avec l'airbrush.
    (O = overlay ; S = screen ; M = Multiply)

    Je modifie aussi légèrement la couleur des calques pour que tout aille bien ensemble et c'est bon, la colo' est terminée !

    ~~~~~~~~~~

    #9~ Background et édit

    [TUTO] How-to color #2

    Je fais un fond, ici étoilé (oui j'adore les étoiles =w=) puis j'édite ensuite sur Photoshop (vous pouvez le faire sur SAI avec filter mais il y a beaucoup moins de possibilités que sur Photoshop).

    Bon disons que c'est l'étape ou je fais le plus de merde et je sais, j'applique trop de filtres et corrections inutiles orz Que quelqu'un m'apprenne merde T_T Bref !

    En général, je commence par les calques de réglages (niveaux, luminosité/contraste, balances des couleurs, courbes de transfert de dégradé, filtre photo, corrections sélectives ...). Quand j'ai fini, j'enregistre en psd et je redimmensionne l'image (largueur entre 500 et 1000px) et je crée un nouveau calque. Je fais image/appliquer un image puis filtre/renforcement/plus net et je basse l'opacité du calque jusqu'à ce que ça me convienne. J'ajoute du texte si besoin et c'est terminer. J'enregistre ensuite sous png ou jpg.

    FINIIIII !!

    [TUTO] How-to color #2

    ~~~~~~~~~~

    C'est enfin fini ! C'était donc le soft shadding. J'espère que vous avez un peu mieux compris comment faire. Lineart à disposition si vous voulez vous entraîner. Interdiction d'enlever ma signature !!!


  • Commentaires

    1
    Samedi 27 Décembre 2014 à 14:56

    Super bien expliqué! Ca va m'aider si je reprends la tablette graphique et le dessin xD

    2
    Samedi 27 Décembre 2014 à 14:57

    Merci x) D'ailleurs j'ai oublié une partie, je vais corriger ça tout de suite !

    3
    Samedi 27 Décembre 2014 à 20:07

    haaaaan *w* merci puissance infinie !!! je me trouve un dessin et je teste :DD

    4
    Samedi 27 Décembre 2014 à 20:13

    De rien ^^ Tu me montreras le résultat :3

    5
    Samedi 27 Décembre 2014 à 20:44

    Bien sûr x3

    6
    Dimanche 28 Décembre 2014 à 16:57

    Merci pour ce tuto !! Ton dessin est trop beau (je veux me hisser à ton niveau !!) J'ai toujours été une quiche pour colorier ! Au faite, comme on utilise preserve opacity ?

    7
    Dimanche 28 Décembre 2014 à 17:11

    Ici ~ Ça s'appelle verrouiller opacité en français. Il faudra que je fasse un petit tuto pour expliquer mais en gros, imaginons que tu ais dessiné un rond et que tu l'ais colorié. Si tu veux mettre des ombres sur le même calque mais que tu ne veux pas dépasser à coté, tu coches preserve opacity. Ok c'est très mal expliquer mais essayes-toi même, je pense que tu comprendras :3

    Merci au passage ^^

    8
    Dimanche 28 Décembre 2014 à 17:15

    Ah pigé, merci ! Je viens d'essayer et je crois que j'aurais dû utiliser cet outil dès le début !

    je file colorier ton lineart !

    9
    Dimanche 28 Décembre 2014 à 17:19

    De rien ! J'ai hâte de voir ton rendu ^^

    10
    Mardi 30 Décembre 2014 à 11:38

    Merci pour ce tuto Kome ! *^* 

    Moi qui ai un gros problème pour la colo en particulier pour les cheveux et les vêtements (surtout les vêtements ;__;) ça va énormément m'aider ! >v<

    Merci encore ! ;v; ♥

    11
    Mardi 30 Décembre 2014 à 11:44

    De rien Mei :3 Pareil !! Pour les vêtements je suis en mode YOLO total et je place les ombres au pif x')

    12
    Mardi 30 Décembre 2014 à 11:45

    Mais au moins tu as un très beau résultat à la fin ! :'D

    13
    Jeudi 1er Janvier 2015 à 13:06

    Super, un tutoriel pour Sai *p* -parce que je galère à mort xD- J'aurais pas le temps de le faire tout de suite, peut-être les prochaines vacances, mais si je le fais je te le montrerais ^3^

    14
    Jeudi 1er Janvier 2015 à 13:11

    Tout les tutos' que j'ai fait jusqu'à présent sont pour Sai x') Chouette, j'ai hâte d'être aux prochaines vacances >w<

    15
    Dimanche 4 Janvier 2015 à 21:15

    OH GOD J'AVAIS PAS VU QUE T'AVAIS FAIT UN TUTO!!! MERCI KOMEEE, OMG OMG OMG maintenant j'ai VRAIMENT hâte de l'essayer *A* Par contre c'pas le moment uhhh ;A; (devoirs devoirs, tu le sais T-T)

    16
    Dimanche 4 Janvier 2015 à 21:20

    De rien Angii :3 (oui je sais T.T Courage ! )

    17
    Mardi 6 Janvier 2015 à 22:45

    Coucou :D J'ai voulu tester ton tuto' parce que j'adore ce que tu fais et ta manière de coloriser tes dessins est juste splendide ! c:

    Je ne me suis quasi jamais servi de Paint tool sai alors j'ai bien galéré au début pour me repérer, c'était assez fastidieux mais j'y suis parvenu tout de même, je vais voir si je ne peux pas l'adapter sur Photoshop comme je suis beaucoup plus habituée à ce logiciel ou alors je prendrai mon courage à deux main pour m'entrainer sur Paint tool sai :) Encore merci à toi pour ce tuto' :D

    Donc voilà mon résultat -qui est loin -voire très loin- d'être aussi beau que le tien x)- http://mes-creations.eklablog.com/sachiyo-16co-a114197644

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    18
    Mercredi 7 Janvier 2015 à 19:56

    Merci beaucoup et de rien pour le tuto :3 Je vais voir ton dessin tout de suite !

    19
    Mercredi 14 Janvier 2015 à 20:16

    C'est la PREMIERE fois de toute ma vie que je fait ce genre de truck a l'ordi:

    http://ekladata.com/MWR0mvw9s7YLdGfGCcthFFjBtME@500x562.png

    ._. j'espère que c'est pas trop catastrophique.

    20
    Dimanche 18 Janvier 2015 à 21:11

    Non ça va :3 Tu as bien compris le principe des bases par contre, y'a pas d'ombre ?

    21
    Vendredi 13 Février 2015 à 13:10

    Je suis nul sur les ombres,et pis c'est compliqué avec une souris x)

    22
    Vendredi 13 Février 2015 à 13:12

    C'est sur que avec une souris c'est bof bof mais c'est possible. Le plus simple serait le cell-shading dans ce cas (comme dans les animes).
    Je sais pas en fait, j'ai jamais utilisé de souris pour ça xD Faudrait que tu regardes d'autres tutos ~

    23
    Dimanche 19 Avril 2015 à 08:28

    Merci pour ce tuto, il est très bien expliqué! :)

    24
    Vendredi 8 Mai 2015 à 18:05

    D: Comment on met cet article en favoris ? Merci il est super! 

    25
    Vendredi 8 Mai 2015 à 18:44

    Merci ! Tu ne peux pas mettre d'article en favoris avec Ekla mais tu peux le faire avec ton navigateur si tu veux.

    26
    Vendredi 8 Mai 2015 à 19:33

    Fais :D 

    27
    Jeudi 10 Décembre 2015 à 16:39

    C'est un tuto vraiment excellent ! Il va m'être très utile

    28
    Samedi 12 Décembre 2015 à 22:29

    J'ai un peu changé de façon de faire maintenant mais si ça peut t'être utile, j'en suis ravie :3



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :