How to create an animated gif in Photoshop tutorial

Learn how to make / create an animated gif in Photoshop tutorial - a quick guide to animated gif generation in Photoshop CC 2018 2017 2015 CS6 etc

Make animated gif in Photoshop

animated gifs create make photoshop
  1. Photoshop file menu and place 'embedded' command

  2. Browse for an image (it is probably best to create a folder with all the images)

  3. Repeat place command to add more images into Photoshop as layers - resize as required

  4. Window menu and 'timeline' (not normally visible otherwise)

  5. Click "create video timeline" (required to create animated gif file)

  6. Goto to each layer in timeline and re-size duration (by dragging ends of timeline layer). Make certain that the layers are aligned so they can be seen (if layers overlap, the lower layers will not be seen)

  7. File menu and export commands and "save for web"

  8. Set filetype to GIF (or use a preset)

  9. Set animation options such as looping forever

  10. Save as ... (GIF file)

You now have now made an animated GIF in Photoshop for use in web pages etc


** Note, this is only one approach to making a gif in Photoshop (animated or otherwise). This works with all kinds of layers such as type etc as well - all can be used to make a gif

Custom shape layers

1. Custom shapes for use in Photoshop & Elements


create timeline animated gif photoshop


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin