How to Make Animations Out Of Sprite Sheets GIMP User's Only!

[R3DN30N]

Hello, I've found that there are very few tutorials showing you how to make animations out of spread sheets. So today I'm going to be showing you. Sorry PS User's but I'm not sure if this works for you guys, but feel free to try :)

 

Lets get started!

 

Step One

First off, start by making a new image 80 x 80, filled with transparency.

 

Step Two

Next you need to obtain a sprite sheet. Go ahead and get one from this site http://spriters-resource.com/ anyone is fine, even the ones with a colored background.

 

Step Three

Open the sprite sheet up. (Not on you 80 x 80)

 

Step Four

Select the Rectangle Select Tool.

 

Step Five

Make a rectangle over the sprite you want to be the beginning of your animation.

 

Step Six

Now either press ctrl + x, or right click inside the square/edit/cut

 

Step Seven

Now go back to your original 80 x 80 and paste it in, then click new layer.

 

Step Seven and a Half

(Only preform this step if your sprite has a background color)

Select the fuzzy tool, and click outside of the sprite, then hit delete.

 

Step Eight

Repeat until you have the whole animation sequence.

 

Step Nine

Easily the most important, and easiest to screw up.

After you have clicked save as... you must change it to "GIF image (*.gif)"

 

Now you have to add .gif at the end of whatever you are calling the animation.

 

 

 

Step Ten

Click save, make sure that it is set to save as animation.

 

 

Now click export and make sure your settings match mine.

 

Step Eleven

Now upload it to www.photobucket.com or whichever site you prefer, and WALA! Your animation is complete.

 

 

Leave any comments about any trouble you are having, and please post your results, I want to see how they come out! Here is mine.

 

Good Luck!

[G-Break]

awesome tut with screenshot, that's very helpful. :]

[R3DN30N]

Thanks, did you make one?

[G-Break]

not yet, but i will. i already have animated banner in my shop. xp

[EHN.]

You..you.. COPYCAT jkjk

[FireDude2010]

Great tutorial! =) Although I edited mine a bit, I removed the Background layer because it made a blank picture at the end of it. Still, great tutorial overall. :)

[Donquixote Doflamingo]

Great tutorial, I'll stdy it and try to make an animation.

[R3DN30N]

Thanks guys for all the awesome comments!

 

Any questions so far?

[G-Break]

see my banner? that's the example. :]

nice tut. + rep given

[R3DN30N]

Oh cool! Thanks for the rep man! Great job on the banner!

[ANBU]

pretty good tut, the only problem i have with making myn on GIMP is the positioning (since i last time i tried went for a one of like naruto and that, therefore larger background area..) since on GIMP i cant position right i usually use flash.. but if your using characters that dont need to run around much positionings not much of a problem on GIMP ^^

[PowerlinX]

Nice Tutorial, Man!

[R3DN30N]

Thanks!

[HulkTySSJ2]

so when it says "repeat" do u mean click "open as layers" ???

...plus on step 1 ...does it have to say animation sprite because i didnt see it?

[HulkTySSJ2]

hey i am a ssj3 vegeta...is it working?

[R3DN30N]

When I said repeat, I meant that you need to, continue cutting out the sprites (IN ORDER) and pasting them over each other, so that its an animation.

[daxtery]

TANKS!!!!

[HulkTySSJ2]

made a newer version

[R3DN30N]

Sweet! Nice animation!

[HulkTySSJ2]

Sweet! Nice animation!

 

thx i tried this with a comic by a friend of mine and i think it works to ...here it is...

[Kuri]

Step Eleven

Now upload it to http://www.photobucket.com or whichever site you prefer' date=' and [b']WALA![/b] Your animation is complete.

it's viola!!!! no wala!!! well anyways nice tut its way better that EHN's (no offense man)

[HulkTySSJ2]

do u know how to make it to where 2 sprites could fit and fight?

[R3DN30N]

Just make a bigger area to animate and get creative!