HOW TO COLOR YOUR ART IN PHOTOSHOP
After you have chosen your base colors and filled in the image, you should have an image like the one here; flat and plain with no lighting effects or anything. Like I mentioned in the previous paragraph, I have chosen to put each color in this image on it's own layer. Right now, it contains EIGHT layers, and I've only just begun! Do not worry, there is no limit to the number of layers you can use in an image. I've used as many as 168 on one picture before!

As I mentioned, my picture contains eight layers; the background layer, a blue layer, a white layer, a brown layer, a layer for the eye white, a layer for the eye yellow, a layer for the gray nose, and the ink layer.

With this knowledge, you should be able to shade the picture on your own from here out, but I will continue to the end to show you a few more tips and tricks that may come in handy.

Flat Colored Image


The general way I go about shading a picture is to do the shadows first, and then the hightlights after. The reason for this is layered shading. Since highlights always rise over the shadows, it would seem obvious to paint them this way.

Many people use different methods of shading in Photoshop, and I'll go over the two I've used since I began learning Photoshop. You can, if you prefer, use the simpler method of using the Dodge Tool Dodge and Burn Tool Burn tools, which lightens or darkens the colors of your image. To access these tools, press the keyboard shorctuc "O", or click on them from the toolbox. You must click and hold the mouse button down so that the rollout menu appears. You"ll see the Dodge tool, the Burn tool, and the Saturation tool ( it looks like a sponge).

The downside to using the Dodge and Burn tools is that it only lightens to white, and darkens to black. Doing so may make your image look less "colorful" than choosing your own shade of the color you want to darken. The solution is to only use these tools when you need to add subtle shadows and highlights, or when working only in grayscale.

I recommend not heavily relying on the Dodge and Burn tools to do the work for you. Instead, use the Paintbrush Tool Brush Tool to shade and highlight your images. You may locate this tool by pressing the keyboard shortcut "B" key, or by finding it in the Toolbox.

I will begin by shading Maglot's blue fur. To shade it, we would use the Color Picker to choose a darker blue and for highlighting it, we would choose a lighter blue.


You"ll need to choose a light source before shading as well. I have chosen to have the light coming from the upper-left of the picture. Because of this, everything on the left side of the character will be lighter, and everything on the right side will be darker.

The picture to the right shows the direction of the light, and a generalization of what the shading should look like. Obviously, I can"t even begin to teach you about lighting a 2D image to resemble a 3D one here, so this is something you will have to learn elsewhere.

The Light Source

Before starting, I recommend setting the flow of your brush to 10% instead of 100%. Do this by changing the setting in the top toolbar. This gives you a slow, steady flow that will allow you to build up the color gradually, making it blend much smoother. You will also want to choose a softer brush. Do this by right-clicking anywhere in the image, and choose a brush where the "Hardness" meter is at zero percent.

Your own style will have to come into play at this point of the tutorial, as I have my own and will be doing it "my way". I generally like to lay down some initial fur effects whil shading to give it some detail and mark of areas I will need to highlight later. The type of shading you want to do is entirely up to you. You may choose to do quick, wide shading, or careful, detailed shading. Whatever works for you is fine. I personally do both to ensure eveness of the picture.

You"ll of course have to switch layers while shading if you put different colors on separate layers. Just make sure to note what layer you are on before you start coloring, or you"ll make mistakes. I often end up painting with blue on a white-colored layer, or on the background layer, and will not realize it until I try to color over it again, and I suddenly can"t color over it because it was on the wrong layer!


After I've shaded the image, I then do the reverse, and highlight the image. For this, you basically pick your base color, and increase the brightness gradually, making a pass over areas that need to be highlighted with each brighter color. Below, I've made a chart to illustrate this technique.
Finished Shading

Lighting Chart


Firstly, select your Brush Tool and set the pressure to 10%. Sample your base color by using the Color Sampler (or by just holding Alt down while you still have your Brush Tool selected), and then proceed to Step 1. Step 1 is to get the next brightest shade of that color, and zig-zag around where the light should be. Steps 2 through 5 are basically repeats of step 1; you are gradually lightening up the colors as you go, reducing the range that you zig-zag the brush until you get to an almost white color, then you can stop.

That's all there is to it! I hope this was a step in the right direction for you, and that you enjoyed the tutorial. Click the button below to go back and discover how to accomplish other techniques for making the nose appear shiny and wet, and how to make the fur realistic.


BACK TO TUTORIALS