How to make a Gif (Tutorial)
- Christopher Presley
- Dec 15, 2020
- 2 min read
Updated: May 7, 2024
Adobe Creative Cloud - Photoshop

Photoshop can edit and compose raster images in multiple layers and supports masks, alpha compositing, and several color models including RGB, CMYK, CIELAB, spot color, and duotone.
1. Sketch it out Starts by creating variations of her initial drawing to show different states of motion, then saves each variation as a separate file. With her files prepped and ready to go, she opens the first sketch in Photoshop and drags the remaining files from her computer into the document, pressing return (or enter) to place each file onto its own layer. Next, she clicks on the Lock icon to unlock the original layer.
2. Bring it to life Ready to animate her sketches, Open the Timeline (Window > Timeline), select Create Frame Animation from the dropdown menu, and chooses to Make Frames From Layers from the flyout menu. If you have used the Timeline before, it may populate with empty frames by default. If this happens, click on the first frame and hold the shift key while clicking on the last one. Choose Delete Frames from the flyout menu. Then you can choose to Make Frames From Layers.
3. Pace your animation To give each frame the same timing, Click on the first and last frame in the Timeline while holding the shift key. You can click on the down arrow in one frame and set the interval to 0.1 seconds — this will update all the selected frames. Next, Choose Forever from the dropdown menu below the Timeline to make the animation loop continuously. You can preview the timing of your animation by clicking on Play.
4. Export to GIF Choose File > Export Save for Web (Legacy). Set GIF as the Export Format and Forever as the Looping Option.

5. Share your animated GIF. Once you've made your own GIF, share it on your favorite social platform or with friends. And keep the creativity moving. Note: Project files included with this tutorial are for practice purposes only.
Tips for creating the perfect GIF.
When you’re learning how to make an animated GIF, think of the Timeline in Photoshop as your own personal animated GIF maker. Choose or create your images. You can make a GIF out of any series of images, whether you draw them yourself or use stills from a video. Don’t be afraid to try drawing your own — Photoshop has tons of tools you can use to make simple or complex illustrations. Resize as needed. If you're using different-sized images but want a seamless look, you can easily resize them in Photoshop. Experiment with filters and effects. Depending on what look you’re going for, you might want to edit or retouch your GIF images by adding appealing filters and effects. Pick the right animation speed. Choose your GIF animation speed by making frame rate adjustments in the Timeline panel. Add text to tell your story. Add a clever saying or any message of your choice by layering text over your animation. Work with any file type. You can create GIF files from BMP, JPEG, PNG, and other image file types as well as video files such as AVI, FLV, and MP4.
Comments