Skip to main content

Making Images in GIMP Part Two

In the previous post about making images in GIMP, I went over the process of creating the composition and creating clean line art.  In this next part I will explain the steps I go through in coloring my picture, including flats, foreground, background, extra detail, and lighting.

And let us continue!

The next thing I did after making the line art was add a new layer on screen mode and filled it with an orangish-brown color.  This will tie the piece together in the end by giving all the colors a similar hue while they still pertain to their individuality.  The opacity of the screen is about 52% so that it's not too overwhelming.  Along with this I have brought down the line art layers to 80% opacity to give it a softer effect.

Here you can clearly tell the palette I have chosen for this piece, it's going to be filled with earthy tones.  The flat colors for the foreground are fairly basic and cooperate with each other.  Don't be afraid to take your time, make sure that it is cleaned up before continuing to the next layer of colors.  To help make sure that I get everything clean, I often toggle the visibility of the white background on and off.
The background colors are done on a separate layer. 
 Here you can see an ant line going around the blue of the sky, this was selected by using the magic wand tool.  This is because it'd be sort of boring for the sky to be just blue, so I'm going to use a gradation to give it more life.
Here you can see the tool I have selected along with the colors that I'm going to use for the sky, fading from purple to orange.  For those of you who don't know how to use the gradation tool, to make the pattern vertical you pull a straight line from top to bottom.  You can actually make the pattern go in any direction depending on where you drag the line.  The intensity of each color will also vary depending on how long you make the line.  As you can see, I made the line span across the whole image to make sure that the color is fairly evenly distributed.

Next I color in the building and water area white.  This will make seeing where I need to color in easier and also using the magic wand tool it allows me to color messily without getting the color all over the picture.

I color in the water a sort of periwinkle color to give off the illusion of reflection of the sky onto the water. 
Using the same method of coloring I used for the sky using the gradient tool, I use a yellowish and purplish color on a low opacity to color the water.

I reselect the sky because I've decided to amp up the saturation.  Because of the placement of the colors on the spectrum (they're on opposite sides) the purple will fade to orange-red and then yellow, giving a more natural sunset feel..

In order to make sure the water conforms to this color change, I open the Adjust Color Balance window (colors> color balance) and add in some more orangish tones.

With the water still selected, I use the same gradient I used for the sky on the water so that it looks more like the sky is reflecting onto it.

This tutorial will be continued in Part three, but this concludes part two of constructing images in GIMP.  If you'd like to see more notes on creating compositions, a nice tutorial is here.


Popular posts from this blog

How To Import and Use Fonts

-Made by Chrome Fx Films

To use different fonts in your game, your going to have to acquire some fonts. You can go somewhere like 1001 free fonts and download ones you like and want to use.

When you download the file, you'll need to extract the file if its in  a .zip

The text file should have the extension .ttf. If you text files have a FFIL extension, simply rename the font file (yourname.ttf).
Drag the text file into unity to import. By default the Character variable should be labeled Dynamic.

The Dynamic setting means  that Unity won't pre-generate the texture, so if you look at your material containing your font, It probably will be blank. (read more here)
Now your over all objective should be getting your font to look like this (unless you prefer dynamic):
Where the characters of the font are not jumbled up and visible.
Now usually all you have to do to achieve this is change the Character variable from Dynamic to Unicode.
and that should work.
Now what some people over…

Handling Music and Sound Effects In Your Games

Initiative  While developing Treva's Adventure I had to figure out a way to handle multiple music tracks and sound effects in a clean manner or suffer horribly.  What was going to help me achieve a simple solution was taking all the different sounds and centralizing them in a single class in order to black box them.  Any other code trying to play a sound wouldn't even know the sound file's name.  All code trying to play a music track would reference a enum that defines all the track names.
Defining The Class Creating The Enum When I first started defining types in my enumeration,  I was naming the types to be exactly like the file name.  For a scary sound effect I had found a file named "ghost breath".  So around my code would be scattered lines like SoundManager.Play(SoundEffectType.GhostBreath);  This was fine until I found a sound that better fit the situation it was being used in,  and decided to use "ghost breath" for a different situation like a …

Don't Destroy On Load..

So if you want to keep an object or script that keeps up variables (or for any other reason) when you go from scene to scene, you need to attach a don't destroy on load static function, which goes something like this:

function Awake () {
    DontDestroyOnLoad (transform.gameObject);

The Awake function is call only once, when all the objects in the scene have been created. Read more about it here.

DontDestroyOnLoad has what ever is in the ( ) to not be destroyed when creating a new scene.

(transform.gameObject) is what will not be destroyed when the new scene is loaded, in this case, it will be the game object and all it's children the script is attached to.