Ever stumbled across a perfectly looping GIF and thought, “how did they make that?” Chances are it started life as a regular video clip, and if you’ve already got Adobe Photoshop, converting video to GIF is something worth a look. It’s honestly a lot smoother than most people expect. You can also create animated GIFs from images using Photoshop.
In this guide, you’ll learn how to turn any video clip into a clean animated GIF using Photoshop (Creative Cloud). We’ll cover opening the video, trimming and resizing it, and exporting it with the right settings, so your GIF doesn’t end up the size of a small country and actually loops the way it should. If you need help with changing your Windows system language, we have a guide for that too.
Before You Begin
Here’s what you’ll need:
- A computer running Windows 10/11 or macOS
- Adobe Photoshop (any recent version via Creative Cloud)
- A video file to convert, MP4 works best; MOV files from iPhones may need converting first (we’ll cover that below)
Convert Your Video First (If You Hit an Error)
Photoshop handles MP4 (H.264) video really well. But if you try to open a video and get an error like “Could not complete the command because the file has no video frames,” your video’s codec, the technology used to encode it, isn’t compatible with Photoshop.
This happens most often with MOV files straight from an iPhone using Apple’s video codec. The fix is easy: use HandBrake, a free video converter, to transcode your file to MP4 first.
- Download and open HandBrake.
- Go to File > Open Source and select your video file.
- Pick the Fast 1080p30 preset from the list on the right (or choose a lower resolution preset if you want a smaller starting file).
- Click Start Encode and wait for it to finish. That’s really all there is to it.
Once HandBrake gives you an MP4, you’re ready to go. You can resize and adjust quality inside Photoshop later, so don’t overthink the HandBrake settings.
How to Make an Animated GIF from a Video in Photoshop
Step 1: Open Your Video in Photoshop
Launch Photoshop and bring your video in, there are two easy ways to do this:
- Drag and drop the video file directly into the Photoshop window
- Go to File > Open… and navigate to your video file
Photoshop will open the video as a video layer and show the Timeline panel at the bottom of the workspace. If you don’t see the Timeline, go to Window > Timeline to bring it up. You should see a horizontal bar representing your video clip, that’s what you’ll be working with. You can also learn more about zooming in and out in Photoshop if needed.
Step 2: Trim Your Video in the Timeline
Here’s the thing about GIFs: they get big fast. A 10-second clip at full resolution can easily hit 20–30 MB, way too large for most uses. Keeping your GIF to around 2–5 seconds makes a massive difference in file size, so trim aggressively. You can also learn how to make an animated GIF using Photoshop from Adobe’s official tutorials.
In the Timeline panel, drag either end of the video bar inward to shorten it to just the section you want. Use the playhead (the vertical line you can scrub left and right) to find the perfect start and end points.
Once trimmed, click the Loop Playback button in the Timeline to preview how it’ll repeat. A seamlessly looping GIF is always the goal, make sure the end of your clip flows naturally back into the beginning.
Step 3: Resize the Image
If your video started out at 1080p or 4K, scale it down before exporting. A GIF around 500–800 pixels wide is plenty for most web uses and will dramatically reduce the final file size. You can also check out the ultimate guide to turning videos into GIFs for more tips.
Go to Image > Image Size…, enter a new width, and make sure Constrain Proportions is checked so the height adjusts automatically. Click OK when done.
Step 4: Convert to Frame Animation (Optional, But Useful)
You can skip this step and export straight from the video timeline, Photoshop handles it just fine. But if you want to tweak individual frames (delete awkward ones, change timing per frame), converting to a frame animation gives you that control. You can learn more about making an image black and white in Photoshop if you need to adjust your GIF’s colors.
To convert, click the hamburger menu (the three-line icon) in the top-right corner of the Timeline panel and choose Convert to Frame Animation. Your video clip becomes a stack of individual frames you can edit one by one.
With frame animation active, select all frames (click the first frame, then Shift-click the last), then use the frame delay dropdown under each frame to set the timing, 0.1s works well for smooth motion. Set the looping option at the bottom-left of the Timeline to Forever.
Step 5: Export as GIF Using Save for Web (Legacy)
This is the step that actually creates your GIF. Go to File > Export > Save for Web (Legacy).
Don’t let the word “Legacy” put you off, this is still the correct and fully supported way to export GIFs from Photoshop in 2026. Adobe’s own documentation points here, and it’s not going away. You can also check out easy steps for converting video to GIF using Photoshop for more information.
The Save for Web dialog shows a live preview of your GIF on the left and all the export settings on the right. Here’s what to focus on:
- Format: Make sure the dropdown below Preset is set to GIF
- Colors: Set to 256 for best quality, drop to 128 or 64 if you need a smaller file size
- Dithering: Try Diffusion to smooth out color gradients and reduce that blocky banding effect
- Image Size: Confirm the dimensions look right here, you can also resize from this dialog if you skipped Step 3
- Looping Options: Set to Forever under the Animation section so your GIF keeps repeating instead of playing once and stopping
Use the play button at the bottom of the preview area to test your GIF before committing. Once it looks good, click Save, choose a destination folder, and you’re done. Nicely done, that’s a real animated GIF you just made. You can also learn more about canceling your Adobe subscription if you decide you no longer need the service.
Tips and Troubleshooting
Common Issues
Problem: My GIF file is way too large
GIFs balloon in size faster than almost any other format. A few things help bring the size down:
- Trim to the shortest clip possible, 2–4 seconds is the sweet spot
- Resize the image via Image > Image Size before exporting
- Drop the color count in Save for Web to 128 or 64, you may not notice much quality difference
- Reduce the frame rate: fewer frames means a smaller file (and most GIFs look fine at 15 fps instead of 30)
Problem: Colors look washed out or banded
This is a fundamental GIF limitation, the format caps out at 256 colors, which means detailed gradients and subtle color shifts don’t survive the trip. Try switching to Perceptual or Selective color reduction and experiment with Diffusion dithering in Save for Web. It won’t be perfect, but it helps. (Fair warning: if quality is really critical, a short looping MP4 will look significantly better than any GIF. Worth considering for web embeds.)
Problem: The GIF only plays once instead of looping
There are actually two places where looping needs to be set, and people miss the second one all the time. First, check that looping is set to Forever in the Timeline panel. Then, in the Save for Web dialog, also confirm that Looping Options under Animation is set to Forever. Both have to be right.
Problem: I don’t see the Timeline panel
Go to Window > Timeline to enable it. If you see a button that says Create Video Timeline, click it to get started. If it says Create Frame Animation instead, that works too, you can switch between the two modes using the Timeline panel menu.
Problem: Photoshop is getting really slow
Large, high-resolution video clips can make Photoshop sluggish in a hurry. Trim your clip first, before any other editing, and resize the image early in the process. Closing other open documents helps too.
Pro Tips
- Trim and resize early: Do these steps before anything else. Working with a smaller, shorter clip keeps Photoshop responsive and makes the whole process faster.
- “Legacy” just means it works: Save for Web (Legacy) is fully maintained and is still the recommended path for GIF export, Adobe calls it “Legacy” because it predates their newer export framework, not because it’s broken or going away.
- Watch the file size estimate: The Save for Web dialog shows your estimated file size in the bottom-left corner of the preview. Aim for under 5 MB for most uses, adjust colors and dimensions until you’re in that range.
- Consider MP4 for web embeds: If you’re putting this on a website, a short looping MP4 (with autoplay and muted attributes in your HTML) will load faster and look sharper than a GIF. GIFs still win for messaging apps, forums, and anywhere that specifically requires the .gif format.
Don’t Have Photoshop? Quick Alternatives
Photoshop gives you the most control, but it’s definitely not the only way to make a GIF from a video. If you just need something quick:
- Web-based converters: Several free websites let you upload a video, trim it, and download a GIF in under a minute. Great for quick memes, limited control over quality and file size.
- Mobile apps: iOS and Android both have apps that pull a video from your camera roll and convert it to a GIF in a few taps. Super convenient for sharing to group chats on the go.
- Dedicated GIF tools: Standalone desktop apps built specifically for GIF creation often handle optimization and color reduction better than Photoshop’s export dialog. Worth exploring if you’re making GIFs on a regular basis.
Photoshop is the right choice when you need pixel-level control, want to add text or graphics, or you’re already working in an Adobe workflow. For a fast “video → GIF → send to the group chat” situation, a lighter tool will honestly get you there faster. You can also check out this YouTube tutorial for more information on creating GIFs.
Wrapping Up
Creating a GIF from a video in Photoshop is honestly a bit of a hidden gem, tucked away in the menus but smooth as butter once you know the path. The short version: open your video, trim it down in the Timeline, resize to something web-friendly, and export via File > Export > Save for Web (Legacy) with GIF selected and Looping Options set to Forever. That’s the whole thing.
I’d bookmark this one, the workflow stays consistent across Photoshop updates, but it’s easy to forget which menu the export is hiding in. And it’s worth spreading the word: a lot of people have Photoshop and have no idea it can do this. Point your creative friends here! You can also learn more about Adobe Illustrator keyboard shortcuts for more design tips.