.C GFX
10-12-2008, 09:30 AM
So lets start:
Here you will learn to make an animation from a spritesheet.
If you already have your animation frames ready, skip to step 7
Step 1:
Open GIMP, and paste your spritesheet from your file on the computer
File -> Open as a layer...
It should look like this (depending on your spritesheet)
http://www.photo2box.com/images/0akfxdffqxlp83zw5b13.gif
Step 2:
Select one of the frames of the animation with the rectangular select tool and copy it
http://www.photo2box.com/images/hdnw6qzsupx4e9ieag8.gif
Step 3:
Create a new image window (Ctrl + N) in the right size for the animation with a transperent background
http://www.photo2box.com/images/wa3o4nx4uv3hy84huvw.gif
Step 4:
Paste the frame you copied earlier (Ctrl + V), and make it a new layer (click the button with the white paper on it in the layer window)
http://www.photo2box.com/images/iguryuqokfthswehywr.gif
Step 5:
Delete the layer called background in the new window you opened
Step 6:
Repeat Steps 2 and Step 4 for each frame of the animation
you should get something like this
http://www.photo2box.com/images/6rsf7l0sg8af0fbvr1ct.gif
Step 7:
File -> Save a copy...
type the name of your animation and then afterwards add .gif
In the export window select the options in the picture below:
http://www.photo2box.com/images/sczlyq3rx5moge9g2t7x.gif
Step 8:
Choose these settings:
http://www.photo2box.com/images/qk0ii72izncityz54yhj.gif
Final product:
http://www.photo2box.com/images/kxjha97x9s099fdsmktq.gif
Final settings:
In order to make all the animation frames in the right place and not each frame on it's own place, make each time one frame (layer) visible and the frame (layer) before it in the GIMP window to move every frame for their place.
After you have created the animation and saved the file, try to use the image->autocrop function to erase the transperent space around the sprite.
I hope you enjoyed!
-
Done by .C GFX for GFXJUNK
Here you will learn to make an animation from a spritesheet.
If you already have your animation frames ready, skip to step 7
Step 1:
Open GIMP, and paste your spritesheet from your file on the computer
File -> Open as a layer...
It should look like this (depending on your spritesheet)
http://www.photo2box.com/images/0akfxdffqxlp83zw5b13.gif
Step 2:
Select one of the frames of the animation with the rectangular select tool and copy it
http://www.photo2box.com/images/hdnw6qzsupx4e9ieag8.gif
Step 3:
Create a new image window (Ctrl + N) in the right size for the animation with a transperent background
http://www.photo2box.com/images/wa3o4nx4uv3hy84huvw.gif
Step 4:
Paste the frame you copied earlier (Ctrl + V), and make it a new layer (click the button with the white paper on it in the layer window)
http://www.photo2box.com/images/iguryuqokfthswehywr.gif
Step 5:
Delete the layer called background in the new window you opened
Step 6:
Repeat Steps 2 and Step 4 for each frame of the animation
you should get something like this
http://www.photo2box.com/images/6rsf7l0sg8af0fbvr1ct.gif
Step 7:
File -> Save a copy...
type the name of your animation and then afterwards add .gif
In the export window select the options in the picture below:
http://www.photo2box.com/images/sczlyq3rx5moge9g2t7x.gif
Step 8:
Choose these settings:
http://www.photo2box.com/images/qk0ii72izncityz54yhj.gif
Final product:
http://www.photo2box.com/images/kxjha97x9s099fdsmktq.gif
Final settings:
In order to make all the animation frames in the right place and not each frame on it's own place, make each time one frame (layer) visible and the frame (layer) before it in the GIMP window to move every frame for their place.
After you have created the animation and saved the file, try to use the image->autocrop function to erase the transperent space around the sprite.
I hope you enjoyed!
-
Done by .C GFX for GFXJUNK