Shop Mobile More Submit  Join Login

PE: How to Animate in Gimp

Fri Mar 15, 2013, 10:07 PM


How to Animate in Gimp

Gimp is a free photo editing software that you can download at gimp.org. You can use it for a lot of different things like photo manipulations, drawing, pixel art, etc. Today though, we will be covering the topic of animation!:la:

Note that this tutorial will only show the basics of Gimp animation. How to make the frames, how to save it and the such.:nod: So let's get started!:la:



Untitled Drawing by IceXDragon

Start by making the subject. I just used a random black ball, but the subject can be as simple or as complex as you want, depending on what you're making. Make sure you switch over to the layers tab.

Tip: If you do not already have the layers tab there by default, go to any of the tabs and press that little arrow that the green arrow is pointing at. After you click tab press: Add tab> Layers. After that, the layer tab like in the picture should show up.


Gimp Ani 2 by IceXDragon

After making the subject, right click the layer (the one highlighted in blue) and click on "Duplicate layer".


Gimp Ani 3 by IceXDragon

After doing that, click the move tool and move the layer where you want it. Then, right click the layer on top (the one you just made), click duplicate layer, and move again.


Gimp Ani 4 by IceXDragon

Keep doing this until you are satisfied with your project. In the last layer I squished the ball a little just to give the effect that it's boingy and bouncy.:giggle:


Gimp Ani 5 by IceXDragon

Save it. Press File> Save As.

Tip: If you are using Gimp 2.8 or newer, press "Export" instead of save as.


Gimp Ani 6 by IceXDragon

When naming it, by default, it should say the name of your animation, and have .xcf at the end. Change .xcf to .gif.:D

Then check "Save as Animation" and press export. It is important that you pay attention to the step, because it defaults to "Merge Visible layers", and if you save it like that it will, well merge the layers.:lol: Meaning you will have no animation.


Gimp Ani 7 by IceXDragon

If you have a transparent background on your animation (like mine), be sure to press "One frame per layer (replace)" otherwise your animation will trail. You can also change the speed of the animation if you want by changing the number up there.:nod:

Gimp Ani 8 by IceXDragon

Check your animation. Press Filters> Animation> Playback.

Gimp Ani 9 by IceXDragon

If you see something you don't like, simply find the problem layer, and fix it. If you like how it is, you are done!:la:

Bounce by IceXDragon

Now what if you are trying to make a picture slide show? Learn how below!:la:

Gimp Ani 10 by IceXDragon

Open up the first picture like you would do any other file. After that press File>Open as Layers... Then choose the next picture you want to show up. Keep importing pictures this way until you think you have enough for your slide show.:meow:

Gimp Ani 11 by IceXDragon
Follow the same saving steps as described in the earlier steps. Check it, save it, and you are done!:dummy:

I Hope you found this tutorial helpful! Any questions please ask below.:)

Happy animating!:eager:





Learn how to animate in Gimp!:la:
Add a Comment:
 
:iconninjabrony817:
NinjaBrony817 Featured By Owner Jan 21, 2015  Student General Artist
Awesome! Favorited- I've got to try this!! I'll credit you :3
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 21, 2015  Hobbyist General Artist
Good luck!:la: I'm glad you found It helpful!:meow:
Reply
:iconninjabrony817:
NinjaBrony817 Featured By Owner Jan 22, 2015  Student General Artist
Thanks!!
Reply
:iconxblackrosestudios:
xBlackroseStudios Featured By Owner Jan 12, 2015  Hobbyist General Artist
I have Gimp 2 and i cant find the screen you have to 'export' it
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 12, 2015  Hobbyist General Artist
If you have 2.8 or newer, it should be under the "file" drop down tab. What happens after you press the export button?
Reply
:iconxblackrosestudios:
xBlackroseStudios Featured By Owner Jan 13, 2015  Hobbyist General Artist
When i click export it looks like the save as thing not the tab screen thing that your tutorial showed
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 16, 2015  Hobbyist General Artist
Hmm, what exactly is your version? I have only used 2.6-2.8, so if you have a newer one, I'll have to go download it and mess around with it some to figure out what's going on.
Reply
:iconxblackrosestudios:
xBlackroseStudios Featured By Owner Jan 16, 2015  Hobbyist General Artist
When I downloaded it from the website it said Download GIMP 2.8.14
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 21, 2015  Hobbyist General Artist
Do you know how to take a screenshot? If you do, would it be possible to screenshot what happens when you press export?
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 21, 2015  Hobbyist General Artist
Do you know how to take a screenshot? If you do, would it be possible to screenshot what happens when you press export?
Reply
:iconxblackrosestudios:
xBlackroseStudios Featured By Owner Jan 23, 2015  Hobbyist General Artist
how do i show you then?
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 28, 2015  Hobbyist General Artist
Do you have a Mac or Windows?
Reply
(1 Reply)
:iconstarsstable:
StarsStable Featured By Owner Nov 16, 2014  Hobbyist General Artist
Hey. I find find this amazing and easy to understand just I am having trouble. I tried to recreate your bouncy black ball animation to see if I could try it but instead it turned into a ball and then into a straight line going straight down. Am I missing something? -I use gimp 2.6 if that helps you out.-
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 12, 2015  Hobbyist General Artist
Hey! Sorry for the late reply.D:

This tutorial I made should help you out: icexdragon.deviantart.com/jour…
Reply
:iconstarsstable:
StarsStable Featured By Owner Jan 18, 2015  Hobbyist General Artist
Baaaaaaa!!!!!! I'm here again. >.< It didn't work Dx
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 21, 2015  Hobbyist General Artist
Find the xcf file, of it (or make one) and convert it to a GIF from the xcf file just like how the tutorial says. It doesn't work if you try to convert a GIF to a GIF for some reason.;p
Reply
:iconstarsstable:
StarsStable Featured By Owner Jan 18, 2015  Hobbyist General Artist
Thank you soo much!!
Now to try it XD hopefully it turns out! :hug:
Reply
:iconrrrust:
rrrust Featured By Owner Oct 5, 2014
;; ;;  thank you so much for this! it helped loadss
Reply
:iconicexdragon:
IceXDragon Featured By Owner Oct 7, 2014  Hobbyist General Artist
No problem!
Reply
:iconmusic-lovette123:
Music-Lovette123 Featured By Owner Jun 9, 2014  Hobbyist Digital Artist
I tried to safe as a gif, but it wont let me
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jun 10, 2014  Hobbyist General Artist
What did the error message say?
Reply
:iconmusic-lovette123:
Music-Lovette123 Featured By Owner Jun 10, 2014  Hobbyist Digital Artist
Well. I don't have the problem anymore, 

but the animation goes fast
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jun 11, 2014  Hobbyist General Artist
All you need to do to fix that, is increase the ms for the frame rate. You can do this by changing it to a different file type (like xcf, psd, anything that supports animation), and then changing it back to gif. When you are changing it back to gif, a big box will pop up with different options for the animation, and one of them will be frame rate. Change it to how fast you want it, and click save or ok.
Reply
:iconxever-blue-zonecopx:
XEver-Blue-ZoneCopX Featured By Owner May 21, 2014
((I tried to animate with GIMP 2.8 and every time I try to make a bounce animation it doesn't, instead the image I tried to bounce just has the front image showing behind it and disappearing.))
Reply
:iconicexdragon:
IceXDragon Featured By Owner May 21, 2014  Hobbyist General Artist
Try this tutorial I made: icexdragon.deviantart.com/jour…

It should help fix the issue you are having.:)
Reply
:iconviljonkka:
Viljonkka Featured By Owner Mar 25, 2014
tahnkyou!
Reply
:iconicexdragon:
IceXDragon Featured By Owner Mar 26, 2014  Hobbyist General Artist
No problem! I hope you have fun animating.:meow:
Reply
:iconsueweetie:
Sueweetie Featured By Owner Feb 9, 2014  Hobbyist Digital Artist
i need help :( i played it in playback and it played perfectly fine. but after i saved it on my desktop. i clicked it and it played differently !! i tried fixing the layers and nothing helps
Reply
:iconicexdragon:
IceXDragon Featured By Owner Feb 9, 2014  Hobbyist General Artist
Did you save it as a gif when you save it to your desktop, or did you keep it as a xcf?
Reply
:iconsueweetie:
Sueweetie Featured By Owner Feb 9, 2014  Hobbyist Digital Artist
I saved as gif. Please help me :(
Reply
:iconicexdragon:
IceXDragon Featured By Owner Feb 10, 2014  Hobbyist General Artist
Okay, can you please send me the gif file, and the xcf file if you still have it, and tell me what you intended it to look like?
Reply
:iconsueweetie:
Sueweetie Featured By Owner Feb 10, 2014  Hobbyist Digital Artist
thank you so much but it worked again this morning when i re-saved it for some reason. :oo but thank you so much !! its so weird :I but thank you so much !
Reply
:iconicexdragon:
IceXDragon Featured By Owner Feb 10, 2014  Hobbyist General Artist
That's great! I guess something weird happened when it saved? I don't know.XD Well I'm glad it's working for you now, and I wish you well for your project!:happybounce:

No problem.:huggle:
Reply
:iconseas-of-emerald:
Seas-of-Emerald Featured By Owner Feb 6, 2014  Hobbyist General Artist
Awesome tutorial! :) I have a question though, I followed the directions, saved it as a .gif but how do I actually see it as an animation once it's saved and everything?
Reply
:iconicexdragon:
IceXDragon Featured By Owner Feb 6, 2014  Hobbyist General Artist
I'm glad you found it useful!:la:

All you have to do is, in the tool bar, press filters>animation>playback, and a window should pop up with the animation. You can do this anytime during the animation process.;)
Reply
:iconseas-of-emerald:
Seas-of-Emerald Featured By Owner Feb 6, 2014  Hobbyist General Artist
Ohh, ok, I see now xD I guess I'm just easily confused :P Thanks for the quick reply!! :)
Reply
:iconicexdragon:
IceXDragon Featured By Owner Feb 7, 2014  Hobbyist General Artist
Haha no problem! Gimp has a whole lot of buttons, so I understand.:XD: I found that option randomly when I used gimp a lot for drawings.:giggle:
Reply
:iconneznezz:
NezNezz Featured By Owner Jan 5, 2014  Student General Artist
Awesome tutorial, it's helped me out a lot.

It's worked just fine in the past, but just now I'm trying to export and it won't let me because it can't convert my RGB colors and it tells me to convert to indexed or grayscale. But I won't let me convert to indexed either, and I really don't want it to be grayscale. Can anyone help? I'd really appreciate a response, I worked hard on the animation and don't want it grayscaled. ; ^ ;
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 5, 2014  Hobbyist General Artist
Hey!

What version are you using?
Reply
:iconneznezz:
NezNezz Featured By Owner Jan 5, 2014  Student General Artist
2.8.4 , on Mac.
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 6, 2014  Hobbyist General Artist
Are you trying to save it as a gif?
Reply
:iconneznezz:
NezNezz Featured By Owner Jan 6, 2014  Student General Artist
Ah, no worries. Somehow, using "Optimize (for GIF)" worked it out. Thanks again for the tutorial! ^_^
Reply
:iconicexdragon:
IceXDragon Featured By Owner Jan 6, 2014  Hobbyist General Artist
Haha, okay! Glad you got it working!:la:

No problem.:meow:
Reply
:iconshimmeroflightning:
ShimmerOfLightning Featured By Owner Nov 14, 2013  Student Digital Artist
When I'm exporting it, I change the # of milliseconds in between each frame, but it's not making the gif go any faster...
Reply
:iconicexdragon:
IceXDragon Featured By Owner Nov 14, 2013  Hobbyist General Artist
Do you do it by adding (#ms) (# is where the number of milliseconds would go) the the end of the frames' name?
Reply
:iconshimmeroflightning:
ShimmerOfLightning Featured By Owner Nov 14, 2013  Student Digital Artist
Oh I figured it out... ^^;
Reply
:iconfree-to-be-gee:
free-to-be-Gee Featured By Owner Oct 2, 2013  Hobbyist General Artist
Hey, wow! Now, I've got to try this! :iconverycoolplz:
Reply
:iconicexdragon:
IceXDragon Featured By Owner Oct 2, 2013  Hobbyist General Artist
:la:
Reply
:iconnickanater1:
nickanater1 Featured By Owner Jul 24, 2013  Student Artist
Awesome!
Reply
:iconicexdragon:
IceXDragon Featured By Owner Aug 6, 2013  Hobbyist General Artist
Thanks.:D
Reply
Add a Comment:
 
×

:iconicexdragon: More from IceXDragon


Featured in Collections

Journals I like by BritLawrence

DA-related by tanasha67

Journals by GreekStyle


More from DeviantArt



Details

Submitted on
March 15, 2013
Submitted with
Sta.sh Writer
Link
Thumb

Stats

Views
8,758 (2 today)
Favourites
467 (who?)
Comments
191
×