Simple Gradient Style Shading
Explains how to shade using gradiants in GIMP.
Simple Gradient Style Shading
Even with the advent of 3d models video games still occasionally call for great 2d art. Here I'm going to show you a quick way of coloring your sketches in GIMP. It can be done with a mouse and can look really great if you take your time. These images aren't the best but they get the point across. GIMP is basically like Photoshop but it's free. You can download it for either Linux or Windows at gimp.org The right mouse button is used to access many functions in gimp.

That's the gimp toolbox.
The first step is to scan the image. A dpi of 300 should be fine and save it immediately in bmp format. Make another copy to work with. You should only save in jpg when it's time to store the image on the web or in a game.
Now clean up the image by playing with brightness/contrast settings and erasing unwanted noise. The image below has lots of noise to clean up.

Now if you haven't done so open the image in GIMP. Now we're going to add an alpha layer to the background layer. This will allow us to put other layers beneath this one. Do this by right clicking on the image, going to "layers-layers, channels, and paths" to open this display below. Then right click on the background layer and choose "add alpha channel". Now we're going to change the layer type to darken only by clicking "mode-darken only".

Add an extra layer for our gradients by clicking the icon near the bottom which says (when moused over) "new layer". It should be of the solid white type. Then click the down arrow near the bottom to shift that new layer to the bottom of the stack. I've renamed by original layer to the name of contours and the new background layer as color, but it doesn't matter.
Make sure that the color layer is selected from now on and we're going to select certain areas of the image. Use any selection tool you like. They are along the top of the tool box.

Good. Now we'll apply a gradient to that area. First click the gradient tool [15th icon from left to right in the toolbox] and then double click it to bring up the options. Use a radial type gradient and fill the area in with color. Go ahead and play with gradient options to understand them. Now select a new part and use an appropriate gradient to fill in that area until it's all filled in.
Now using smearing, paintbrush, airbrush and any other tool, smooth out the seams. Now you can touch up the color and shading with airbrush tools and image settings. Continue this process until the image is done!

Hopefully I'll have the finished image posted at my site when it's finished, but we're done for now. Next time I want to write an article about coloring shaded pictures which is a lot more complicated to explain, but not very hard to do. Thank you for your time and happy coloring!!!
Related Tutorials
Why Animation and Cinematics Matter in Horror Games
Learn how animation and cinematics can become part of gameplay in horror games by teaching mechanics, creating vulnerab…
Designing Horror Games Inspired by Real-Life Experiences
Learn how real-life experiences can inspire more authentic horror stories, stronger emotional connections, and memorabl…
Balancing Game Development and Creative Direction in Indie Production
A practical look at how indie developers can balance creative direction with hands-on game development. This article co…
My Unreal Engine Development Process: From Core Idea to Playable Build
A practical overview of my Unreal Engine development process, covering how I move from a core game idea to a playable b…
Introducing LaneGraph: The Ultimate Road Network Solution for Unity
Discover the power of LaneGraph, a lightweight and flexible lane-based navigation system for Unity. LaneGraph makes it…
Retargeting Mixamo Characters with Root Motion In Unreal Engine 5.4.
I have always found Retargeting Mixamo Characters To have Root Motion is a serious lengthy Tast, Recently I stumbled up…
Discussion
More from Jeremiah Embs
Comparing Shadow Mapping Techniques with Shadow Explorer
New Incentives and a Whole New Platform From The Intel AppUp developer program
The final installment in this series on Intel's AppUp program details additional incentives and opportunities for devel…
The Game Maker
This book excerpt contains the first chapter of the book that introduces beginning game developers to the Game Maker pr…
Discussion