Animated GIF in Photoshop

These are condensed notes on how to animate GIFs in Adobe Photoshop.

  1. Load files into Photoshop File >Script> Load Files into Stack
  2. Select Browse… to search for and choose files to load. Once all needed files are loaded, click OK to proceed.
  3. Open Timeline Window in Windows > Timeline
  4. In this case we will be using “Create Frame Animation” option one of the two available in the newly opened Timeline window.
  5. Select all participating layers in the Photoshop menu
  6. In the top-right corner of the Timeline window locate a drop-down menu, choose Create new layer for each new frame
  7. From the same menu select Make Frame From Layers
  8. There are two ways to look at the frames in the Frame Animation. Initial view would show all layers (frames) in a single row. This is the simplest way to proceed.
  9. Under each frame, locate a small drop-down arrow to set time for how long each frame will appear.
  10. At the bottom of the toolbar, select Forever to loop the animation without stopping. Alternatives include Once, 3 times, or Other (for custom settings)
  11. Press Play button to preview the animation and it’s speed
  12. Export File > Export > Save for Web (Legacy)

 

NOTE: if Photoshop is running out of space on scratch disk, don’t bother reading through Adobe instructions on how to fix it. Go to Edit > Purge > All instead to clear the space. 

Good reference source with pictures:

https://blog.hubspot.com/marketing/how-to-create-animated-gif-quick-tip-ht