What keyframes are, and why they matter
A keyframe is a marker that stores how something looks at one moment. Add a second keyframe later with a different look, and Edits fills in the movement between them automatically. Instagram's tutorial says keyframes add motion to static-feeling shots, such as slow zooms, moving text and animated overlays, to guide viewers' attention to emotion or detail.
Use them to:
- Add life to still shots with a slow push-in on a face or product.
- Reveal text by sliding or scaling it in.
- Follow the subject, keeping them centred as they move.
- Blend clips with opacity for custom transitions.
Keyframes were added to Edits in mid-2025 and have been extended since; see Edits updates and new features. Menu icons change between versions, so follow what your own screen shows.
Add your first keyframe: a slow zoom
Instagram's tutorial uses a slow zoom as the first example:
- Select the clip you want to animate.
- Tap the diamond icon with the + button to add a keyframe at the start.
- Scrub to the end of the clip.
- Pinch to zoom in on the part you want to emphasise. Edits adds the second keyframe as you change the picture.
- Play it back and check the motion feels smooth, not rushed.
If the zoom is too fast, shorten the movement or lengthen the clip. Get your clips in order first with the trim, split and reorder tutorial, and new to the editor? Start with the first Reel guide.
What you can animate: position, scale, rotation and opacity
Launch coverage in June 2025 said keyframes let you animate a clip's position, rotation and scale at precise moments. Instagram later shared a tip about making transitions seamless with keyframe opacity, so fading is available in recent versions.
| Property | What it does | Use it for |
|---|---|---|
| Scale | Makes the layer bigger or smaller | Slow zooms, punch-ins, shrinking away |
| Position | Moves the layer across the frame | Pans, sliding titles, following a subject |
| Rotation | Turns the layer | Spins, tilts, playful reveals |
| Opacity | Fades the layer in or out | Crossfades, smooth cuts, ghost effects |
Check which properties your version of the app offers, as options expand with updates.
Animate text, overlays and cutouts
Instagram's tutorial says keyframes are also available for text, overlays and cutouts. That opens up simple motion graphics:
- Moving titles. Slide text in from the side, then hold, then slide out. Style it first with the text and titles tutorial.
- Animated stickers or logos. Pop a graphic in with scale from small to full size.
- Cutouts that move. Float a person or object across the frame; see green screen and Cutout.
- Picture-in-picture. Slide a small clip into a corner and out again.
Combine with effects for extra style. Keep motion simple: one clear move per element.
Seamless transitions with opacity
If a built-in transition doesn't fit, build your own with opacity:
- Place the second clip on a layer above the first, so they overlap.
- Add a keyframe at the start of the overlap with the top clip fully transparent.
- Add a second keyframe a moment later with the top clip fully visible.
- Play it back and shift the keyframes to shorten or lengthen the blend.
Match motion across the cut for the smoothest result: if the first clip pans right, start the next clip moving right too. Creator tutorials on this technique are listed in the video section below.
Timing: make the motion feel smooth
The space between keyframes sets the speed. These are general animation tips, not Edits settings:
- Further apart = slower and subtler. A zoom across a whole clip feels cinematic; a zoom over half a second feels punchy.
- Small changes look professional. A zoom of 10 to 20 percent is often enough.
- Start and stop with intention. Hold a keyframe for a beat before moving, so the motion feels planned.
- Time to the music. Place keyframes on beats; see music and audio.
- Keep it consistent. Use the same style of motion across the video.
Quick keyframe recipes
| Effect | Keyframes | Tip |
|---|---|---|
| Slow push-in | Scale 100% at the start, 115% at the end | Pair with calm music and a close face or product |
| Slide-in title | Position off-screen, then on-screen | Hold the title long enough to read |
| Spin reveal | Rotation 0 to 360 with scale small to full | Use once, for the key moment |
| Crossfade | Opacity 0% to 100% on the top clip | Overlap clips by about half a second |
| Follow shot | Position changes with the subject | Add a keyframe every time they turn |
For more ideas, browse creative inspiration and formats such as product videos and travel reels.
Common keyframe problems
| Problem | Likely cause | Fix |
|---|---|---|
| Motion is jerky | Keyframes too close together | Space them out or reduce the amount of change |
| Clip edge appears when zooming out | Scaled below 100% | Zoom in slightly or scale the layer up to fill the frame |
| Nothing moves | Only one keyframe | Add a second keyframe with a different value |
| Keyframes vanish after trimming | Trimmed past them | Trim first, then animate |
| Text unreadable | Moves too quickly | Slow the motion and hold at the end |
| Can't find the option | Older app version | Update Edits and select the clip first |
Export looking off? See the export guide and blurry export.
Edits keyframes FAQ
Keyframes are markers that store how a clip, text or overlay looks at one moment. Edits animates the change between two keyframes automatically.
Select the clip, tap the diamond icon with the + button, scrub to the end, pinch to zoom in, then play it back.
Launch coverage said position, rotation and scale. Instagram has also shared keyframe opacity for seamless transitions, and its tutorial says keyframes work for text, overlays and cutouts.
Yes. Overlap two clips on separate layers and animate the top clip's opacity from 0 to 100 percent across the overlap.
Keyframes may be too close together or the change too large. Space them out or reduce the amount of movement.
Edits is free and exports have no watermark. See the pricing page.