Home  | Login  | Register  | Help  | Play 

GIMP Animation Tutorial

  		Logged in as: Guest
  Printable Version
All Forums >> [Gaming Community] >> [Legends and Lore] >> Artists of Legend >> Art Academy >> GIMP Animation Tutorial
Page 1 of 3123>
Forum Login
Message << Older Topic   Newer Topic >>
8/21/2007 11:22:57   
LightningIsMyName
Member

GIMP Animation Tutorial

Here you will learn to make an animation from a spritesheet.
If you already have your animation frames ready, skip to step 7

All the links will lead to a picture of how it should look

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://i113.photobucket.com/albums/n228/fuzzy1992/Guides/GIMP_Animation/1.gif

Step 2:
Select one of the frames of the animation with the rectangular select tool and copy it
http://i113.photobucket.com/albums/n228/fuzzy1992/Guides/GIMP_Animation/2.gif

Step 3:
Create a new image window (Ctrl + N) in the right size for the animation with a transperent background
http://i113.photobucket.com/albums/n228/fuzzy1992/Guides/GIMP_Animation/3.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://i113.photobucket.com/albums/n228/fuzzy1992/Guides/GIMP_Animation/4.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://i113.photobucket.com/albums/n228/fuzzy1992/Guides/GIMP_Animation/5.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:


Step 8:
Choose these settings:
http://i113.photobucket.com/albums/n228/fuzzy1992/Guides/GIMP_Animation/7.gif

Final product:


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.

This is the ending:


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!

Sprite link is here http://planetrenders.net/renders/displayimage.php?pos=-19687

GIMP Animation Tips by Ninja 293
you can make each frame Quicker or slower, name each layer:

Frame 1(100ms)
Frame 2(200ms)
Frame 3(300ms)

(this will allow you to have diffrent duration for each frame)
And so on, you will realise that it is getting slower each time. You can view your animation work before you save it; Filters>Animation>Playback
Try experimenting with the (ms) to find what you want.

Tips:

  • The higher the (ms) the slower the frame changes to the Next.
  • you can use the GAP (GIMP Animation Pack) for more complexed animations, it can be downloaded at the GIMP homesite in the downloads section.


Want another animation program with a bit more customizable options? Try MS Gif Animator.
Download Link http://www.versiontracker.com/dyn/moreinfo/win/13212
Tutorial Link: http://forums2.battleon.com/f/tm.asp?m=11083306&mpage=

< Message edited by LightningIsMyName -- 10/19/2007 2:59:50 >
AQ DF MQ  Post #: 1
8/23/2007 22:52:12   
cooksey
Member

now what if the sprites i have have a white background?

_____________________________

[br] Click here to feed me a Soul![br] Get your own at PokePlushies!
DF  Post #: 2
8/24/2007 10:03:31   
LightningIsMyName
Member

If they have a white background, use the Wand tool to erase it:
click Z on your keyboard to select the magic wand tool. on the main GIMP window Change the Threshold to zero (0). click on the color you want to remove. then click Ctrl+K to delete this part.

Click on other parts that have the same color (if the white background is not continuous) and then remove it in the same way.

if your sprite doesn't have the background color you want to remove anywhere on the sprite itself and only on the background,
click Shift + O to select the "selection by color tool", on the main GIMP window Change the Threshold to zero (0).
click on the color you want to remove. then click Ctrl+K to delete this color from all the image
AQ DF MQ  Post #: 3
8/24/2007 10:25:48   
Master_of_Dragonz
Member

This is useful...thank you very much for the tut!

I made this with the GIMP...



< Message edited by Master_of_Dragonz -- 8/24/2007 10:44:49 >
Post #: 4
8/24/2007 12:04:53   
LightningIsMyName
Member

Nice!
next time try to autocrop the image with the layers to create the animation with less space around it (i'll add this part to the tut)
AQ DF MQ  Post #: 5
8/26/2007 17:32:02   
dark snypa
Member

Thanks very much!



^ My outcome ^^ Hopefully, I will create many more! (Always remembering this tutuorial XD)

Edit: Instead of spamming up your gallery, I'll just edit ^^. Yeah, when I was selecting the image my mouse slipped and selected part of another sprite, but I didn't notice until it was done

< Message edited by dark snypa -- 8/26/2007 17:53:11 >
AQ DF  Post #: 6
8/26/2007 17:34:03   
LightningIsMyName
Member

Nie otcome.
Just one comment - on one of the frames you have a black dot on the side that bugs the eye since it's only on one layer - and that makes it flashy.

Good luck with your animations
AQ DF MQ  Post #: 7
8/26/2007 18:16:25   
Waseinseon
Member

it didn't work no matter how much i try, it comes out as a pic with a buch of more pics on top
DF  Post #: 8
8/26/2007 18:54:45   
dark snypa
Member

Did you save as .gif and then when on the export page press export as animation?
AQ DF  Post #: 9
8/26/2007 20:42:45   
ion24
Member

Where Do i find sprites?

_____________________________
AQ MQ  Post #: 10
8/27/2007 3:47:27   
LightningIsMyName
Member

You can find sprites here:
http://planetrenders.net/renders/thumbnails.php?album=17 (if you are looking for something specific - use the search box on the top right corner)

quote:

ORIGINAL: Waseinseon

it didn't work no matter how much i try, it comes out as a pic with a buch of more pics on top

Check 3 things:
1. each picture is on a diffrent layer
2. you save as a gif file with the export option
3. uyou selected save as animation and "one frame per layer (replace)" on the save as a gif window

< Message edited by LightningIsMyName -- 8/27/2007 3:50:08 >
AQ DF MQ  Post #: 11
8/27/2007 22:44:24   
cooksey
Member

alright for some reason my pc will not let photobucket find any gif. animations or img.

_____________________________

[br] Click here to feed me a Soul![br] Get your own at PokePlushies!
DF  Post #: 12
8/28/2007 16:05:53   
LightningIsMyName
Member

cooksey, try to restart your PC or just try another site like imageshack.
It happens sometimes
AQ DF MQ  Post #: 13
8/28/2007 22:56:41   
ion24
Member

Thanks for telling me 'bout the sprites, but could you Explain the Final Settings More thoroughly?
AQ MQ  Post #: 14
8/28/2007 22:58:23   
Puppy
Bone Head Emo Ranger Power!


 Heh, I've been making animations for a while. Great Tut.
AQ DF MQ  Post #: 15
8/29/2007 4:06:19   
LightningIsMyName
Member


quote:

ORIGINAL: ion24

Thanks for telling me 'bout the sprites, but could you Explain the Final Settings More thoroughly?

Final settings mean that if you see that one of the frames of the animation is moved a little bit to the side and should be a little closer to the center so the animation will look better, move his layer to the right place.

Example:

Here the red circle is not exactly in the same spot as the blue circle.
So i moved it to the right place so now it will be exactly at the same spot as the blue circle:


Final settings doesn't necesseraly mean to move something to the exact spot like one of the other frames, it means to move to the place which makes the animation look the best.
AQ DF MQ  Post #: 16
8/29/2007 4:37:28   
ion24
Member

Really? Wow, that's exactly what i have been doing! I thought you meant like Copy the frame twice so it would space out! Thanks so Much For Putting up with my N00By Questions! GREAT Tut BTW.
AQ MQ  Post #: 17
8/29/2007 15:18:06   
cooksey
Member

you mind if i paste this tut on another site i will give full credit to you...

_____________________________

[br] Click here to feed me a Soul![br] Get your own at PokePlushies!
DF  Post #: 18
8/29/2007 16:46:37   
LightningIsMyName
Member

cooksey,
Please link me to the site (BY PM so we won't spam here), and i'll PM you the pictures with my name on the pictures that you can use on the site.
AQ DF MQ  Post #: 19
9/2/2007 16:07:53   
Necromancer Wii
Member


lol It worked! I am so cheap I stole it, lol not. But What is a spritesheet?

My second one won't stop flashing!


now it did!

< Message edited by Necromancer Wii -- 9/3/2007 8:02:44 >
AQ DF MQ  Post #: 20
9/2/2007 22:03:47   
ion24
Member

Did you Delete the Layer Called "Background"? If Not, it Won't.
AQ MQ  Post #: 21
9/3/2007 7:52:05   
Necromancer Wii
Member

lo nope didn't do that.
AQ DF MQ  Post #: 22
9/3/2007 11:40:20   
LightningIsMyName
Member


quote:

ORIGINAL: Necromancer Wii


lol It worked! I am so cheap I stole it, lol not. But What is a spritesheet?

A spritesheet is a picture with lots of frames that when put together make a smooth animation.
Spriteshhets usually have their frames from console games.
AQ DF MQ  Post #: 23
9/3/2007 12:13:28   
Blue Wolf
Member

Nice tut.i like making animations,but this made it easier by a bit.
AQ DF MQ  Post #: 24
9/12/2007 19:22:02   
Necromancer Wii
Member

YES! my first best animation lol:
AQ DF MQ  Post #: 25
Page:   [1] 2 3   next >   >>
All Forums >> [Gaming Community] >> [Legends and Lore] >> Artists of Legend >> Art Academy >> GIMP Animation Tutorial
Page 1 of 3123>
Jump to:






Icon Legend
New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts




Forum Content Copyright © 2018 Artix Entertainment, LLC.

"AdventureQuest", "DragonFable", "MechQuest", "EpicDuel", "BattleOn.com", "AdventureQuest Worlds", "Artix Entertainment"
and all game character names are either trademarks or registered trademarks of Artix Entertainment, LLC. All rights are reserved.
PRIVACY POLICY


Forum Software © ASPPlayground.NET Advanced Edition