How to Create a GIF in Photoshop

The basic path: import frames, set timing, export as GIF

To make a GIF in Photoshop, you import a sequence of images as layers, set how long each frame displays, then export the file in GIF format. Photoshop treats each layer as one frame of your animation. The Timeline panel shows you how the frames will play and lets you control the speed of each one.

You can start with images you already have — photos from your camera, screenshots, or artwork you've drawn. You can also create frames directly in Photoshop by drawing or editing on separate layers. Either way, the workflow is the same: layers become frames, timing gets set in the Timeline, and then you export.

Key Takeaways

Import your images as layers through File > Scripts > Load Files into Stack, or paste them manually as separate layers in a single document.
Open the Timeline panel (Window > Timeline) and convert your layers to a video timeline, which treats each layer as one frame.
Set the frame duration for each layer by clicking the time display under that frame — most GIFs use 0.1 to 0.5 seconds per frame.
Preview your animation by pressing the spacebar or clicking the play button in the Timeline panel before you export.
Export as GIF through File > Export As, choose GIF format, and select Looping Options to decide if the animation repeats.

Getting your images into Photoshop as separate layers

If you have multiple image files you want to turn into frames, the fastest way is to use Photoshop's built-in script. Go to File > Scripts > Load Files into Stack. A dialog opens where you can browse to a folder and select all the images at once. Photoshop imports them as individual layers in a single document, in the order they appear in your file system.

If your images are not in a folder together, or if you want more control over the order, you can place them manually. Open a new document at the size you want your GIF to be. Then go to File > Open as Layers, select your images in the order you want them to animate, and click Open. Each image becomes a new layer. You can then drag the layers in the Layers panel to rearrange them if needed.

If you are creating frames by drawing or editing within Photoshop, just make each version a separate layer. Use Layer > Duplicate Layer to copy a layer, then edit the copy. This keeps your original intact and makes it straightforward to see what changed between frames.

Setting up the Timeline and converting layers to frames

Open the Timeline panel by going to Window > Timeline. If you have never used it before, Photoshop shows you two options: create a video timeline or create a frame animation. Choose Create Video Timeline — this is the modern approach and works with layers directly.

Once the Timeline opens, you will see your layers listed on the left and a timeline bar on the right. Each layer automatically becomes one frame. The frames appear in order from bottom to top in the Layers panel, so your bottom layer plays first. If your layers are in the wrong order, drag them in the Layers panel to rearrange.

You can delete frames by right-clicking a layer and choosing Delete Layer, or hide a frame temporarily by clicking the eye icon next to its layer. This is useful if you want to test the animation without certain frames.

Controlling how fast each frame displays

By default, each frame displays for 0.1 seconds. For most animations, this creates a smooth, fairly quick motion. You can change the duration of individual frames or groups of frames. Click the small number under a frame in the Timeline — it shows the current duration in seconds. A menu appears where you can pick a preset (0.05, 0.1, 0.2, 0.5, 1 second) or type a custom value.

If you want several frames to have the same duration, select them all at once by clicking the first frame, then holding Shift and clicking the last frame you want to select. Then click the duration number on any of the selected frames and change it — all selected frames update together.

Slower frame rates (0.2 to 0.5 seconds per frame) make the animation feel deliberate and give viewers time to see each change. Faster rates (0.05 to 0.1 seconds) create snappier motion. Test different speeds by playing the animation back before you export.

Playing back your animation to check it before export

Press the spacebar or click the play button (triangle icon) in the Timeline panel to watch your animation. It plays in the main canvas at the size and speed you have set. Watch for jerky motion, frames that should be smoother, or timing that feels off.

If you notice a problem, stop playback and make adjustments. You can change frame duration, delete a frame that does not belong, or add a new layer and insert it in the right spot. Then play it again. This preview step saves you from exporting a GIF that does not work the way you intended.

Pay attention to how the animation loops — the last frame plays, then it jumps back to the first frame. If that jump looks jarring, you might add a transition frame or adjust the last frame to ease back toward the first one.

Exporting your file as a GIF

When you are happy with the animation, go to File > Export As. In the dialog, type a filename and make sure the file format dropdown is set to GIF. Choose where you want to save it, then click Export.

A second dialog appears with GIF export options. Under Looping Options, choose whether the animation repeats forever (Forever), plays once (Once), or repeats a specific number of times. Most animated GIFs are set to Forever. Leave the other settings at their defaults unless you have a specific reason to change them — Interlaced can be left unchecked for most uses, and Color Reduction at Automatic works for most images.

Click Export and Photoshop creates your GIF file. The file size depends on how many frames you have, how long each frame displays, and the colors in your image. A straightforward 10-frame GIF with basic colors might be 100 to 500 KB. A complex 30-frame animation with photographs could be several MB.

Reducing file size if your GIF is too large

GIFs can become large files quickly, especially if you have many frames or detailed images. Before you export, you can shrink the canvas size or reduce the number of frames. Go to Image > Image Size and lower the width and height — a smaller canvas means a smaller file. You can also delete frames you do not need or increase the duration of each frame so fewer total frames are required to show the same animation.

Another option is to reduce the number of colors in your image. Go to Image > Mode > Indexed Color. A dialog appears where you can set the maximum number of colors — fewer colors mean a smaller file. Start with 128 or 256 colors and see if the animation still looks good. You can always undo and try a different number.

If your GIF is still too large after these steps, consider whether you actually need all the frames. Sometimes removing every other frame and increasing the duration slightly creates a smaller file that still looks smooth.

Frequently Asked Questions

Can I make a GIF from a video file?

Yes. Go to File > Open and select your video file. Photoshop imports it as a video layer in the Timeline. You can then trim the video to the section you want, convert it to individual frames by right-clicking the video layer and selecting Convert to Frames, and export as GIF. This is faster than importing individual image files if you already have video.

Why does my GIF look blurry or have banding?

Blurriness usually comes from resizing the canvas too small. Banding (visible color stripes) happens when you reduce colors too much during export. Try exporting again without reducing colors, or increase the color limit in the Indexed Color dialog. If the original images are low resolution, the GIF will be too — start with higher-quality source images.

What size should my GIF be?

There is no single right size — it depends on where you will use it. For social media, 480 to 640 pixels wide works on most platforms. For a website, match the space where it will display. Smaller dimensions create smaller files and load faster. Use Image > Image Size to set the width and height before you export.

Can I add text or effects to my GIF frames?

Yes. Add a text layer or effect layer above your frame layers, and it will appear on all frames. If you want text or effects to change between frames, create a separate text or effect layer for each frame and hide the others. This takes more work but gives you frame-by-frame control.

How do I make the animation play backward at the end?

Duplicate all your frame layers in reverse order at the end of your Timeline. If your frames are 1, 2, 3, 4, 5, add them again as 5, 4, 3, 2, 1. This makes the animation play forward, then backward, creating a smooth loop. You can also use Layer > New > Layer via Copy to duplicate layers quickly.

This guide is for general information only and is not medical, financial, legal, or other professional advice. For decisions specific to your situation, consult a qualified professional. See our Editorial Policy.