Export an animated GIF by going to File > Export As, choosing GIF format, and adjusting the animation settings in the export dialog

Photoshop stores animation data in its layers panel — each layer becomes a frame of your GIF. When you export, Photoshop reads those layers and converts them into a single animated file. The export process takes about 30 seconds for a typical animation, and the file size depends on how many frames you have and how many colors are in each frame.

The steps are the same whether you're working on a 10-frame animation or a 100-frame one. The main decision you'll make during export is how fast the animation plays and whether it loops forever or stops after one cycle.

Key Takeaways

  • Each layer in your Photoshop document becomes one frame of the GIF, so organize your layers before you start the export.
  • Go to File > Export As, select GIF from the format dropdown, and click Export to open the GIF Options dialog.
  • Set the frame delay (usually 0.1 to 0.2 seconds per frame for smooth motion) and choose whether the animation loops or plays once.
  • Reducing the number of colors in the GIF Options dialog makes the file smaller but may make gradients and shadows look blocky.
  • Preview your animation in the export dialog before you save, because you cannot undo the export settings once the file is written.

Organize your layers as animation frames before exporting

Photoshop treats each layer as a separate frame. If you have 12 layers, your GIF will have 12 frames. The order matters — the top layer in your layers panel becomes the first frame, and the bottom layer becomes the last frame. If your animation plays backwards or in the wrong order, you need to rearrange the layers before you export again.

Hide any layers you don't want in the animation by clicking the eye icon next to them. Photoshop will skip hidden layers when it builds the GIF. If you have a background layer that should appear in every frame, leave it visible and make sure it's at the bottom of the stack.

Name your layers something you'll recognize — "frame 1", "frame 2", or "mouth open", "mouth closed" — so you can spot mistakes when you preview the animation. This takes two minutes and saves you from exporting the same broken animation three times.

Use File > Export As and select GIF format

Open the File menu and click Export As. A dialog box appears with a list of file formats. Scroll down to find GIF (Graphics Interchange Format) and click it. At the bottom of the dialog, type a filename — something like "my-animation.gif" — and choose where to save it on your computer.

Click the Export button. A second dialog called "GIF Options" opens when ready. This is where you control how the animation behaves. Do not close this dialog or click Export again until you've set the frame delay and loop options.

Set the frame delay to control animation speed

In the GIF Options dialog, look for the "Frame Delay" field. This number is measured in hundredths of a second. A frame delay of 0.10 means each frame displays for one-tenth of a second, which creates smooth, fast motion. A frame delay of 0.50 means each frame holds for half a second, which creates slower, choppier motion.

For most animations, start with 0.10 or 0.15 seconds per frame. If the animation feels too fast when you preview it, increase the delay to 0.20 or 0.25. If it feels too slow, decrease it to 0.08 or 0.10. You can change this number and preview the result without exporting again — the preview updates when ready.

If your animation has different timing for different sections — for example, a character blinks quickly but then holds a pose — you can set different delays for individual frames. Click on a layer in the layers panel, then look for a small dropdown arrow next to the frame delay number. This lets you override the global delay for just that one frame.

Choose whether the animation loops or plays once

Below the frame delay field, you'll see a "Looping Options" dropdown. The default is "Forever", which means the animation plays over and over as long as the GIF is displayed. This is what you want for most animations — loading spinners, bouncing icons, repeating background patterns.

If you want the animation to play only once and then stop, select "Once" from the dropdown. This is useful for animations that tell a story or show a transition, where repeating would look wrong. Most social media platforms and websites will still loop the GIF even if you set it to "Once", so test it where you plan to use it.

Reduce colors to make the file smaller

In the GIF Options dialog, look for the "Colors" field. By default, Photoshop saves the GIF with 256 colors, which is the maximum for GIF format. If your animation uses only solid colors or straightforward shapes, you can reduce this number to 128, 64, or even 32 colors. Smaller color counts make smaller files, which load faster on websites and take up less space.

The tradeoff is visible: gradients and shadows become blocky, and smooth color transitions turn into visible bands. Preview the animation in the dialog before you export. If the colors look wrong, increase the color count. If the animation looks fine, save the smaller file.

If your animation has text or fine details, keep the color count at 128 or higher. If it's straightforward shapes or icons, try 64 colors and see if the preview still looks good.

Preview the animation before you export

The GIF Options dialog has a preview window on the left side. Click the play button to watch your animation with the current settings. Watch it play through at least two full cycles — the first cycle sometimes looks different from the second because of how Photoshop renders the preview.

Check for these common problems: frames in the wrong order, animation too fast or too slow, colors that look wrong or blocky, or layers that should be hidden but are still visible. If you spot a problem, close this dialog without exporting, fix the issue in your layers panel, and start the export process again.

Once you click the Export button at the bottom of the GIF Options dialog, the file is written to disk and you cannot undo the settings. You can delete the file and export again, but you cannot change the settings of an already-exported GIF inside Photoshop.

Frequently Asked Questions

Why does my GIF look different from my Photoshop animation?

GIF format supports only 256 colors maximum, while Photoshop works in millions of colors. If your animation uses gradients or many colors, the GIF version will look slightly different — colors may shift or band. Reduce the number of colors in the GIF Options dialog to see the exact result before you export.

Can I export just some of my layers as a GIF?

Yes. Hide the layers you don't want by clicking the eye icon next to them. Photoshop will skip hidden layers and only animate the visible ones. Make sure the layers you want are in the correct order from top to bottom before you export.

What file size should my GIF be?

That depends on how many frames you have and how many colors are in each frame. A straightforward 10-frame animation with 64 colors might be 50 to 100 KB. A 50-frame animation with 256 colors could be 500 KB to 2 MB. Reduce colors or remove frames if the file is too large for where you're uploading it.

How do I make the animation play backwards?

Reverse the order of your layers in the layers panel. The top layer plays first, so if you want the animation to go backwards, put what was the last frame at the top. You can also duplicate your layers and reverse them to create a loop that goes forward then backward.

Can I export a GIF with different frame delays for different frames?

Yes. In the GIF Options dialog, click on a layer in the layers panel, then click the small dropdown arrow next to the frame delay number. This lets you set a custom delay for just that frame. All other frames will use the global delay you set at the top.