How to Make an Animated GIF in Photoshop (Podcast 431)

Hovering Kingfisher

How to Make an Animated GIF in Photoshop (Podcast 431)

In this week’s podcast, I’m going to show you how to make an animated GIF in Photoshop from a series of photographs. This is a simple technique but seems to be somewhat hidden in the depths of Photoshop, so I hope this is useful for some of you.

Here’s a brief run-down of the steps, but it will be much easier to just watch the video below.

  • Select the images that you want to animate in Lightroom, then right-click and from the shortcut menu, select Edit > Open as Layers in Photoshop…
  • To open the files directly in Photoshop select File > Automate > Photomerge… (Turn of Blend Images Together, and Photoshop will then auto-align the images for you during the import.)
  • If you opened your images a layers from Lightroom, select all layers in the Layer panel, then select Edit > Auto-Align Layers.
  • Check each layer to see how much the images have moved during the auto-alignment, and crop the image down as necessary.
  • Select Window > Timeline
  • Select Create Frame Animation in the Timeline panel
  • Duplicate the first frame in the Timeline panel and hide the next layer, then repeat this until you have a frame for each layer of your photograph.
  • Change the frame order for best effect if necessary
  • Ensure that you specify for the animation to loop forever
  • Adjust the frame time to taste
  • Select File > Save for Web… and select GIF, ensuring that you use as few colors as necessary to keep the file size down, then the image resize as necessary during the export (there’s a screenshot of this below).
  • On a Mac you can preview your animated GIF in the Finder, or just drag the file to an open in a browser to view – Voila!

One word of caution though, is that you need to be somewhat careful how you share these animations. Some people will automatically unfollow you if you start to share animated GIFs on social networks, because they’ve got a reputation for being a bit spammy, and they use up a lot of system resources to display in the browser. If you know your audience then you can share them, but do so sparingly. 🙂

Anyway, here’s the video walkthrough. I hope you find this useful.


Video Thumbnail

How To Make An Animated GIF in Photoshop (Podcast 431)


Here’s the resulting animated GIF file, scaled down for the blog.

Kingfisher Animated GIF

Kingfisher Animated GIF

Here too is a screenshot of the Save for Web settings panel.

Save for Web Settings

Save for Web Settings

And this is my favorite frame from the series. 🙂

Hovering Kingfisher

Hovering Kingfisher


And don’t forget, I’m running another Pixels 2 Pigment In-Studio workshop here in Tokyo on August 23/24, 2014, so if you are in town then, I’d love to see you. For details and to book your space, please visit the Pixels 2 Pigment page.

Show Notes

Pixels 2 Pigment Workshop information:


Subscribe in iTunes for Enhanced Podcasts delivered automatically to your computer.

Download this Podcast as a small MP4 Video format for the iPhone etc.

  • Adriana vectora
    Posted at 14:39h, 31 January Reply

    Photoshop in addition to being a photo processing application can also create animated gif, cool article

Post A Comment

Photographer’s Friend for iOS

Photographer's Friend iPadPro and iPhoneA Depth of Field calculator and a Neutral Density calculator in one app for just $3.99!

The new Pixel Peeper mode and Diffraction warning color coding take Photographer’s Friend to a whole new level of detail. If you don’t have a timer in your camera or cable release, the ND calculator has one built in, and notifications can be enabled to alert you when your exposure should be ended, even if you’ve closed the app!

There is detailed help and links to relevant information right there in the app. Photographer’s Friend runs on any sized screen iPhone, iPad, and iPod touch, and works perfectly in the iPad Split Screen mode, making it an invaluable tool for studying or writing about photography on your iPad. It truly is a Photographer’s Friend!

Download Photographer's Friend from Appstore

Martin Bailey Fine Art PrintsFine Art Prints and Digital Downloads

Most of the images you can see in Martin’s portfolios are available to purchase as original Fine Art Prints, desktop wallpaper, and you can license them for commercial or editorial use then download your purchases as soon as payment is complete. Just click on the shopping cart icon in the bottom left of the image browser when viewing portfolio images. For more information on how we finish and ship our original prints, see our Fine Art Prints Information page.

Pin It on Pinterest