How To Create An Animated GIF In Photoshop

Here is a simple way to create a slideshow to show up on a smart phone or ipad:

  1. A simple animation combines turning layers off and on- and using the tween command to animate the movement of an object on a layer
  2. The first step is to set up your layers- create each separate photo on its own layer 
  3. Then choose Windows>Animation to show Photoshop’s animation palette.
  4. On the first frame- turn off visibility for all layers you do not want visible at the start of your animation (click the eye next to the layer). 
  5. Add one frame at a time- turning on the layers you want visible for each frame of the animation (you add a frame to the animation by clicking the image that looks like a small notepad- inside of the Measurment log on the Animation palette)
  6. Next- you create the animation frames using tweens (vaguely similar to flash) – by clicking the small icon in the Animation Palette that has an alt tag of ‘tween’.
  7. Set how many frames to add, the parameters (for a slideshow- I would just add two frames and just use just opacity, but you can use position and effects for many different looks)
  8. Adjust your timing- go through each of your frames and adjust the delay for each frame of your animation (time is shown in seconds) *You can change the time on multiple frames at once- by using your Shift-key
  9. Export- File>Save for Web & Devices: Select Gif As your preset and test!

About kpatten84

I am a project manager with a marketing agency that works with pharmaceutical companies. I started my career as a web designer/front-end developer/back-end developer and have learned a lot and have grown along the way. For the past (almost) 9 years - I have been in an amazing relationship with a man who is about to become my husband! We love our life full of laughter, learning, a bird, a cat, drive, movies, art, traveling, and living in our loft in a great downtown neighborhood. I am a lucky girl and I am reminded about it every single day.
This entry was posted in Photoshop and tagged , , , . Bookmark the permalink.

Leave a comment