How to Create an Animated GIF in Photoshop

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

Photoshop treats an animated GIF as a series of still images shown one after another. To make one, you import your frames (or create them in Photoshop), arrange them in the Timeline panel, set how long each frame appears, and then export the file as a GIF instead of a JPG or PNG. The whole process takes 10 to 20 minutes once you have your source images ready.

You do not need Photoshop's most expensive version. Any recent version — including Photoshop 2024, 2023, or 2022 — can create animated GIFs. If you have a Creative Cloud subscription, you already have what you need.

Key Takeaways

Import your frames as layers into a single Photoshop document, with each image becoming one layer.
Open the Timeline panel (Window > Timeline) and convert your layers to frames, one layer per frame.
Set the duration for each frame in the bottom left of the Timeline — 0.1 seconds for fast motion, 0.5 to 1 second for slower movement.
Export as GIF by going File > Export As, choosing GIF format, and selecting "Forever" for looping so the animation repeats continuously.
Test your GIF in a web browser or image viewer before uploading, because timing and frame order often look different on screen than in Photoshop.

Getting your frames into Photoshop

Start with the images you want to animate. These can be photos you took in sequence, screenshots, or artwork you created. Save each one as a separate file — frame1.jpg, frame2.jpg, and so on — in a folder you can find easily.

Open Photoshop and create a new document at the size you want your GIF to be. Go to File > Scripts > Load Files into Stack. This opens a dialog where you can select all your frame images at once. Photoshop will import them as separate layers in a single document, stacked in the order you selected them. If the order is wrong, you can drag the layers around in the Layers panel to fix it.

If your frames are different sizes or have different backgrounds, resize and align them now before moving to the Timeline. Use Image > Canvas Size to make them all the same dimensions, or crop them to match.

Setting up the Timeline and converting layers to frames

Once your layers are stacked, open the Timeline panel by going to Window > Timeline. The panel appears at the bottom of your screen. Click the dropdown menu in the Timeline panel (the three horizontal lines in the top right corner) and select "Create Video Timeline" or "Create Frame Animation" — the exact wording depends on your Photoshop version, but both lead to the same result.

Photoshop will ask whether you want to convert your layers to frames. Click "Make Frames From Layers." Each layer when ready becomes one frame in the animation, displayed in order from bottom to top in the Timeline.

Check the frame order in the Timeline. The bottom layer in your Layers panel becomes the first frame. If your frames are backwards, go to the Layers panel menu (the three lines in the top right of the Layers panel) and choose "Reverse" to flip the stack.

Adjusting timing and looping

Each frame in the Timeline shows a small number in the bottom left corner — this is the duration that frame displays, in seconds. Click on a frame to select it, then click that number to change how long it stays on screen. For a smooth, fast animation, use 0.1 seconds per frame. For slower movement or a slideshow effect, use 0.5 to 1 second.

To set the same duration for all frames at once, select all frames by clicking the first one, holding Shift, and clicking the last one. Then click the duration number on any selected frame and choose a value from the dropdown. All selected frames update together.

At the bottom left of the Timeline panel, you will see a dropdown that says "Once" or shows a number. Click it and select "Forever" so your GIF loops continuously when someone views it. This is the standard behavior for animated GIFs on websites and social media.

Exporting your GIF

When your animation is ready, go to File > Export As. In the dialog that opens, type a filename and make sure the file format dropdown shows "GIF" — not JPG, PNG, or any other format. Click Export.

A second dialog appears with GIF options. Leave "Interlaced" unchecked unless you have a specific reason to use it. Make sure "Looping Options" is set to "Forever." For "Color Options," choose "Perceptual" or "Selective" — these preserve color quality better than "Adaptive" for most images. Click Export again to save the file.

Photoshop will process the GIF, which can take 10 to 30 seconds depending on file size and frame count. When it finishes, your GIF is ready to use.

Testing and troubleshooting common problems

Open your exported GIF in a web browser or image viewer to see how it actually plays. Photoshop's preview in the Timeline does not always match the final result — timing can look different, colors may shift slightly, and frame order sometimes reverses unexpectedly.

If the animation plays backwards, go back to Photoshop, select all frames in the Timeline, and use the Timeline panel menu to choose "Reverse." Re-export and test again.

If the file size is too large to upload where you need it, reduce the number of frames (delete every other frame to cut the file in half), lower the color depth in the GIF export dialog, or resize the canvas smaller. Each of these trades animation smoothness or quality for smaller file size.

If colors look wrong or dull in the final GIF, the color palette is too limited. In the GIF export dialog, increase the number of colors or switch from "Selective" to "Perceptual" palette. This increases file size slightly but improves color accuracy.

When to use video format instead

GIFs work well for short animations under 5 seconds and file sizes under 5 MB. For longer animations or smoother motion, consider exporting as MP4 video instead. Go to File > Export As and choose H.264 format. Video files are smaller, play more smoothly, and work on all modern devices — but they do not loop automatically on all websites the way GIFs do.

If you are uploading to a platform like Twitter, Discord, or Slack, check whether it accepts video. Many now prefer MP4 over GIF because video compresses better and plays without stuttering.

Frequently Asked Questions

Can I make a GIF from a video file instead of separate images?

Yes. Go to File > Open and select your video file. Photoshop will import it as a video layer in the Timeline. Trim the section you want to animate using the playhead and handles, then go to the Timeline menu and choose "Convert to Frame Animation." Export as GIF as usual.

Why does my GIF look jerky or skip frames?

This usually means the frame duration is too short for your device to display smoothly, or you have too many frames. Try increasing the duration to 0.15 or 0.2 seconds per frame, or delete every other frame to reduce the total count. Test in a browser to see the difference.

What size should my GIF be?

There is no single right size — it depends where you are using it. For social media, 600 by 400 pixels works on most platforms. For a website banner, match your design. Smaller dimensions mean smaller file size and faster loading. Test at your intended size before uploading.

Can I add text or effects to my GIF?

Yes. Add text or effects to individual layers before converting to frames, or create separate layers for each frame with different text and merge them down. Each layer becomes a frame, so you can animate text appearing and disappearing by putting it on different layers.

Why is my GIF file so large?

GIFs with many frames, large dimensions, or many colors create large files. Reduce the frame count, shrink the canvas, or lower the color count in the export dialog. If the file is still too large, export as MP4 video instead — it will be much smaller for the same animation.

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.