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-2017 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin


The graphic design products are priced in US dollars but they can also be bought in Euros, Yen, UK pounds, etc though please note that there may be additional taxes applicable which will be handled in the secure checkout. If you have any questions or queries about the products, please let us know and I will try and help by e-mail or via youtube etc. You can also add additional products as well as download protection and also purchase a physical CD via the The brushes and patterns etc work in a variety of applications and there are many freebie / samplers available to test them on your system before any purchase but again, if you have any concerns that the brushes etc will work with your favourite application, please let us know. The quickest way is probably to leave a message on our facebook page. The designs can be used as brushes and patterns and shapes etc but they can also be used just as images or layers as well as displacement maps or overlays or masks etc so even if the product is listed as a brush or shape, you can often also use the artwork as a layer and use the layer multiple times in the same project to create all kinds of unique and wonderful designs. The products on this site are copyright of Andrew Buckle but any products and artworks you create with these items are your copyright.