Simple CG tutorial 1

This is a tutorial that shows you how to create an image that looks cel colored.
The program i use is Photoshop 6, other tools are my scanner and lightbox.

There's quite a bit of images, please be patient while they load.

*what is a lightbox - basically, a box with a semi transparent top, and a light inside,
which allows the user to trace images.*

First, i create a rough drawing, using a blue lead pencil and later going over it with a
normal pencil. This will form the basis of the picture. All the details are added in so
that they can be traced later.























Using the lightbox, i trace over the rough image. The pencil i use here is just a normal 2B lead pencil. Care is taken such that the picture is as clean as possible, with no smudges or errors in tracing. It's important that all lines are closed, as this will be a great help in coloring later.

The new pencilled drawing is then scanned into Photoshop and i use the Levels tool to clean it up further.

i then use the Eraser tool to get rid of any further dirt.

Use the Hue and Saturation tool, set it to Colorize and play with the settings till i get a nice sepia tone for the lines.

The image is now ready to be colored.




Some Photoshop tools

The Trapeziod Select tool and the Magic Wand select tool. These two are used to select out areas to color.



All coloring is done in Layers. The Background layer is the pencil drawing which i have scanned in, all subsequent color layers are on top of this.

All color layers are set to Multiply, this is important, so that you can still see the line drawing under the colors.
(the only exception is the lightfx layer, more on that later)
















This is the image with all the base colors set in. Primary color palette used is reds and greens.

Already, some of the lighting is decided. A bit of highlight is also added, in the hair and walls.























More light effects are added in. The light is on a separate layer, and this layer is set to Screen, instead of Multiply. Some Gaussian Blur is used to soften the light further.

i let the light effects bleed over a little on the top of the girl's head and shoulders, as the light should be shining on her as well as the walls.

Some shadow detail is added to her face in the base layer also.









Next, the shadows are added, again on separate layers. Now the image has more depth and there is stronger contrast between the light and the shadows.

The glass is added in on a separate layer also, set to Multiply, but the layer Opacity is set to 30%, for a more translucent look.

The image is almost complete, all there is left is just to adjust the overall color and shadow levels.















Using new Adjustment layers, i create a Levels layer and a Color Balance layer on top of all the rest of the layers. The levels is used to increase the overall picture color contrast and the Color Balance is set to approximately +5 red and yellow on Shadows, Midtones and Highlights. This will give the image a more uniform lighting and color feel.
Layers can be flattened and the image saved as a .jpg file.
The image is now complete.