HOME | DD
WhipsmartMcCoy — Cel Shading Tutorial
Published: 2009-04-04 05:52:31 +0000 UTC; Views: 13016; Favourites: 307; Downloads: 298
Redirect to original
Description
Tutorial walkthrough thing for this piece: [link] .Since you guys were asking for it. C: This tutorial assumes basic proficiency with Photoshop.
For instructions on transferring lineart to a transparent layer: [link] .
Let me know what you guys think. C:
Related content
Comments: 46
👍: 0 ⏩: 0
Thanks for the multiply layer trick! I've seen it done on so many other tutorials, but I didn't really understand it! You cleared it roght up for me though. 
👍: 0 ⏩: 0
my lineart wont change colors but the background will in step 3 :l
👍: 0 ⏩: 1
Make sure you're on the right layer, and that you're checking the "colorize" box in your Hue/Saturation options. C:
👍: 0 ⏩: 0
I'm experimenting with techniques in this tutorial right, but can't seem to figure out what the next step does.
I've just made a transparent layer, make a layer under it and filled it in with light grey, but I'm not sure what effect this makes? Your examples here don't have any colour, so I'm a bit confuzzled. o_O
👍: 0 ⏩: 1
Using a gray background is just a way to evaluate how the colors look and makes it easier to find any spots you might have missed. Some people like to use it, others don't. Personal preference really. C:
👍: 0 ⏩: 0
You're welcome. Enjoy! : D
👍: 0 ⏩: 0
Yeah, but it's not necessary. Cel shading works best when you have clean lines, so any method you use to achieve that should be fine. C:
👍: 0 ⏩: 0
Very helpful!! I like the idea of adding the shadow first, thanks for making!
👍: 0 ⏩: 0
ah~! Thank you! ive been looking for a tutorial like this!!
👍: 0 ⏩: 1
I hope it serves you well. C:
And your sig cracks me up. XD
👍: 0 ⏩: 0
Thanks, glad you like it. C:
👍: 0 ⏩: 0
Brilliant tutorial. This is almost the same way I do my cell shading, but you do things a tad differently. I'll definitely have to try it this way. ^^
👍: 0 ⏩: 0
Very nice tutorial. Many things I didn't know, gotta try them out
It's so interesting to see that although almost every modern artist has similar tools, everyone uses them in a slightly different way.
Thanks for the info and sorry for not having written for a long time. Still watching regularly though. Keep up the good work!
👍: 0 ⏩: 1
Indeed! It's really amazing to see the wide variety of work being created every day. It's definitely an exciting time to be an artist. 
It's cool, I understand. Everyone seems so busy nowadays (myself included X3), it's hard to keep up. It's nice to hear from you again, though. Any chance this means you'll be more active in the coming months? C:
👍: 0 ⏩: 1
Well, that's my intention. Many projects already written/planned that just need to be drawn... but time, jeez! I wish I was already old and retired so I would have time to do art all day
👍: 0 ⏩: 1
Hahaha, I hear that! XD
Are you planning on doing SDL Tokyo?
👍: 0 ⏩: 1
SDL Tokyo. I read the concept and it sounds like loads of fun. I still want to finish that Red Ball storyline first though
If you decide to join SDL Tokyo Luna will be rooting for you
👍: 0 ⏩: 1
Wicked tutorial, I'm definitely going to try it out. Thanks so much!
👍: 0 ⏩: 0
Very nice tutorial, makes it so much easier. c: I love it.
👍: 0 ⏩: 1
Thanks! Hope you can get some use out of it.
👍: 0 ⏩: 0
ohh, if i had photoshop this would be so helpful, which is whyi faved it so if i ever get it which i want to do, i'll be able to stumbly blindly with some help.
👍: 0 ⏩: 1
Heheh, well I'm not sure how helpful this will be if you've never used Photoshop before; I didn't explain things all that well. 
Still, I hope you can get some use out of it. C:
👍: 0 ⏩: 1
yeah, well either way first step is getting photoshop, i'm quick at understanding stuff so i'll figure it out some how
👍: 0 ⏩: 0
thanks for the tutorial... here's my first work [link]
thanks again!
👍: 0 ⏩: 0
This is so AWESOME! Great job, I can't wait to try it out.
👍: 0 ⏩: 1
Thanks! I hope you'll find it useful. C:
👍: 0 ⏩: 1
I found it AMAZINGLY useful! I've never tried cell shading before, so I had no clue what I was doing, but your tutorial really helped! My first attempt is here if you're curious. Thank you again for making such a wonderful tutorial!
👍: 0 ⏩: 0
OWAIT. That method making transparent lineart layers would be super helpful if there were a Channels tab in my version of Photoshop. 8D (-cough-elements-cough)
-Cheap-
👍: 0 ⏩: 1
Ah, sorry about that. I know nothing about Photoshop Elements. I'm still running Photoshop 7.
Here's an alternate method:
1. After scanning in your lineart, clean it up using the brush tool and Image>Adjustments>Levels. Try to get it as crisp and uniform in color as possible.
2. Next, if your lineart is not already black, use the Levels adjustments to make it so.
3. Hit the "D" key to get the default colors in your color pickers - black foreground, white background.
4. With your lineart layer selected, go to Select>Color Range. This will open up a window that gives you a variety of settings and a preview of your image. Change the settings to read as follows:
Select: Sampled Colors
Fuzziness: 200
"Image" radio button selected
Selection Preview: None
Click OK. You will see that your lineart has been selected.
5. With your lineart still selected, make a new layer. On the new layer, go to Edit>Fill and fill the selection with whatever color you like. Deselect.
6. If you hide the visibility on the original lineart layer, you will see that you now have a copy of the lineart on the above transparent layer.
The results of this method aren't quite as clean as the one using the Channels, but it achieves a comparable effect. Let me know how this works out for you (or if I just totally confused you beyond belief - it's difficult to talk about this stuff without a visual aid XP).
👍: 0 ⏩: 0
8\
THIS IS HANDY WAT.
I never comment or fave, but I love your art. D: Rawr.
AND HOLY CRAP THERE'S A WAY TO MAKE A TRANSPARENT LINEART LAYER WITHOUT TRACING MY PENCILS ARRRRGHWHYDIDN'TIKNOWTHIS.
Well I know why (arghI'mstupid) but.... I WISH I'D BEEN TOLD SOONER.
Wat.
👍: 0 ⏩: 0
lol OMG I so want apply this to the way I colour!!!
but Im skipping out the lineart part of my art now >_<
I will make use of this!!!!!!!!!!!! somehow >_>
👍: 0 ⏩: 1
Hahaha, well you can always use it if you need to churn out a colored piece fairly quickly. It's much faster than doing full on digital painting. C:
👍: 0 ⏩: 1
nice use of filter effects, didn't think of that lul
👍: 0 ⏩: 0
SWEET.
i totally got photoshop so i can do this now XD
👍: 0 ⏩: 1
Awesome! I'm curious to see what you'll come up with. C:
👍: 0 ⏩: 0