Shop Mobile More Submit  Join Login
TUTORIAL 2: Adding Colors by juuhanna TUTORIAL 2: Adding Colors by juuhanna
EDIT! HEY ALL! Since I posted this tutorial, I have changed by technique a bit! I have realized that it's better to use SOFT LIGHT-layer style for the color-layers instead of overlay! Overlay can be too strong and garish, using soft light layers and making many of those can give a much softer result! Sorry for the inconvenience, I'll be making a new tutorial sometime that explains the soft light layers!


Here's tutorial 2/3!
I hope I was able to explain how I add the colors. And if you need clarification on some part, don't hesitate to ask!

I will try to finish part 3 soon, where I will show how I start to actually paint over this base I've created.


I used Photoshop CS4 with Wacom Intuos3 for this.

The brush is Photoshop's standard hard round brush.

The lineart was provided by MeganeRid, go see his gallery for awesome drawings!

TUTORIAL part 1: TUTORIAL 1: Building the Form by juuhanna
TUTORIAL part 3: TUTORIAL 3: Overpainting and Finishing by juuhanna

@ TUMBLR: puhatiikeri.tumblr.com/post/38…

FINISHED IMAGE: Female Warrior Fate by juuhanna
Add a Comment:
 
:icon7guineapig7:
7guineapig7 Featured By Owner Jan 2, 2014  Hobbyist Digital Artist
thx so much^^
Reply
:iconnarzik:
Narzik Featured By Owner Nov 19, 2013  Hobbyist General Artist
I don't remember if I already commented on this, but figured I should if I didn't. This was really helpful - thanks so much!! Even though I only use Gimp, the method worked just fine either way. Made this using its help: fav.me/d6utu4j. Even though I am a million year late - thanks again! :D
Reply
:iconjuuhanna:
juuhanna Featured By Owner Nov 20, 2013  Professional Digital Artist
That's awesome to hear, thanks for letting me know - and good job with the painting! Also it's good to hear that the technique can be used in Gimp also. :nod:

Reply
:iconnarzik:
Narzik Featured By Owner Nov 20, 2013  Hobbyist General Artist
Llama Emoji 03 (Sparkles) [V1]
Reply
:iconephemeryl:
ephemeryl Featured By Owner Aug 31, 2013  Student Digital Artist
Really helpful and thorough tutorial, thanks so much!
Reply
:iconjuuhanna:
juuhanna Featured By Owner Sep 1, 2013  Professional Digital Artist
Not a problem, I'm glad to be helpful! :hug:
Reply
:icondjwaglmuffin:
djwagLmuffin Featured By Owner Aug 21, 2013  Hobbyist Digital Artist
I have a dumb question but...well, sort of question.

When *I* do this, my hard fought-over shading washes out after I put the overlay layer with the colors. How do you maintain the shading? How do you make the colors so vibrant?

This is the only obstacle keeping me from doing this technique permanently.

Thanks for your help in advance! ^^
Reply
:iconjuuhanna:
juuhanna Featured By Owner Aug 21, 2013  Professional Digital Artist
As I build the color-layers I use a lower opacity brush; if you use 100% opacity brush it'll wash out the greyscale. Also, I've started to use more and more layers that are set on soft light instead of overlay. 
Also you can try to adjust the greyscale layer a bit darker with curves-tool to make the contrast show better under the color-layers. :) I hope some of those tricks help?
Reply
:icondjwaglmuffin:
djwagLmuffin Featured By Owner Aug 25, 2013  Hobbyist Digital Artist
I'll have to try this. I've been desperately trying to improve my coloring and I just...can't seem to get it. :( Thank you for your response.
Reply
:iconjuuhanna:
juuhanna Featured By Owner Aug 26, 2013  Professional Digital Artist
If you want to, you can stop by at my livestream someday and I can show you how I do it :)
Reply
:icondjwaglmuffin:
djwagLmuffin Featured By Owner Aug 27, 2013  Hobbyist Digital Artist
When I get reliable internet I'll certainly take you up on that if you're willing. I'm striving hard to imrpove my artwork so any help is greatly appeciated. :D
Reply
:iconjuuhanna:
juuhanna Featured By Owner Aug 28, 2013  Professional Digital Artist
Awesome, my LS is www.livestream.com/juuhanna , stop by anytime! I don't have any recordings yet but I try to stream as often as possible. :)
Reply
:iconsatoshid:
SatoshiD Featured By Owner Aug 4, 2013  Hobbyist Digital Artist
can i ask something ? ... what will happen to line art ?... do you change the color of it ? or you just lower the capacity ?

anyway this tutorial is so good .. it helped me to learn so many things ... thanks XD
Reply
:iconjuuhanna:
juuhanna Featured By Owner Aug 7, 2013  Professional Digital Artist
I usually lower the opacity of the lineart 'till it looks good (usually 60~80%), and in the final steps I flatten the entire piece (greyscale+colors+lineart) and paint over the areas that need fixing, including the lineart. :)
And you're welcome! I'm so happy to hear it's been useful to you! :D
Reply
:iconsatoshid:
SatoshiD Featured By Owner Aug 12, 2013  Hobbyist Digital Artist
i colored this with your tutorial .. any tips for me ? fav.me/d6h5knc
Reply
:iconjuuhanna:
juuhanna Featured By Owner Aug 12, 2013  Professional Digital Artist
I left you a comment! You've painted the lines real nicely! :hug:
Reply
:iconsatoshid:
SatoshiD Featured By Owner Aug 13, 2013  Hobbyist Digital Artist
aww .. i saw it ... thank you very much for your helps XD :tighthug:
Reply
:iconooquant:
OOQuant Featured By Owner Jul 16, 2013  Hobbyist Digital Artist
does the brush opacity set to 100%?
Reply
:iconjuuhanna:
juuhanna Featured By Owner Jul 18, 2013  Professional Digital Artist
Not always, sometimes I use more opaque brush, but sometimes I like to use more transparent brush and build many layers of color. :) It's a matter of taste, really. 
Reply
:iconooquant:
OOQuant Featured By Owner Jul 19, 2013  Hobbyist Digital Artist
I see... because when i try color the greyscale with 100% opacity brush the result was become high contrast... thanks for the tutorial here... it's a great help
Reply
:iconjuuhanna:
juuhanna Featured By Owner Jul 20, 2013  Professional Digital Artist
Ahh yes, sometimes it's better to make a lot of color-layers with transparent brush instead of just flat 100% layers. It's easier to get lots of lovely colors blend nicely that way! :D
Reply
:iconjoey0426:
joey0426 Featured By Owner Jun 4, 2013  Hobbyist Traditional Artist
ok so I have all the layers done but could you please clarify for each layer what mode and what opacity level?

other than that I found this a wonderful tutorial you show each step and layer and that it can look really sloppy in areas but it will still turn out good. Most tutorials will seem to be miss some critical steps were suddenly their picture turns from amorphous blob to perfectly finished. That and I never thought to use a grey scale layer which I'm excited to try
Reply
:iconjuuhanna:
juuhanna Featured By Owner Jun 5, 2013  Professional Digital Artist
I think I'll try to make a quick tutorial about the differences between layer modes someday since I get asked about them a lot. And they are very different, some have huge difference and some only slight difference.
The mode and opacity I use changes and varies a lot, it's just a matter of what looks good really... but in a nutshell, and very simplified, I'd say that for greyscale I make
1 layer of flat medium grey on normal mode, 100% opacity. On top of it, three or four layers. Few that have slightly darker grey, those layers I have on multiply mode (for shadows, you can adjust the opacity 'till it looks good) and few layers for lighter parts (lighter grey on overlay mode layer).

Once the greys are done, I flatten them to keep things simple.

Then I add a new layer on either overlay or soft light, I usually start by painting some skin tone to it. As the layer is transparent, it will allow the shadows to show through, and I also use soft brush at this point. I make many of these layers, just overlay or soft light, and soft brush with 70% or so opacity, to keep things soft and not too refined. It's nice to let color-areas blend over the lines so the result looks more natural and not so paper-cutout like or anything. *__* And then once I have like... a dozen or so color-layers and it all starts to make sense in visual terms, I flatten the whole thing again, and make a new normal layer onto which I do the overpainting. As long as the layers are on multiply/overlaye/soft light, they will allow the shadows formed by the greyscale to show through!

PHEW! I hope that makes sense. It's a bit complicated to explain altho the method itself is easy, it's just... slapping transparent soft layers on top of each other 'till it looks good and then detailing and cleaning up. *__* If some part didn't make sense or I left something out, lemme know and I can explain further!
Reply
:iconinnfhinithydesigns:
Innfhinithydesigns Featured By Owner May 21, 2013  Student Digital Artist
awesome!!
:la:
Reply
:iconjuuhanna:
juuhanna Featured By Owner May 21, 2013  Professional Digital Artist
Thanks! :D
Reply
:iconpo-ru:
Po-ru Featured By Owner May 13, 2013  Hobbyist Digital Artist
I'll try this @.@ I find this really helpful.
Reply
:iconjuuhanna:
juuhanna Featured By Owner May 13, 2013  Professional Digital Artist
I hope it works well for you! :hug: And thanks! :)
Reply
:iconlindajv:
LindaJV Featured By Owner May 12, 2013  Professional Digital Artist
KIITOS, mä oon miettinyt NIIN kauan, "Mitä layer mode:ia ihmiset käyttää kun ne lisää värejä mustavalkoiseen pohjaan?!?? Onko se vaan "color" vai mikä??" Mä en yleinsä maalaa näin, mä maalaan suoraan väreillä, mutta tämä on kiusannut mua kauan. Ja kyllä tämä auttaa mua kuitenkin, vaikka en maalais samalla tavalla! C: Kiitos!!!
Reply
:iconjuuhanna:
juuhanna Featured By Owner May 12, 2013  Professional Digital Artist
Joo, se on aika tärkeää että valkkaa parhaiten sopivan moodin - jos laittaa esim multiply moodilla värit niin koko hässäkkä tummenee huomattavasti ja se on hyvä ottaa huomioon harmaasävyä tehdessä. Itse käytän tosiaan overlay-modea joka vaalentaa pohjan tummuus-astetta pykälän verran, jolloin on hyvä ottaa se huomioon ja tehdä harmaasävyistä hieman tummemmat, ja niin päin pois. Kaikki riippuu niin monesta asiasta, tärkeetä on löytää itselle parhain combo. :B

Ja tällä tavallahan voi lisätä uusia kerroksia vaikka pohjalla olisi maalauksellisesti maalattuja kerroksia. Samalla tapaa kuin öljyvärimaalauksessa voi maalata ekaksi paksulla värillä ja maalauksellisesti, ja lopuksi vielä hienosäätää sävyjä ohuilla lasuuri-kerroksilla. Tämä on oikeastaan samaa meininkiä, mutta digitaalisesti. :D
Reply
:iconlindajv:
LindaJV Featured By Owner May 13, 2013  Professional Digital Artist
Niin onkin :D Joo, kiitos edelleen avusta!!
Reply
:iconpie-chrstn:
pie-chrstn Featured By Owner May 8, 2013  Hobbyist Traditional Artist
these are so very helpful! thanks a lot!
Reply
:iconjuuhanna:
juuhanna Featured By Owner May 8, 2013  Professional Digital Artist
No problem, I'm glad they're of use! :hug:
Reply
:iconhellsong-diabla:
Hellsong-Diabla Featured By Owner Apr 28, 2013
hm, i don't understand the transparency lock.
So if used it'll make colors on that layer "pop" more?
Reply
:iconjuuhanna:
juuhanna Featured By Owner Apr 28, 2013  Professional Digital Artist
It locks the pixels, so when you paint over it'll only paint onto the areas you have added color to previously. I find it easy to make neat looking, consistent shines on objects that are apart from eachother by locking layer and then pulling the brushstroke over all areas. I hope that made sense, it's a bit difficult to explain. *__* But basically by locking pixels you won't be painting into areas that are transparent.
Reply
:iconhellsong-diabla:
Hellsong-Diabla Featured By Owner Apr 28, 2013
oh alright, thanks for the explanation!
Reply
:iconjuuhanna:
juuhanna Featured By Owner Apr 29, 2013  Professional Digital Artist
No problem, if you have any more questions feel free to ask! :D
Reply
:iconhellsong-diabla:
Hellsong-Diabla Featured By Owner Apr 29, 2013
will do. :)
Reply
:iconkushami-aru:
Kushami-Aru Featured By Owner Apr 28, 2013
I think I'm going to try this coloring method. This may be very nice way to do coloring... :)
Reply
:iconjuuhanna:
juuhanna Featured By Owner Apr 29, 2013  Professional Digital Artist
Awesome! And if any questions concerning the technique come to mind, don't hesitate to ask! :)
Reply
:iconvkliza:
VKliza Featured By Owner Apr 28, 2013  Hobbyist Digital Artist
Thanks for the tutorial! The coloring looks really good!
Reply
:iconjuuhanna:
juuhanna Featured By Owner Apr 28, 2013  Professional Digital Artist
You're welcome, and thank you! :hug:
Reply
:iconriseredmoon:
RiseRedMoon Featured By Owner Apr 28, 2013  Hobbyist General Artist
I kinda gave up on digital drawing a long time ago, since I never really liked ANYTHING I drew on the computer... but now looking at these methods, I kinda want to have another go :D
Reply
:iconjuuhanna:
juuhanna Featured By Owner May 5, 2013  Professional Digital Artist
Don't give up! I know the feeling, but practice makes perfect! :hug: It's important to keep going~
Reply
:iconriseredmoon:
RiseRedMoon Featured By Owner May 6, 2013  Hobbyist General Artist
thank you for the encouragement :D It means a lot hehe
Reply
:iconthe-raven-soul:
The-Raven-Soul Featured By Owner Apr 28, 2013  Hobbyist Writer
Wish you luck! :meow:
Reply
:iconrotsentu:
rotsentu Featured By Owner Apr 27, 2013  Professional Digital Artist
great tutorial. thanks!
Reply
:iconjuuhanna:
juuhanna Featured By Owner Apr 30, 2013  Professional Digital Artist
No problem, you're welcome! :)
Reply
:iconrotsentu:
rotsentu Featured By Owner May 1, 2013  Professional Digital Artist
:wave:
Reply
:iconslackpracticerepeat:
slackpracticerepeat Featured By Owner Apr 9, 2013  Hobbyist Digital Artist
BLESS THESE TUT SERIES. I personally really like digital painting but I cannot stand seeing the colors get mixed up or using a bunch of layers so this method is pretty much perfect!
Reply
:iconjuuhanna:
juuhanna Featured By Owner Apr 14, 2013  Professional Digital Artist
Glad to hear it's useful! Thanks for commenting! :hug:
Reply
Add a Comment:
 
×
Download JPG 800 × 6868




Details

Submitted on
December 26, 2012
Image Size
2.3 MB
Resolution
800×6868
Thumb

Stats

Views
50,826 (2 today)
Favourites
2,915 (who?)
Comments
141
Downloads
979
×