HOME | DD

Mogoliz — RotBTD- Step by step

Published: 2013-05-29 21:18:20 +0000 UTC; Views: 12943; Favourites: 270; Downloads: 47
Redirect to original
Description I've been asked several times to do a coloring tutorial. And since I'm a lazy ass, I'm just doing a step by step :'D
But I'll make a tutorial anyway... But I'm slow, so, hum, maybe it'll be finnished in one year ? :'D

Download for full view !
Final version here [link]


EDIT: Actually, several people asked me to explain the steps, so here I do :'D
I do not pretend it's the only and best way to color, I'm just showing how I do.
You need to know I use Paint Tool Sai. You also need to know that I'm French and if there are many English mistakes, I'm sorry about that 8'D

1. Sketch. My sketches are usually super messy so I redraw it with a black pencil to make it clearer. I erased the pencil a little here and ajusted contrast to make it cleaner.
2. Lineart. Rapunzel and Merida's hair took me foreveeeer OTL. Each character are on a different layer and in a different color, it's easier for me this way. As you can see I changed the boy's face cause I didn't like it. Oh and I use the regular pen tool.
3. & 4. Flat color. I made one folder for each character, and in it, almost one layer for each color. (and it makes a lot of layer, I'm not used to that ; u ; )
5. & 6. The hair ! The best part ♥ (Rapunzel, Merida, I love you for having such great hair to color ♥ . Especially Rapunzel, actually.) On a clipped layer (?? I dunno how it's called :'D) of the hair I paint the "base shadow" with water color brush, or airbrush, or blur tool (all you need is to make it a little blurry, like "Light come from here, and here's shadow side") (so this is pic 5). For the highlights (pic 6), I draw them on another layer in "addition" mode, with a lower opacity. That's why they are sometimes a little pink on R's hair, I didn't do anything for that, it's only the layer mode. I don't have a trick to know where to draw highligt, I do it quite randomely, I kinda draw highlights everywhere cause I like doing it 8'D (the best part, I told you).
7. Shadows everywhere else + freckles + eyes. For the shadows I use mainly marker and water color brushes in multiply mode (it's important cause this way I can use only one darker color).
8. Coloring of the lineart with "lock" or "layer clip".
9. Background. I harrassed my sister to ask her which color fitted better with the drawing xD. The textures I used are all took from DA. (layer textures are in the drop-down on top of the layer column)
Ta-Daa ! The drawing's finished o/

► FRANÇAIS ICI ◄
D'abord, il faut savoir que je travaille sur Paint Tool Sai, et en version anglaise donc je ne connais pas les noms français des outils que j'utilise :'D

1. Le crayonné. Mes crayonnés sont en général super pas propres et en fouillis et tout don souvent je les repasse au stylo noir par dessus pour savoir quelle est la vraie ligne à suivre quand je linerais. Ici j'ai gommé un peu le crayon et j'ai ajusté les contrastes pour que ça soit plus visible.
2. Le lineart. Les cheveux de Raiponce et Merida m'ont pris tellement de temps OTL. Chaque personnage est sur un calque et dans une couleur différente, c'est plus facile pour se repérer. Comme on peut le voir j'ai changé un peu la tête des garçons parce que c'était moche :'D. Oh et j'utilise l'outil pinceau normal (pen, je sais pas comment il s'appelle en VF).
3. & 4. Couleurs de base. J'ai fait un dossier où j'ai regroupé tous les calques pour chaque personnage, et dedans, presque un calque pour chaque couleur. (et ça fait tout plein de calques au final, je suis pas habituée ; u ; )
5. & 6. Les cheveux ! La meilleure partie ♥ (Raiponce, Merida, je vous aime pour avoir de si géniaux cheveux à colorer ♥ . Surtout Raiponce, en fait.) Sur un calque "clipé" sur celui des cheveux (je sais pas du tout comment ça s'appelle mais faut cocher la case "layer clip" dans la colonne des calques, sur un calque juste au dessus de celui qu'on ne veut pas dépasser) j'ai peint "l'ombre de base" avec l'outil aquarelle, l'aérographe ou l'outil qui floute (tout ce que tu as besoin de faire c'est que ça soit plutôt flou et pas super défini, genre juste "La lumière vient d'ici, donc là c'est l'ombre"). (donc c'est l'image 5). Pour les reflets (image 6), je les dessine sur encore un autre calque clipé en mode "addition" (faudra chercher le terme français, je rappelle que j'ai la version anglaise du logiciel), mais avec l'opacité baissée (genre 17% si je me souviens bien). C'est pour ça qu'on dirait que les cheveux de Raiponce ont des reflets rosés, j'ai rien fait de spécial c'est jste le mode du calque. J'ai pas vraiment de truc pour savoir où placer les reflets, je le fais un peu au feeling, un peu partout parce que j'adore faire ça 8'D (la meilleure partie, vous dis-je).
7. Les ombres autres part + tâches de rousseurs + les yeux. Pour les ombres j'utilise surtout le feutre ( ?? "marker" dans ma version) et le brush aquarelle en mode mutliply (multiplié en français ?). C'est super important parce que comme ça j'ai pas tout plein de couleurs d'ombre mais j'en choisis qu'une seule qui se fonce toute seule au fil des passages / de la pression du stylet.
8. Coloration du lineart en ayant coché "lock" sur le calque du line ou "layer clip" sur un calque juste au dessus.
9. Le fond. J'ai harcelé ma sœur pour savoir quelle couleur allait le mieux xD. Toutes les textures utilisées ont été téléchargées sur DA. (les textures sur un calques entier sont situées dans le menu déroulant en haut de la colonne des calques)

Fini !



Rapunzel [Tangled] © Disney
Jack Frost [Rise of the Guardians] & Hiccup [How to Train Your Dragon] © Dreamworks
Merida [Brave] © Pixar & Disney
Related content
Comments: 50

Vivid-Spirit [2014-08-29 20:06:26 +0000 UTC]

If only that was a real thing. X)

👍: 0 ⏩: 1

Mogoliz In reply to Vivid-Spirit [2014-08-31 11:46:16 +0000 UTC]

If only ;A;
A movie featuring these four would be so awesome orz

👍: 0 ⏩: 1

Vivid-Spirit In reply to Mogoliz [2014-09-01 07:00:36 +0000 UTC]

I would probably go watch that movie in a heart beat. 
Why can't they just make this movie. e.e

👍: 0 ⏩: 0

xCandySlice [2013-09-16 03:19:22 +0000 UTC]

Q_Q sadly, this is for photoshop, right? *hopeless*

👍: 0 ⏩: 1

Mogoliz In reply to xCandySlice [2013-09-16 15:39:29 +0000 UTC]

Nope, for Paint Tool Sai !

👍: 0 ⏩: 1

xCandySlice In reply to Mogoliz [2013-09-18 04:44:39 +0000 UTC]

._. still a downer ) xD I don't use that -___- *bangs face on the table* it's rare to find someone use Corel..

👍: 0 ⏩: 0

liubavaart [2013-07-21 00:56:14 +0000 UTC]

That's cool like to show it step by step

👍: 0 ⏩: 1

Mogoliz In reply to liubavaart [2013-07-25 09:01:29 +0000 UTC]

Thank you !

👍: 0 ⏩: 0

hopeygurl [2013-07-14 16:35:56 +0000 UTC]

Guys, look at jack is clearly giving punzie the lovesickness look!!!!!!

👍: 0 ⏩: 1

Mogoliz In reply to hopeygurl [2013-07-14 20:04:17 +0000 UTC]

Haha I don't even ship Jackunzel but you're right ! x')

👍: 0 ⏩: 1

hopeygurl In reply to Mogoliz [2013-07-14 20:07:37 +0000 UTC]

Nice!!!

👍: 0 ⏩: 0

Lilia71 [2013-07-03 10:50:02 +0000 UTC]

j'adore *o* han et les reflets *bave*

👍: 0 ⏩: 1

Mogoliz In reply to Lilia71 [2013-07-03 12:14:37 +0000 UTC]

Oh merci >v<♥

👍: 0 ⏩: 0

Alsarnia [2013-06-05 19:42:54 +0000 UTC]

But but but! 7 to 8 how did you take out the lines!?

👍: 0 ⏩: 1

Mogoliz In reply to Alsarnia [2013-06-05 19:53:02 +0000 UTC]

I didn't take out the lines, I colored them n_n
With Paint Tool Sai just above where you see your different layers, you have to tick "opacity lock" on you lineart layer and then you can color it, and it will only color the lines ! n_n
Or you can also create a new layer just above the lineart, tick "layer clip", and it will do the exact same thing except the original lineart is not colored.

👍: 0 ⏩: 1

Alsarnia In reply to Mogoliz [2013-06-05 20:37:42 +0000 UTC]

Oh I see...I use photoshop elements 11 so I don't know if it has anything like opacity lock, but coloring over it again sounds fairly easy.
Thank you very much for your help ^v^

👍: 0 ⏩: 1

Mogoliz In reply to Alsarnia [2013-06-09 20:00:04 +0000 UTC]

Oh yeah I don't understand Photoshop at all :'D
You're welcome ^v^

👍: 0 ⏩: 0

Clara--Zz [2013-05-30 18:14:02 +0000 UTC]

Oh mon dieu c'est magnique ;v; C'est génial que tu ai fais un format comme ça, on peut voir toutes les étapes et c'est vraiment... Oh mon dieu mais ça gère quoi !! :'D <3

👍: 0 ⏩: 1

Mogoliz In reply to Clara--Zz [2013-06-02 22:04:42 +0000 UTC]

Han merci beaucoup QuQ♥
J'ai rajouté les explications des étapes si ça t'intéresse.

👍: 0 ⏩: 1

Clara--Zz In reply to Mogoliz [2013-06-04 15:44:53 +0000 UTC]

Han oui ça m'interesse, Aligatou ! :'D <3

👍: 0 ⏩: 1

Mogoliz In reply to Clara--Zz [2013-06-08 12:59:36 +0000 UTC]

De rien ^v^

👍: 0 ⏩: 0

DarkragGirl [2013-05-30 17:09:11 +0000 UTC]

That is so amazing! I love these guys!

👍: 0 ⏩: 1

Mogoliz In reply to DarkragGirl [2013-06-02 22:02:41 +0000 UTC]

Aww I love them so much together
Thank you ; u ;

👍: 0 ⏩: 0

cleyl [2013-05-30 15:59:05 +0000 UTC]

t'as eu du courage de faire ça \o/
Pour la peine, je te donne un peu de mon chocolat ce qui est un honneur je le précise, peu de gens ont pu manger de MON chocolat //MEGA BUS// 8'D

👍: 0 ⏩: 1

Mogoliz In reply to cleyl [2013-06-02 22:01:19 +0000 UTC]

Bah je me faisait fouetter si je faisait pas un step by step ou un tuto, je l'ai échappé belle 8'D
Chocolaaaat ♥♥♥

👍: 0 ⏩: 0

phyphydi [2013-05-30 14:21:29 +0000 UTC]

Ça gère n_n

👍: 0 ⏩: 1

Mogoliz In reply to phyphydi [2013-06-02 21:59:23 +0000 UTC]

Merci >v<

👍: 0 ⏩: 0

Gwen-cav [2013-05-30 13:00:41 +0000 UTC]

WOW!!

👍: 0 ⏩: 1

Mogoliz In reply to Gwen-cav [2013-06-02 21:59:17 +0000 UTC]

👍: 0 ⏩: 0

LostKimin [2013-05-30 12:08:52 +0000 UTC]

C'est euh wow 8D !
Juste pour savoir, les effets "shine" de cheveux, tu les mets avec un certain mode de calque ou bien c'est juste que tu bidouille avec le couleur ? :°

Amazing *roule par terre*

👍: 0 ⏩: 1

Mogoliz In reply to LostKimin [2013-06-02 21:58:17 +0000 UTC]

Haha l'instant d'hésitation, "euuuh... Wow !" xD
Je viens de rajouter les explications des step \o/
Mais du coup les highlights les cheveux (c'était un gros test, vu que j'avais oublié ce que j'avais fait pour le dessin de Rue et Foxface orz) c'est un calque en mode addition, très beaucoup désopacifié. C'est pour ça que les cheveux de Raiponce sont un peu roses x)

Aww

👍: 0 ⏩: 1

LostKimin In reply to Mogoliz [2013-06-04 17:42:51 +0000 UTC]

il faut bien que je trouve mes mots xD
J'ai vu ça ! Je me rends compte que wow, dat english que tu maitrise :'D
Oh c'est cool, so classe :'3
Du coup, je suis tentée d'essayer ça o/

👍: 0 ⏩: 1

Mogoliz In reply to LostKimin [2013-06-04 18:11:13 +0000 UTC]

Si tu le dis xD

Pff, j'écris pas ça en deux minutes non plus hein :'D
Han, essaye pour voir, ce serait marrant de voir ce que ça rend avec ton style 8D

👍: 0 ⏩: 1

LostKimin In reply to Mogoliz [2013-06-05 20:30:20 +0000 UTC]

Tout de même, sinon tu n'es plus française :'D (et tu aurais cassé le mythe des français tartes en anglais 8'D)
Ouais, j'imagine ! 8D

👍: 0 ⏩: 1

Mogoliz In reply to LostKimin [2013-06-08 12:56:47 +0000 UTC]

Ohhh, ce serait bête de casser ce myhte ?

👍: 0 ⏩: 1

LostKimin In reply to Mogoliz [2013-06-20 19:00:44 +0000 UTC]

Mmmh, non ? xD
mais quand même D:

👍: 0 ⏩: 0

Talimsan [2013-05-30 08:10:49 +0000 UTC]

Co-comment...c'est trop biennnnn !!! *o*

👍: 0 ⏩: 1

Mogoliz In reply to Talimsan [2013-06-02 21:55:26 +0000 UTC]

Merci ; v ;
J'ai rajouté les explications \o/

👍: 0 ⏩: 1

Talimsan In reply to Mogoliz [2013-06-03 08:39:46 +0000 UTC]

en en...en anglais... ;_; xD

👍: 0 ⏩: 1

Mogoliz In reply to Talimsan [2013-06-03 12:33:35 +0000 UTC]

Je te les rajouterais en Français quand j'aurais le temps si tu veux :'D

👍: 0 ⏩: 1

Talimsan In reply to Mogoliz [2013-06-03 12:58:53 +0000 UTC]

Han t'es adorable merci *^*

👍: 0 ⏩: 1

Mogoliz In reply to Talimsan [2013-06-08 13:51:52 +0000 UTC]

Voilà je les ai rajoutées o/

👍: 0 ⏩: 1

Talimsan In reply to Mogoliz [2013-06-09 12:19:30 +0000 UTC]

Hann je t'aimmeee *^*
ah ha pas habitué à avoir plein de calque ? xD mon sai bug tellement j'en utilise c'est pas cool u_u

👍: 0 ⏩: 1

Mogoliz In reply to Talimsan [2013-06-09 19:59:23 +0000 UTC]

Oh mon ordi bug déjà quand j'ai un dessin qui dépasse les 1200 pixels de largeur donc bon, avec tout plein de calques en plus, ce marque page était mortel à faire :'D

👍: 0 ⏩: 0

ScriptorSapiens [2013-05-29 22:30:00 +0000 UTC]

I love the bookmark, and I really like the tutorial, but could you explain the steps, maybe in the description?

👍: 0 ⏩: 1

Mogoliz In reply to ScriptorSapiens [2013-06-02 21:54:48 +0000 UTC]

Thank you !
I've juste edited the description to explain it ^v^

👍: 0 ⏩: 1

ScriptorSapiens In reply to Mogoliz [2013-06-03 04:07:49 +0000 UTC]

Thanks so much! You rock! So, you scan your pencil line art right into your computer? Do you use a different type of pencil for the darker lines? You mention tweaking the brightness and contrast, what program do you use for that?

👍: 0 ⏩: 1

Mogoliz In reply to ScriptorSapiens [2013-06-09 20:05:50 +0000 UTC]

Thank you !
Oh no I don't do the line art on paper, I do it directely with the computer ^^
But I redraw my sketch with a pen because my sketches are usually very messy and so I if I redraw it with a pen (a regular black pen, nothing special) I can see the "good" line to draw when I do the line art on the computer.
And I tweak the brightness and contrast with my drawing program Paint Tool Sai too, but it's only to "clean" the sketch.

👍: 0 ⏩: 1

ScriptorSapiens In reply to Mogoliz [2013-07-03 22:34:56 +0000 UTC]

Thanks! That really helps! Again, awesome work!

👍: 0 ⏩: 1

Mogoliz In reply to ScriptorSapiens [2013-07-05 09:37:04 +0000 UTC]

Happy to help, thank you ! 8D

👍: 0 ⏩: 0