Tutorial

Hey everyone, In this tutorial, I will try to show you how I color in a cell-shading way.
First, you'll need Photoshop. I usually use CS2 version but CS works too (for others versions like 7 or previous, and can't tell you if my technics will work).

So now, I suppose that you know how to use Photoshop because I'm just not making a tutorial to teach how to use it :p.

To show you how I work, I will take a page of Bleach :p



You can see here that it's a little crappy ^_^
So we'll have to clean it a bit :p

1.CLEAN

1.Unlock your only layer, name it (you'll see, it's very useful).
I will name it "Scan"

2.Create a white layer under the layer "Scan"
It will keep your background always white.
But it's not obligatory. You can choose to put a green or a blue layer :p.

3.Create an empty layer above the "Scan"
At this step, you must have something like that :




4.Now you'll have to redraw over the scan.
Decrease the opacity of your "Scan" to 15% ~ 30%, you just have to see it.
I usually use the "pen tool".

It's not an obligation, some people use the Lasso, the Brush or the Pencil :).

But I will explain you why it's so useful ^^.
With this tool, you can do a lot of thinks : stoke, fill,select.
But why should I use the pen? because it's really precis.

Be sure to have these settings :



How to use the pen :
1.click on any edge of your sketch,it will create a little anchor point :



2.click somewhere else on your sketch, this will create another point which will be connected to the other:




3.click somewhere over the segment :



4.drag the middle point to curve the segment with [CTRL]+[left click]:



note1: you can put as much point as you want over the segment.
note2: you can create some others segments: you just have to release the last segment that you worked over by [CTRL]+[left click] somewhere else on your layer.
5.repeat all these steps and you'll have something like this :



At this step, we've not finished, but I will show you how to stroke your path, because what you create with the pen is a "path" and not a real line.
The stroke that you will create will depand of your "Brush tool" settings, so don't forget to set your brush before doing what we will do next.
For my lines,I usually use these settings:



Now, with your "pen tool" selected, deselect all your paths by [CTRL]+[left click] and [right click].
A menu appears:
choose:[Stoke path...]
tool:[Brush]
Simulate pressure : off

You should have something like this:



note: you can try to use the [Simulate pressure] option but the result will be different (depands of what you want :p)

Example:
Brush settings :



Result:



You can see that a diameter of 6px is a bit too much ^^.
But usually, people use 2px for the edges lines, and 1px for the inside details.
In my part, I always use 1px of diameter hahahaha (maybe too lazy to change the settings).


6.sometimes you have to fill some areas, so you can select the area that you want to fill with the pen, like that:



Now, [right click], [fill path], [OK]
note: your path will be filled with the color that you choose in the option or, by default, with the color that you chose in "background color"
You should have something like that now :




Now you can continue to make your paths until you have that :



2.FLATS

Now you can begin to put some flats.
I usually put one color by layer.
For example: "hairs layer","skin layer","suit layer"...



With the pen, make the path of the area that you want to fill.
Then : [right click], [fill path], [OK].

note: You can use the magic wand, but personally, I think that it's not precis enough, see :



When you have put all the flats, you should have something like that:




3.SHADE

We have to put some shades to give some depth to our guy ^^.
First, you have to choose a light source.
It's always a part which take me a long time, as I like every light source :p
But some light sources can't really fit to some drawings.
But you have to retain one thing: be consistent when you put your shades.

Like I said before, I put every different color over a layer.
In this picture, I began to shade the hairs, the skin and his white outfit.
You can see that the light source come from the top-left of the picture.



Add shading over the helmet, and the others parts.
Put another darker tone of shade.
Put some light where the light come from.



4.EYES

For them, you can refer to Batanga's tutorial, which must be on his gallery (batanga.deviantart.com)
I just adapted this to my style, giving some others details.

5.GLOWING EFFECT

Hey now, I think that this section must be the one that everyone was waiting for XD
How I do my glowing effect hahahahaha ^^.

1.duplicate all your layers
2.merge them into 1 layer, I will call it "Render"
3.duplicate your "Render" layer
4.change the blending mode of the new layer to what you want. At this step, I won't tell you to choose one much more than another because all depands of what you are looking for.
But I usually choose overlay, soft light, hard light, lighten, screen... XDXDXD
As I told you, there's not only one way.
When you've chosen your mode, apply a gaussian blur over it, with any setting you want, here too, it depands of you.

6.AFTERTOUCH

Now you can play with some others features like coloring the line, playing with colors,etc...


On this work, I changed all the color at the end, because they were too insipid.



Then I played with my glowing effects, and photoshop features to have finally something like that:



If you've got any question, you can contact me by mail ;)



Copyright © "sTfun" 2007/2008 all rights reserved