Wednesday, June 24, 2015

How to convert an image sequence to an animated GIF

Image sequences are an excellent way to create animation for Adobe Digital Publishing Suite. But an image sequence will not work in content exported to fixed layout EPUB from InDesign, or content exported using the new Publish Online functionality in InDesign CC 2015. So you might need to convert an image sequence to an animated GIF, which does work in fixed layout EPUB and Publish Online. Here’s how to do it.

1. Launch Photoshop (these instruction are written using Photoshop CC 2015, but the process is similar in several recent versions)

2. Choose File > Scripts > Load Files into Stack

3. Click Browse to select all the PNG or JPEG files in the image sequence, then click the OK button. If you have a lot of files making up the sequence, this step may take a few minutes.

Screen Shot 2015 06 24 at 11 53 24 AM

4. When it is finished, you’ll see that a single file has been created, with each image loaded into a separate layer. Choose Window > Timeline to display the Timeline panel.

5. Click the Create Frame Animation button in the Timeline panel. This will create a single frame in the Timeline panel.

6. In the Timeline panel menu, choose Make Frames From Layers

7. Choose File > Export > Save For Web

8. Choose one of the GIF Presets, choose the desired Looping option, and then click the Save button.

Screen Shot 2015 06 24 at 12 02 01 PM

6 comments:

  1. Tracy SabinFriday, July 17, 2015 12:49:00 AM

    Thought there might be some interest in my blog: www.animatedebook.com that outlines an approach to creating fixed layout epubs that contain a full page animation on each page...

    ReplyDelete
  2. EkwomanSunday, November 22, 2015 6:22:00 PM

    Thanks, Keith! I've needed this tutorial, ever since discovering the burst mode on my iPhone!

    ReplyDelete
  3. KonradSaturday, December 19, 2015 7:21:00 AM

    Thanks Man, it's a really helpful article since there are some issues exporting transparent GIF from Flash Pro, thanks Again and keep up with the good work, Cheers.

    ReplyDelete
  4. SonyaTuesday, May 09, 2017 12:16:00 AM

    can you post video tutorial about create transparent images png with coreldraw

    ReplyDelete
  5. Jeff thomsonFriday, May 12, 2017 12:03:00 AM

    Thanks for the tutorial I am using gif for online video marketing but trying to make it in photoshop its really helpful

    ReplyDelete
  6. Adriana vectoraTuesday, January 30, 2018 11:32:00 PM

    is there an easier way, can i make an animated gif online

    ReplyDelete