Photoshop Animated GIF Creation Tutorial

graphicxtras > Adobe Photoshop tutorials > Photoshop how to tutorials

How to make a quick animated gif in Photoshop using the Photoshop video timeline feature and saving your design as a GIF format file for use on web pages etc

** Youtube video tutorial on how to create animated GIF format files for videos and web pages etc in Photoshop **

1. Embed place command for images

Photoshop file menu and place 'embedded' command. Browse for an image (it is probably best to create a folder with all the images). Repeat place command to add more images into Photoshop as layers - resize as required.

2. Video timeline for the animated GIF

Goto the window menu and 'timeline' (not normally visible otherwise) and click "create video timeline" (required to create animated gif file). 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)

3. Saving the animated GIF file from Photoshop

file menu and export commands and "save for web" and set filetype to GIF (or use a preset) and set animation options such as looping forever. Save as ... (GIF file). You now have now made an animated GIF in Photoshop for use in web pages etc

4. Other animated GIFs using layers

** 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