Change GIF Frame Rate and Export in Photoshop
This tutorial shows you how to control a GIF’s frame rate in Photoshop by adjusting the frame delay in the Timeline panel. You’ll also learn a quick way to create multiple color variations with Hue/Saturation and export the final animation as a GIF. Use these steps to fine‑tune playback speed and looping.
Step-by-step instructions
Prepare color variations (optional)
Open your image in Photoshop.
Select the subject with the Quick Selection Tool (W), refining with Alt/Option to subtract or Shift to add to the selection.
Create an adjustment: Window → Adjustments → Hue/Saturation (or Layer → New Adjustment Layer → Hue/Saturation).
Adjust Hue and Saturation to create your first color look.
Duplicate the Hue/Saturation layer (Ctrl/Cmd+J) 2–3 times and set a different hue for each duplicate.
Open Timeline and build your frame animation
Go to Window → Timeline.
In the Timeline panel, choose Create Frame Animation.
Create your first frame showing your base color layer.
Click the Duplicate Frame (+) icon to add a new frame, then toggle layer visibility to show the next color variation.
Repeat duplicating frames until each color variation has its own frame.
Set frame rate (frame delay) and looping
Shift-click to select all frames in the Timeline.
Click the time below any selected frame and set the delay to 0.5 seconds (or your preferred delay).
Set looping to Forever.
Click the Play button to preview the animation.
Export the GIF
Go to File → Export → Save for Web (Legacy).
Preset: select GIF; adjust Colors and other settings as needed.
Click Save, choose a destination folder and filename, then Save again.
