graphicxtrasgraphicxtras.com > tutorials > Photoshop

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 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 to buy

1. Custom shapes for use in Photoshop & Elements

 

create timeline animated gif photoshop

graphicxtras

(c) 1995-2017 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375

e-mail: support@ graphicxtras.com

License / Privacy

Contact us

Contact via facebook.com/

pinterest.com/

twitter.com/graphicxtras

youtube.com/

instagram.com/

Linkedin.com/

 

Updated: September 2017