[Repsa_Jih]

Hey, and welcome to my tutorial.



First off, you might remember me as a game programmer. That is correct, I am currently remaking a 2d game called annchienta, which is based on sprites and 2d art. All artwork for it is made using the GIMP.

So, I started enjoying making some sprites, and I decided to start this tutorial about it on my favorite GIMP site :l:

But this isn't just a tutorial. I invite everyone to post the sprites they made using this tutorial here, so I can use them in my game :h:

When you sumbit a sprite in this topic, you will also be added to a contributer list on http://annchienta.sf.net

Please note that the game on that site is the latest stable release, and the remake will be way better :h: I improved the battle system and graphics.

So, let's start this tutorial! I hope I can get a few people to contribute this way :l:

GIMP Setup and Tools

I have the GIMP setup like this:


Make sure you have the default 1px circle brush. Use the pencil tool. Open up this image:

It will help us to get the proportions right :h:

Zoom in a lot, so the pixels are visible. Make sure we are working with a 32x32 image. Then create a few more layers, as in the screenshot above.

Basics

Start off with a simple head. Note that the eyes are visible, but the mouth isn't. Take a look at the proportions image, and you should see the head goes in the lower part of the upper yellow area. When done, give it a skin color.




Hair

Hair is very important. As you see, it takes a large part of the sprite. With hair, you can give your character a personality. The hair should take the bigger part of the upper yellow area. Spikey hair, long hair, it's all possible. You can try the weirdest hairstyles.

( I decreased the head opacity for educational purposes here )


Torso

The torso goes in the orange area. It's usually pretty hard to make the torso look right, but after trying a few times, it should come out allright.




Legs and Feet

This goes in the lower yellow area. Legs are relatively easy to draw.




Note that the feet are just a brown line here.

Details

Well, you're free to add what you want. Have fun :h:



Thanks for reading my tutorial!

My outcomes:

[Stubborn]

Cool tut I'll be sure to try it out :) in the middle of another atm. Waiting for someone to answer on my question lol :P

//edit

i guess ill do it untill i get my answer lol.

[Fatal Edge]

[jJmF1226]

I want to try the tut, but the images aren't appearing...

[Fatal Edge]

ImageOX is currently down.

[jJmF1226]

Ok, well I guess it's back up.

Here is my sprite.


^^It resembles me a little. There is a J on his shirt because his name is Jack, just like me.

[Afrochicken14]

[frank34443]

Lol you have no idea how many times I have tried to master this type of 16/16 spriting through my game designing career... I found it really hard but Im getting better at it, Ill be sure to check this out if I am ever stuck while making a sprite.

[jJmF1226]

How did you get it so that your dialogs are in the same window as the main Gimp window?

[Repsa_Jih]

[jJmF1226]

Look, here is how my Gimp is set up:



There is nowhere on the main Gimp window to add dialogs.

[Hairy Munky]

^ Maximise the GIMP window .. ?

[Repsa_Jih]

Reset the interface.

Main GIMP Window -> File -> Preferences -> Window Management -> Reset saved windows to their default values

[XyllyX]

Either that or just double click one of the tools...doesn't matter which. An options dialog for that tool will appear. Grab a blank area under the title bar of that window with your mouse (not the title bar itself) and drag it onto the skinny bar at the very bottom of your main toolbox window. The skinny bar will turn dark gray, Release the dragged window with your mouse. Now any tool you click on, the options will appear down below the main toolbox window, and you will be able to add tabs.

[jJmF1226]

^^Ok thank you! That makes things a lot easier for me. :w: