Skip to main content

GIMP logo tutorial - Applying textures

This tutorial will be one of applying textures in the process of making the logo for game we are about to publish as a webplayer.  I will be using GIMP, a free download art interface.  GIMP is also pressure sensitive if you have a pen tablet, allowing a large range of detail.
First off, I have my canvas (600x450px) and my image is composed of at the moment a white background and a transparent layer with the picture.  I'd made it so that the brush size is sensitive to the pressure of my pen tablet, allowing sharp edges.  However, after the initial outline is completed, precise brushstrokes aren't necessary.

I then did a layer of one color (grey in this case) under the outline layer.  After the coloring was done I found a metal texture I liked.  I use bittbox for my textures because they have a wide variety of textures that are free and come in multiple sizes.  I used a rusted blue metal texture. It ended up looking like this:  

I set the texture layer to 88% opacity and a copy of my color layer over that at 62% opacity.


Applying textures to pictures isn't all that hard, and makes all the difference.

  • First you find a texture you like, whether you find it on the internet or you take a picture of something and scan it in, and save it to your computer.
  • Open the texture picture in GIMP, moving it above the layers you want it to affect
  • Set the layer to "Overlay" using the little arrow tab above the opacity options.
  • Adjust opacity of the texture until you get what you want, you can even apply multiple textures.
Basically what setting a layer to overlay does is add the impression of its design to any layers below that have chrome or hue on it (anything that is not completely transparent) without drastically changing the colors of the lower layers.

Or if you want to be complicated and mathematical : (The variable "M" is the mask and "I"is the image layer below the mask, and 255= the pixel color component, which must always be between 0 and 255)
E= I/255(I+2M/255(255-I))

(The image divided by 255 multiplied by the image plus twice the mask layer that is divided by 255 multiplied by 255 minus the image equals the effect you receive) 
 
But anyway, that is how you apply textures to make your picture look fancy and professional.  If you need a better explanation, feel free to email the blog.

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.