Instructables
Picture of How to create gif animations
11.gif
This tutorial shows how to create simple gif animations using Inkscape and Gimp, two very nice and free open source programs. Nothing big, but my first instructable, so don't be harsh;) Image below is the result of this tutorial, but you can make much more difficult animations when you master these programs. Example two is another animation i made in just a few minutes. It's very easy to do;)
 
Remove these adsRemove these ads by Signing Up

Step 1: Beggining

1. Download both Inkscape and GIMP.
2. Open Inkscape, if you are not familliar with it, go through the tutorials, this will help you.
3. Draw the first frame of your animation(clock this time). I've drawn it using rectangles with rounded edges, a triangle and a circle, pendulum is made by placing an oval either over another one or a rectangle, selecting both of them and pressing ctrl+ + (Path/Union). By the way, the end of the pendulum is hidden under the lighter . Actually, to do this, you must duplicate the darker inner part of the place where the pendulum is, then select the duplicate and the lighter rectangle and press ctrl+ - (Path/Difference). Then arrange the pieces of the clock by sending them back/Forward to get something like the picture. Then draw a white rectangle without borders on top of the clock, and send it to back of the image. With this rectangle you will control the size of your gif and it's essential!

Step 2: Changing the rotation center of the pendulum

Zoom in. Select the pendulum clicking it twice. Rotation arrows should appear on the edges of the border and a cross in the middle. That cross is the rotation center. You have to carefully move it upwards to the top of the pendulum to make it swing.
Pictures illustrate before(1) and after(2).
1-40 of 58Next »
Haha nice instructable, here's mine I took a little cartoon of mine and scanned it, imported into inkscape then autotraced it to improve the quality then saved different frames after modifying it using the Simplify tool. Took me a while but here it is.
Finish hopefully this works.gif
Do you export the pictures seperately?
From inkscape I exported 13 different or images/frames. Then drag the first one into a new document, then drag the next frames into the layers menu (one you have showed above.) It should list the different frames as different layers. Hope that helps.
thank you
CameronSS7 years ago
I was having trouble with Inkscape, so I just made this in the GIMP. Simple, I know, but I made it in about 5 minutes, and it's my first ever animation. Thanks for showing me how to animate in the GIMP! That's one more thing to cross off my "stuff I need to learn" list.
Ball.gif
SalmanM3 months ago

https://play.google.com/store/apps/details?id=com.smak.animatedcamera

Check this Amazing App on Android for Remaking and Creating GIFs from Camera and Gallery ! =)

enam071 year ago
nice
enam07 enam071 year ago
hmmmm...
enam071 year ago
nice work
DX MRINAL1 year ago
i got another easy method to make animated gif in less than a minute

CLICK HERE FOR MORE INFO
Animation: Make Your Own Joker Clapping Gif


V
IDEOCAST

sboddireddy2 years ago
thats great and simple :)
samkel92 years ago
i think i got it
rect2985.gif
samkel9 samkel92 years ago
i made another from frames of one of my videos.
Snapshot 1 (3-25-2012 3-57 PM).gif
dodo913 years ago
Made this one.
Alex.gif
dodo913 years ago
I dont know how to view it on my computer, so im putting on here to test it.
Ball Bounce.gif
siguym3 years ago
Made an account just so I could post this. Thanks SO MUCH for the awesome instructable. It will help me a lot as i am making a web site (http://bobtheguy.yolasite.com/)

This took me over an hour, and it's not much, but I'm real pleased with it.

For some reason I cant post the actual image, so just click this link:
file:///E:/Photos/GIF%20Images/friendshredder/friendshredder.gif
If THAT doesnt work, just go to my site and look at Issue 3 on the online store.
siguym3 years ago
I made an account just so I could post this... It took me over an hour, and it's not much, but I'm real pleased with it. Thanks SO MUCH for this awesome instructable! I'm going to use it alot when making my website,
http://bobtheguy.yolasite.com/

siguym3 years ago
I made an account just so I could post this... took me over an hour, but I'm really pleased with it. Thanks SO MUCH for this awesome instructable! It will really help when I'm making stuff on my website,
http://bobtheguy.yolasite.com/
Capt. Kidd3 years ago
Heres a really short one i made. it's really simple, with two frames. I'll make a better one later, this is just an experiment.
M16.gif
godoggie3 years ago
Here's a spiral... Don't get too dizzy! :-)
Finish.gif
drahz6 years ago
Cyber road rage on the Internet Super Highway. Road Rage of the 21st century
head_bang.gif
hotanups drahz4 years ago
WOW very nice!!!! it have taken you a damn time!!! love it
haha funny how long did it take to do??
i don't think he made that....
Dr.Paj drahz6 years ago
I've seen that before, a long time ago too.
Sweet implementation!
Thanks, very easy and functional.
 There is another software that's so easy to use. It's called Gifted Motion. It runs off Java. Extremely small size, as in 67KB. Here's the link to save you the Google search. You won't see the download link at first, but scroll down to the limit and you'll see a link that says something about Gifted Motion and the file size beside that etc. Just click on that link and it'll be instant download.


auguatua4 years ago
thanks for the tut
that was painless
I3uckwheat5 years ago
here is one i made by taking frames from a video i made
''hand gun''.gif
wenpherd5 years ago
heres mine
zappy.gifconnon.gifendless hill.gifsubmarine3.gif
FaqMan5 years ago
It aien't really that good but i think i'm getting the hang of it thanks for making the ible.
Happy Face.gif
WOW! You have no idea how much you've just helped me! I'm doing a speech animation from photographs and have been looking for AGES to find out how to animate it. My art project is due in tomorrow, so it's a bit late, but thanks anyway!
John Smith7 years ago
Look, I got it! WARNING: Very graphic!
ABDUCTION!!!.gifSkyjumper.gifOuch!!.gif
Haha, I'm glad you're not animating me!
6stygos (author)  John Smith7 years ago
That's what I'm talking about :) Great job!
chaosvoider6 years ago
That's a pretty handy instructable! I've never heard of Inkscape before.. I guess I'll have to play around with it! =D
space invaders
invaders_animation.gif
jon1233216 years ago
do you like mine?
gkgjkghgrgrwfwfwerfwef.gif
salbabob6 years ago
this is a retarded1 i made :D
cool.gif
1-40 of 58Next »