Create an Animated .GIF in Photoshop CS5
Tuesday, June 29th, 2010Let’s say you have a folder full of images that you want to sequence together as frames in an animated GIF. You can find special programs online to do this, but with some of the new features of Adobe Photoshop CS5, it’s quite fast and simple.
- Gather the images you want to animate into one folder.
- Open a new document matching the dimensions of your source images.
- Select all of the source images and drag them together into Photoshop. Release them over the general workspace. The first image should show up with a superimposed “X.” New to Photoshop CS5, the images will stack one at a time as layers in your current document when you hit “Enter.” (In previous versions, dragging the files into the workspace would simply open each one up as separate files)
- Keep hitting “Enter” until all of the images are loaded as individual layers. Rearrange the layers into the correct order, if necessary.
- Open the Animation palette (Window > Animation).
- In the Animation palette menu (found at the top right corner of the palette), click Make Frames From Layers. You can also click Reverse Frames if needed. This will take each layer in your document and set it as an individual frame in the animation.
- Now we will change the duration of each frame. Make sure you are in frame view, not timeline view. If you do not see thumbnail icons of your layers in the Animation palette, click the icon in the lower right corner (the hover text will say “Convert to Frame Animation”). Now, back in the Animation palette menu, click Select All Frames.
- Click the drop down button just underneath each frame image (circled in red in the image below). This will bring up a menu where you can set a duration. Since all frames are selected, all frames will be set to the same time. Each frame can be changed individually, if desired.

- The drop down button circled in black in the image above will change how many times the animation will loop; either a fixed number of times, or forever.
- Once the frame order and timing as been set up, it is time to save the image! Click File > Save for Web & Devices, make sure the file format is set to GIF, change any other options if needed, and save the image!
You will now have an animated GIF taken from a folder full of the individual frames. In fact, as long as each frame exists as a separate layer in Photoshop, the Animation palette can be used to create the GIF. But, with CS5 it is easy to make separate layers from a folder of the individual frames as described.


