Photoshop Timeline Tool

Make animations and GIFs with Photoshop!


  • Adobe Photoshop


  1. Each layer will be a frame of your animation. Utilize the opacity bar, guidelines and layer visibility to arrange your object in each layer.
  2. When you’re done making each layer of your animation, open up the Timeline tool by going to Windows-> Timeline. It should pop up on the bottom of your screen.
  3. Click on create Frame Animation.
  4. Select all of your layers.
  5. On the top right of your timeline window there is an icon with 3 bars. Click on it and the Make Frames from Layers
  6. Your layers should then be arranged in order. You can adjust the duration of the frame and press play to preview the animation.
  7. When finished, export as a GIF by going to File->Export->Save for Web. You can preview again before saving.
Latest posts by Cathy Qiu (see all)

Leave a Reply

Your email address will not be published. Required fields are marked *