Skip to main content

Making Images in GIMP Part One

This is a little off our usual topic, but still an important factor for games.  When you walk into a game store and you're looking for no game in particular except for one that looks cool, you can't judge it off of game play, you have to go by the cover (and the description on the back of a game).  And so, I shall show you the basics of making an image in GIMP.

NOTE OF WARNING:  GIMP was not made primarily as a drawing tool, it was made for image manipulation, so while it has many of the same features that Photoshop has, it does not have everything.

I'm going to have to assume you have a basic understanding of anatomy and also drawing fundamentals.  This tutorial is focusing more on composition and what it entails (depth, color usage, space, etc.) to create an interesting piece that draws attention.  This piece is a mock up game cover.

Right now I have a rough draft and foreground sketch, simple enough.


Backgrounds tend to be the more tedious and difficult part of a piece.  The job is to make sure that it cooperates with the foreground while not being too bland.  For this process, I rely on a lot of reference images, especially for a subject matter like this that focuses on nature.  I'll be getting most of my references here.  Another thing to be careful with is where you want the attention of the audience to be drawn to.  This is why I did not put the character in the middle of the page, you want the composition to be interesting.  I put it off to the side and make sure that it fits correctly on the background (you don't want a character to float when it isn't supposed to) The way the image flows leads your eye around the whole piece.


And so we have this background, effectively utilizing the space and not overbearing on the foreground, although this is a pretty damn cliche scene.  I create a sense of space by not only making the fortress figure in the back smaller, but also by bringing it closer to the horizon and giving it a more diluted tone, this is accentuation by the saturation of the green of the cliff that is closer to the front.  During this part, don't be afraid to use general shapes to represent objects, the line art is where the detail comes in.
 Next is creating a cleaner outline of everything.
I added in a pendant and took care of the folds in the clothes.  The important thing about doing line art is that you always need to take your time, even if it takes a day or so to do.
And this is the finished line art.  As you can see, the background closer to the viewer is in more detail while what is in the back is more general forms, it almost looks kind of lame.  However, once it is colored it should regain the necessary detail that is needed for this to work as a piece.  This whole image right now consists of five layers; a white background, a background rough sketch, a foreground rough sketch, a background line art, and a foreground line art.  To add a new layer you can click the little white page under the layers.  
I would like to encourage that when working with line art that you don't feel that you have to create your own style, nor that you have to copy other people's styles.  I would suggest going out and finding pictures and studying the line art, the flow of the pen and the thickness in correlation to space and surrounding objects.  There is nothing wrong with relying on reference or feeling the need to use a method you find suitable, nor is it required that you do so.

And this concludes the first part of creating an image in GIMP.  If you have any questions about composing a picture or anything else such a preference for references, feel free to ask.

Comments

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.