HOME | DD
Nafah β Color Tutorial
Published: 2011-08-08 20:24:21 +0000 UTC; Views: 9123; Favourites: 310; Downloads: 160
Redirect to original
Description
Weeeeeelllllllllllllll........here's my first ever tutorial.
Do you have any suggestions for next time I make one? I wasn't quite sure how to go about making one, so I just winged it.. wung it? Anyway, I hope it's useful for someone. I'll make a better one next time
Related content
Comments: 65
2 questions if I may ask:
- do you use default photoshop brushes or do you have some special, custom ones?
- how do you change colours of lineart? It's completely black in the first stage, but you didn't comment how you adjust it, for example making lines greenish on trees, brown on bear etc. It may sound dumb, but that's the thing I alwayds wondered about.
Nonetheless it's interesting and well explained tutorial, thanks for sharing!
π: 0 β©: 1
I'm not sure how this artist did it, but I know you can just semi lock the layer (first tool on the left in photoshop, if you hover your mouse over it, it says "lock transparent pixels" at least it does for CS5) then use a brush with a different colour and go over it. This tool locks the transparent pixels so that you can't colour them.
π: 0 β©: 0
Awsome pictures, I'm a bit confused on how you got the colors to look so smooth and how you got your lines so straight. whenever I try they come out wobbly and sketchy. Next time go into more detail on what exactly you do and maybe show it in photoshop fram or whatever. Love your art
π: 0 β©: 1
Thank you! My lines are wobbly too unless I draw them really fast
I will definitely do better next time I do a tutorial thing, thank you for the suggestion!
π: 0 β©: 1
I look forward to seeing them. Also draw more comics (please)! haha I really like them too
π: 0 β©: 1
Oh thank you so much! I will!
π: 0 β©: 0
I have three questions. First, what do you use to get that specific line quality you have in step one? Do you have a special brush in photoshop you use? Illustrator?
Second, how do you go about adjusting the color of your lines in step six. I know there's a way to do this I've used myself, but I've never successfully been able to select a specific line or an area I wanted colored.
Finally, how do you that transparency in your colors? Notably the mist behind the bear and the ghost fox.
Thank you.
π: 0 β©: 1
I use the standard brushes that come with photoshop. Sometimes I use the round brush and sometimes I experiment with others. All the lines are on one layer, and on that layer I click 'lock transparent pixels' that way I can paint all over that layer but it will only show up on my lines.
π: 0 β©: 0
I love this tutorial. I really adore your style (found you through tumblr) I had a question though; I'm a bit lost between step four and five. How do you edit the gradients? Do you take, for instance, the darkest part of the gradient and create shadowing with it? Thanks a ton for responding!
π: 0 β©: 1
Hi, thank you! What I usually do to create shadows like that is I have a regular gradient on Layer 1 and on top of that I have a Layer 2 that I paint my shadow shape on, then I set that layer to Multiply, and then lower the opacity on layer 2 to about 20% or whatever looks good. I hope that helps! Or maybe I misunderstood the question..hmmm
π: 0 β©: 1
Nope, that's exactly what I was wondering! thanks so much!
π: 0 β©: 0
Curious, do you draw your lines with the pen tool (PS) or its equivalent or do you draw them by hand? Because I can NEVER make lineart tidy enough to try something in this style. I always slap color on color and fix the mistakes as I paint. Sketches are virtually non-existent.
π: 0 β©: 1
I draw with the brush tool, but I actually use lots of layers when I draw. I will draw the head on a separate layer than other parts of the body. Sometimes I'll have two or three different layers with just the eyes and compare them to choose which eyes I like better. I can be pretty bad about it sometimes though, sometimes just the sketch gets up to like 20 layers. 
π: 0 β©: 2
That's pretty interesting to hear about all your layers. I work the same way, keeping everything separate and having a few options to choose from. I have an animation background so when I'm drawing on a light table it's very easy to throw down another piece of paper and foll with correction/options. And those same sensibilities carry over into the computer. Often times I've felt it's a weakness of mine in that I can't visualize what I want easily - that I'm indecisive and weighing too many options. But over time I've come to accept that art is more about process than anything. I enjoy the process and this is just how I happen to work. It would be nice to be faster, or cleaner, or more efficient, but I dunno - if it ain't broke... etc.
Anyway, thanks for sharing - it's always nice to make those process comparisons with other artists!
π: 0 β©: 0
Ah, thank you for the reply. I've found that I'm personally much more efficient when I paint just in one layer or two. I still have this problem where I'll just stare at it as if I'm playing chess for a couple of hours, switching between snapshots (mainly why I never finish anything that's actually starting to look good). I think tons of layers would kill my productiveness (even more).
π: 0 β©: 0
Of course, when doesn't something need a blue glowing fox.
π: 0 β©: 1
There should be more glowing blue foxes in this world!
π: 0 β©: 1
There should be, the world needs that 900% more awesome.
π: 0 β©: 0
I do everything in photoshop, usually, or with a pencil
π: 0 β©: 1
wow my line quality never comes out good in photoshop
π: 0 β©: 0
I always love to see how artists put together their works, this is lovely, thanks
π: 0 β©: 1
hank you for taking a look!
π: 0 β©: 0
Wow, so much work goes into your drawings. It's nice to see the process.
π: 0 β©: 0
Looks like a very nice tutorial but I guess it's only for the people who already have a decent knowledge about coloring, because I need way more steps to understand this... However, I shall practice >B).
π: 0 β©: 0
Hi Nafah, thanks for sharing your process with us. The details are lovely, down to the colors you chose for the lineart.
π: 0 β©: 1
Thank you so kindly! I'm very glad that you liked it!
π: 0 β©: 0
Very awesome! I really love your work
do you do comissions?
- Justin
π: 0 β©: 1
Thank you so much! I'm glad you like it!
I would like to start doing commissions, but I have no idea how to go about pricing and delivering the product
I should probably figure those things out..
π: 0 β©: 1
Yes cuz I'd definitely like you to do a piece for me or maybe even help me do a comic! hehe
- Justin
π: 0 β©: 1
That would be very kind of you! I should figure those things out soon!
π: 0 β©: 0
wow. this is really pro!
One question though, if you use photoshop how do you change the color of the lineart? I have difficulty doing so :I
π: 0 β©: 1
Here is how I learned how to do it: [link]
It took me a while to get it, but after practicing a couple times it makes sense. I hope it helps!
π: 0 β©: 1
oooh, this could help. Thanks!~
π: 0 β©: 0
Thanks for the tutorial! It was very informative, and it's also great to see another artist's methods of coloring
π: 0 β©: 0
put the sketches, doesnt matter!!! u draw amazing, seeing the complete progress will b really inspiring, there are ppl that will b glad‘‘
π: 0 β©: 0
Whoa I love your style! It's always so refreshing!
This tutorial was very helpful. However, even if one were to copy step by step, it would be difficult to imitate your distinct sense of color and linework. Keep up the great work!
π: 0 β©: 0
ohh, where are my manners?
thanks for the tutorial!!
π: 0 β©: 1
I have never done digital work like this, but I would like you to elaborate more about gradation and how you pick your light sources for the shadows and highlights. also, can you tell us if there are different coloring/shading methods you use based on different textures?
the rest seems pretty simple to follow, although I am not tech savvy at all and would take years to master it. :/
π: 0 β©: 1
Ahh I see, very good suggestions, I will include them in my next tutorial! Especially the one about gradation and other methods like that. Thanks very much for the suggestions!
π: 0 β©: 0
Very good! you make it look so easy! --> [link]
π: 0 β©: 1
HA! I laughed pretty hard when I saw that! I'll make a better one later, one with actual steps.
π: 0 β©: 1
It was actually very informative 
Do you paint analog too?
π: 0 β©: 1
| Next =>