Okay, since a lot of people asked me about coloring, shading, and drawing on the computer, I decided that I might as well put up a page for it. CGI actually stands for "computer generated image", so when I use the words "cg" or "cgi", it mainly means, in a sense, making a picture on the computer. The Klonoa image below is not a true cgi; a true cgi is done all on computer, but I'm just gonna show you how to color your pictures on the computer because drawing by hand is already hard enough. I'm using the bare essentials of photoshop, so that this page can be useful to practically anyone.
1. If you haven't done this already, scan in your black and white drawing. Inked drawings are preferred over pencil because the lines wil be more definite and it will be easier to color. Here's my penciled picture of Klonoa, from the Sony Playstation game "Klonoa: Door to Phantomile". Since this is a copy (not trace) of the drawing on the cover of the game booklet, the color schemes are already laid out for me. If it's your first time "cg-ing", try drawing from something that is already colored. |
![]() |
2. Here is my Klonoa Picture again, but this time inked in. Can you see the difference? Notice that the lines are more clearer and that I didn't ink it out so much in detail as the penciled drawing. This will give me an easier time coloring it in. Anyway, I won't worry about details right now. Okay, now that it's scanned in, open your photoshop (or whatever software you want to use) and, of course, open your picture. Decide where the light source is and mark it with a dot (you can erase this later). Since my light source is right infront of Klonoa, I don't have to mark anything. |
![]() |
3. Using the paintbucket tool, color in the drawing with main colors. Make sure the tolerance is low so that it won't wipe out the outlines. For those really hard-to-reach areas, zoom in and use a very small paintbrush or airbrush. Don't shade yet. |
![]() |
4. Concentrate on one area of the drawing and we'll start shading there. I like to start at the shoes. Pick at least 2 shades of the the main color (1 highlight, 1 dark) and add them to the scratch palette. If you forgot to save them to your palette, you can always use the eyedrop tool and suck up some of the tints from your picture. Zoom in, and using an paintbrush/airbrush (I like airbrush), shade and highlight it accordingly to the light source. Use the darkest colors first then lights. Remember to shade along the lines. The shape of the shoe is curved, so the shadow itself is curved also. Use the smudge or blur tool to blend and soften out the colors. For areas that are already light, highlight the spots with a soft white airbrush. Since I already have made the colors for the shoe, I went on and did the other shoe as well. |
![]() |
5. Here I went ahead and shaded the whole entire drawing. Notice I used a pale blue for the white parts of the ears. Keep in mind that in this case, gray doesn't really seem to work well. But it can work wonderfully in other drawings. |
![]() |
6. Now the details are added in and mistakes are fixed. A little shine on the gem and shoes. Fixed up the ears slightly. Some text. This is the end-product. Click on the picture to see a close-up. |
![]() |