free hosting   image hosting   hosting reseller   online album   e-shop   famous people 
Free Website Templates
Free Installer

 

[ How to color Anime/cell-style in Adobe Photoshop 7 ]

Tutorial done by Animetor Lily

Welcome to my first ever tutorial~ ^o^  Thru this tutorial I will try to teach you how to CG in Anime style... I hope you will learn something from this tutorial and enjoy yourselves at the same time! ^__^

Lineart is by Blue Sapphirez, used with her permission ^^

I will assume that you have Adobe Photoshop 7, and basic knowledge of how to use it. You can still follow this tutorial if you have Photoshop version 6, because most of it will be similar to version 7. This tutorial level is Beginners.

We will be developing this lineart of Lina Inverse from Slayers. The lineart belongs to and is courtesy of Blue Sapphirez~ ^w^

Ready..? Let's begin! X3

Preparing the Lineart | Creating an Outline layer | Base Color Fill | Shading

Hair Shading | Special Effects // Adding a background

Step 01: Preparing the lineart
The first step is one of the hardest steps in the whole process, but it's also the most important. If you're new to CG you should probably read the following. If you don't feel like going thru the whole cleaning process and just wanna learn how to color then you may download the cleaned up lineart HERE and continue with Step 02.

[ Download the original lineart here ]

In Adobe Photoshop load your lineart. I'm using the lineart of Lina drawn by Sapphirez. As you can see, the lineart is a downright mess XD;;; because when I got this thru snail-mail it's been very wet from the rain... (sorry Sapph-chan ^^;;; ) but that's OK. We can fix this in Photoshop. ^__^ 

1) On the menu, click Image > Adjust > Levels. A small window with a graph-like thingie will pop up.

Pull the right-most arrow to the left...

There are 3 arrows pointing up under the graph. Now pull the rightmost one a little to the left. Notice the difference in the lineart? It looks whiter and looks a tiny bit cleaner. Pull the arrow to the left as far as you want but be careful not to pull it too far in case the outline of the lineart looks jagged. Resist the urge and leave all the other arrows alone for now. XD You can follow my settings if you like. Click OK when you're done.

 

 

2) Now the lineart is cleaner, but it still needs some patching up. Create a new layer on top of the Background layer, and rename it White. Select the brush tool and choose a suitable brush size, coz we're gonna paint over the dirty areas of the image with white. I used a brush with the following settings:

Size: 11

Opacity: 100%

Flow: 100%

Make sure you are on the White layer (click on the layer to select it) and paint over the dirty areas with white color. The reason we're painting on this layer is so that we don't accidentally mess up the original lineart. Be careful not to go over the black lines. If you did go over the lines accidentally, no problem, just use the Eraser tool  ^__^

Take as much time as you need, you shouldn't rush at this stage. A good lineart is what makes a picture look great at the end. But you needn't spend too much time on lineart cleanup (unless you're a total perfectionist... ^^;) otherwise you might get tired of the whole thing and give up XD;;;; And we don't want that, do we?

 

3) When you're happy with how your pic looks now, on the main menu click Layer > Flatten Image. The picture will now be in a single layer, called Background. Save your file as a .PSD file. Here's how the lineart should look now:

TA-DAAHHH!! XD It's clean...

Lots better from the pic we started with, eh? ^__^  BTW I erased the scribbly shadow effect at her feet because we're gonna add that effect later in the tutorial.

On to Step 02 ==>>