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

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)

Fabulous!
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):
Post:
 
Some HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>