How to customise animated GIFs in Photoshop

03. Frame by frame

This is the most time-consuming method, but it also has the most flexibility. Because animated GIFs are just a series of images, you can paint, draw, or add filters to the frames individually to create a truly custom effect.

With the Animation/Timeline window open, select all the frames and click the 'trash' icon.

Paint, draw, or apply any effect to each layer in the Layers window. In this example, I applied a Color Halftone to each layer.

In the Animation/Timeline window, choose the More menu in the upper right. Select 'Make Frames from Layers' to turn each layer into an individual frame.

Select all the frames again and click the down arrow beneath any frame. Here you can set the frame speed. Select 'Other' and enter 0.03 for 30fps playback.

You're now ready to save. Select 'Save for Web and Devices' from the File menu. In Photoshop CC, it's under File>Export. Select GIF, and the desired number of colors. Be sure to check the Transparency, Matte, and Animation Options at the bottom of the dialog. Click 'Save' and save the file as a new name.







The possibilities are endless. Anything you can do with an image in Photoshop can be done with an animated GIF. Be creative and have fun.

Words: Matthew Broerman

Matthew Broerman is a designer, developer, and animator from Cincinnati, Ohio. He is the creator of Animaticons, a set of high-resolution animated GIF icons designed for easy use and customization. Learn more and download the free set of icons at

Liked this? Read these!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of seven full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Abi Le Guilcher, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.