Photoshop desktop has two animation workflows: Frame Animation for a sequence of distinct layer states, and Video Timeline for changes between keyframes. Start with the result you need: a two-state GIF, a fading title, or a short clip with isolated motion.
The controls below follow Adobe's desktop documentation, checked September 2026. The practice settings are suggested starting points, not measured export results. Adobe currently notes that video workflows are not supported on Windows ARM; check that limitation before planning a Video Timeline project. See Adobe's video feature documentation.
Choose frame animation or Video Timeline
Choose Frame Animation when you want deliberate states: a title appearing and disappearing, a small stop-motion sequence, or a before-and-after comparison. You control each frame and its delay. A longer hold can give the viewer time to read.
Choose Video Timeline when you want a property to change over time: a title fading in, an image moving, or several clips playing in sequence. Keyframes specify values at particular times; Photoshop calculates the changes between them. This saves you from defining every intermediate state manually.
Neither workflow makes every photo stronger. Pick one motion that supports the subject. A restrained title reveal may suit a portrait; movement over a face or a busy background can distract from it. Keep a still version for placements where animation is unsuitable.
Make a simple two-state GIF
Use a photograph you have permission to publish and a short title on its own layer. Work on a copy sized for the intended display; 800 pixels wide is a reasonable practice canvas, not a platform requirement. The exercise alternates between the photograph alone and the photograph with its title.
- Open Window > Timeline and Window > Layers. Choose Create Frame Animation from the central Timeline menu, then create the first frame.
- For frame 1, keep the photograph visible and hide the title layer.
- Use Duplicate Selected Frames at the bottom of Timeline. Select the new frame, then show the title layer.
- Set the delay under each frame to 1.0 second. Choose Forever from the looping menu and press Play.
You should see two distinct states, not a fade. If both frames show the same title state, select each frame and inspect its layer visibility before adding more frames. Adobe describes the workflow in Create frame-based animations.
To export, open File > Export > Save for Web; some Adobe instructions label it Save for Web (Legacy). Choose GIF, check the preview and estimated size, and save a separate file. Open that exported file in a browser to check that both states play and the loop repeats. The PSD is your editable source, not the delivery file. See Adobe's Save for Web instructions.
See Adobe’s worked GIF example
For a photo sequence with an illustrated walkthrough, follow Adobe’s animated GIF tutorial. It includes practice files and shows how to load photos as layers, make animation frames, set a repeating loop, and export the GIF.
The screenshots below come from that Adobe tutorial and show an older Photoshop interface. They illustrate the frame-animation and export controls; they are not screenshots of our own test. The menu guidance elsewhere in this article follows Adobe’s current desktop documentation.
View Adobe’s Timeline screenshot at full size.
View Adobe’s export screenshot at full size. Use its controls as a reference, then choose dimensions and quality for your own file. Check the exported animation rather than assuming the illustrated settings suit every photograph.
Build a title fade with keyframes
For continuous change, use a separate practice document with the photograph and title on separate layers. Keep the title readable against its background before animating it.
- Open Window > Timeline, select Create Video Timeline, and click the creation button. In the Timeline panel menu, choose Set Timeline Frame Rate. Use 24 fps for this exercise; this is a chosen setting, not a claim about Photoshop's default.
- Place the playhead at the beginning. Expand the title layer's properties and enable animation with the stopwatch beside Opacity.
- Set the title's opacity to 0% in Layers. Move the playhead to the one-second mark and set opacity to 100%. A second keyframe should appear.
- Preview with Play. The title should become visible between the two keyframes. Keep the photo and title layers present through the part of the timeline you intend to export.
The setup follows Adobe's timeline animation workflow. Start with opacity alone so a timing error is easy to spot before adding position or other changes.
If the title stays static, inspect the keyframes for the same property on the same layer: there must be different values at different times. Moving the playhead alone does not create a change. Avoid turning the stopwatch off to troubleshoot; Adobe says that doing so deletes that property's keyframes. See animating layer properties.
For delivery, choose a frame rate required by the destination or appropriate to the source footage. A number such as 24 or 30 fps does not by itself make motion cinematic or smooth. Timing, distance moved, source material, and playback all affect the result.
Plan a cinemagraph from real motion
A cinemagraph keeps most of the scene still while one region moves. For recorded motion such as steam or moving fabric, start with a video clip that contains that movement. A single photograph does not contain the missing moments.
Plan the capture before editing: keep the camera fixed, avoid changing exposure, and choose a short interval with a reasonably consistent background. Review the start and end together. A visible jump between them will remain a problem even if the rest of the image looks still.
The compositing idea is to hold a still image over the video and use a mask to reveal only the moving region. Treat this as a separate project after the title exercises. Inspect the mask boundary at normal viewing size, especially where moving hair, fabric, or shadows cross into the frozen area. This overview is not a demonstrated cinemagraph source/output example.
Export for the destination
Use GIF when the placement accepts animated images and the result survives its color and size constraints. GIF is not automatically lightweight: detailed photographs, large dimensions, and many frames can make a large file. Reduce dimensions or shorten the sequence, then compare exports for visible loss rather than assuming one preset is best.
Use a video file when the destination accepts it and the work needs video playback. For the Video Timeline exercise, open File > Export > Render Video. Choose Adobe Media Encoder, then an available format suitable for delivery; Adobe documents H.264 (MPEG-4) as a web-delivery option.
In the export dialog, check the name, save location, dimensions, frame rate, and range. Use Work Area only when its boundaries match the intended section; All Frames exports the whole timeline. Select Render, then open the saved file outside Photoshop. These controls are described in Adobe's video export instructions.
Check the actual destination's current requirements before choosing dimensions or a size limit. A desktop preview is not proof that a social upload, website, or client gallery will play the file correctly. For broader format choices, see our video file format guide.
Keep the project manageable
Save a layered PSD master before making delivery copies. Use filenames that separate the source from the export, such as portrait-title-master.psd and portrait-title-web-v01.mp4. Keep any linked source footage with the project so it can be located for later revisions.
Start with a small canvas, a short duration, and one animated property. If editing becomes slow, test a smaller working copy and close unrelated documents before complicating the scene. Do not flatten the only editable master just to make the preview lighter.
Before delivery, check the first frame, last frame, loop transition, text readability, dimensions, duration, and file size. A static first-frame preview can look correct while the animation itself has a missing layer or an unwanted pause.
Deliver the animation with clear instructions
Agree on the intended use and file format before exporting the final version. Name each revision consistently, include a still alternative, and distinguish the approved file from work in progress. Give the recipient a short instruction such as “Use the MP4 for the agreed video placement; use the JPG where a still image is required.”
For a photography project, you can organize the accompanying still images in a SendPhoto client gallery. Check format support for the chosen delivery service separately before promising inline animation playback. Our getting-started guide covers creating and sharing a photo gallery.