
The Animation pane is located under Window on the Menu bar. We can now open the Animation pane and get started. Be sure to unlock the Background layer (the original image we first opened) by double clicking it and selecting OK. You will notice the Layers panel is now full with every image acting as a new layer. You can also use the Place command located under File on the Menu bar to place each image one at a time if you feel more comfortable doing so. Use the Enter key to accept the position of each image (essentially, just press Enter until every layer is placed). This is a short cut way to use the Place command. Once released, an “X” will appear over top the image. You can select all the images at once using the Shift command (holding down Shift while selecting individual images). Then, drag the other images over top the open Photoshop file and release. To start, we will open the first image in Photoshop. The important thing to note is that each layer, or state, should be the same dimensions and resolution and will need to have something different, whether that change is slight or dramatic. Really, as long as you can open your files with Photoshop, you can create an animated gif out of virtually anything. You can create an animated gif with a series of photographs or a group of illustrations created in Illustrator in much the same way. It is not necessary to use Photoshop to do this. These images will act as the states for my animated gif. To begin with, I used Photoshop to create a series of images of which I kept in one folder.

Uploading your completed animated gif directly to the web will not result in the animation being centered on the web page. Keep in mind, this is a web page I designed to showcase the animated gif created for this specific tutorial. You can check out a preview of what the completed animated gif can look like by visiting this link. I am working on a Mac, but a PC will do just the same. For this tutorial I will show you one quick and easy way to create an animated gif using Photoshop CS5. There are many different ways and programs you can use to go about creating a fun and interesting animated gif for the web.
