« Gmail Kicking Balls (And Drinking Beer) | Main | My Husband Made It To My Desktop »

How To Make Animated Gifs

These are my parents. I love them.

We had so much fun during the shoot that I found it hard to pick just one good shot from the series of consecutive shots. So I decided to put these into animated GIF file. Here is how you can do this by yourself using free software:

  1. Download and install GIMP. It's free and it's badass.
  2. Get at least three photos that tell a story. Think stop motion.
  3. Upload them all as new layers into Gimp. "File" => "Open as layers"
  4. View the animation. "Filters" => "Animation" => "Playback" => click the play button
  5. Optimize the animation: "Filters" => "Animation" => "Optimize for GIF"
  6. Shrink the size by indexing the colors (this will worsen the color quality of the GIF): "Image" => "Mode" => "Indexed"
  7. Save the animation: "File" => "Save as" => pick GIF and make sure file ends in .gif => click save => dialog window pops up => select "save as animation" => click "export" => another dialog window pops up => select the time elapsed between frames (I think I am using 240ms) => click save
  8. A pretty large GIF file gets saved to the file you picked. You can now upload it to the web and all major browsers will play the animation. 

EmailEmail Article to Friend

Reader Comments (4)

They Love You too!

August 1, 2011 | Unregistered CommenterEva

cool! I think if you adjust your palette mapping options, you won't see all the black noise in the final animation.

August 1, 2011 | Unregistered Commenterashi

Will it work if uploaded to picasa album?

August 24, 2011 | Unregistered CommenterDeni

Haven't tried it yet. If Picasa Web Albums won't convert the gif to jpg, it should work.

August 25, 2011 | Registered CommenterPetra Cross

PostPost a New Comment

Enter your information below to add a new comment.

My response is on my own website »
Author Email (optional):
Author URL (optional):
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>