Hello, and welcome to Phones's cel shading tutorial! In this tutorial you will learn how to create a nice smooth cel shading.
For this tutorial, you will need:
- A version of Photoshop. I'm using CS2.
- A mouse or tablet
- Some big lineart
- A basic knowledge of Photoshop
Base Color
|
Ok, now that we have everything that's on the checklist, let's begin. Open the document with your lineart on it. For me, I chose this quick little Pigmask guy. The lineart should be clean as well as pretty big. My Pigmask guy is about 3000 x 3000 pixels. The reason for this is when you shrink it, it becomes cleaner and removes any imperfections or mistakes. However, be aware that this is no excuse for it not being clean. |
Time to start coloring! Select the magic wand tool from your tool box. With it, choose the place where a base color will go. I seected the helmet. Once you have the selection chosen, go to Select: Modify: Expand. In the box, type about 2-3 pixels depending ont he size of your area. Now create a new layer and name it Base Color. |
|
|
Go to the color picker for the background color and pick the color that you want to fill your selected area with. Make sure you have your Base Color layer selected and press Ctrl and Backspace simultaneously, filling the selection with your background color. Repeat this until you have all of the basic colors down. |
And now base colors are DONE! Looking good if I do say so myself. A few things to check, however, before moving on:
- Make sure your color is on the Base Color layer
- Check to make sure you haven't missed filling in anything, particularly around the corners
|
|
Shading
| |
It's time to start shading - Cel Shading, of course! The first thing we have to do is create a new layer above the Base Color layer. Name this one something to the effect of 'Shadows'. This is where our shadows will go. Now right-click on the Shadows layer and select 'Create Clipping Mask'. This means that what is on the top layer will only be shown if there is something below it on the next layer down. It's very useful! |
What colors should we shade with? You may think that it'd be good to go with matching colors such as a slightly darker pink for the mask, and a little black for the boots. Well, not this time. We're only going to use one color. I'm going with a very dark version of the background color, as you should normally do. A sample of it can be seen tot he side of here.
|
|
|
Let's get some actual work done now. Click the brush tool and start laying down the shadow. Don't worry if the shading looks bad right now. This will be fixed. If you don't have a tablet, use the Pen Tool with the Fill Path feature, which fills your selected pen tool area with either your foreground or background color!
|
The Result
Now lower the opacity until it looks good...
...and add some highlights.
Now merge the layers by selecting them all and pressing Ctrl+E. Shrink the image down, save it, and you're done! All that's left to do is enjoy it! Thanks for reading the tutorial! If you have any questions, just PM them to me on the forums and I'll help you out! I hope this was helpful!