Learn how to export drawings or images from Adobe Photoshop layers to create an animated GIF.

Now try it yourself

1. Download practice files. Or, create your own!

a. Use the practice files: Download the practice files which include 10 variations of a skull drawing.

b. Create your own: Use the Brush tool in Photoshop to create variations of a drawing on separate layers. Include detail to show changes in "movement" of each drawing.

2. Import drawing variations into one Photoshop document: Open all of the drawing files and make the first drawing (e.g., skull_Layer 1.jpg) the active document. Click the tab of the second open drawing file, Select All, Copy, make the first drawing file active, and Paste. Repeat for each drawing file. The document will have the same number of layers as drawing variations (e.g., ten layers for the skull animation).

Create your animation

3. Open the Timeline panel, Window -- Timeline.

4. Click "Create Frame Animation" from the dropdown in the Timeline panel.

5. Choose "Make Frames From Layers" from the menu on the right of the Timeline panel. 

6. Click the first animation from in the Timeline while holding Shift, and click on the last frame to select all frames in the timeline.

7. Click the down arrow in one frame and set the interval to 0.1 seconds.

8. Choose "Forever" from the drop down below the timeline to make the animation loop continuously.

9. Click "Play" to preview your animation.

10. Export your animated GIF: Choose File -- Export Save for Web (legacy). Choose GIF as the format from the top right side of the Save for Web dialog box. Make sure Looping Options is set to "Forever" on the bottom right, click Save, and choose a location.

That's it! Now it's your turn to create a animated GIF in 60 seconds with Photoshop. Download the assets or use your own and share your image on Facebook, Twitter and Instagram using #MadewithPhotoshop to get feedback and connect with other creative minds.


Facebook: http://facebook.com/adobecreativecloud

Twitter: http://twitter.com/creativecloud

Instagram: http://www.instagram.com/adobecreativecloud

YouTube: https://www.youtube.com/channel/UCL0iAkpqV5YaIVG7xkDtS4Q

Behance: https://www.behance.net/live Join our regular livestreams with real pros, real projects in real time and find inspiration.

Was this page helpful?