A cinemagraph is, in short, a GIF where most of the frame is frozen and one small part keeps looping — water flowing, a curtain swaying, hair drifting while everything else stands still. From a distance it looks like a photo; the tiny motion only catches your eye on a second look.
This guide walks through making a cinemagraph in Photoshop from a short video clip. Video walkthrough first, written recap underneath.
Video Walkthrough
Step by Step
- Shoot a short clip (3-6 seconds). Put the camera on a tripod or solid surface — even a slight wobble ruins the effect.
- In Photoshop: File > Import > Video Frames to Layers. Use Limit To Every to thin out frames if needed.
- Open Window > Timeline, switch to Create Frame Animation and build frames from the layers.
- Pick the frame that should stay frozen, duplicate it, and place it as the top layer above the entire stack.
- Add a Layer Mask to that top still layer. Invert the mask to black, then paint white with a soft brush over the area you want to keep moving. The video animation underneath will only show through there.
- In the Timeline, make sure the loop starts cleanly — drop a few frames around the seam if the cut is visible.
- Export with File > Export > Save for Web (Legacy) > GIF, set Looping Options to Forever. Trim colors and dimensions for a sensible file size.
Tips For a Polished Result
- Keep the moving area small — one isolated motion reads stronger than the whole scene shifting.
- Stabilise the camera; if needed, use Edit > Auto-Align Layers.
- Limit the loop to 2-3 seconds to keep the GIF light.
- For social, also export as MP4 — cleaner and far smaller.