Edits / Tutorials / Keyframes

Bring Your Videos to Life With Keyframes

Keyframes let you change a clip, text or overlay over time: a slow zoom into a face, a title that slides in, a cutout that spins, or a seamless fade between clips. You mark a starting point, move to another moment, change the picture, and Edits animates the move between them. This guide covers how keyframes work, a step-by-step slow zoom, what you can animate, how to build opacity transitions, how to time motion so it feels smooth and the mistakes to avoid. Each step is animated, with video walkthroughs at the end.

About 8 minutes · Android, iPhone, iPad and Mac · Free · No watermark

Mark · Move · Play · RefineFree · No watermark

In this tutorial

  1. What keyframes are
  2. Add your first keyframe: a slow zoom
  3. What you can animate
  4. Animate text, overlays and cutouts
  5. Seamless transitions with opacity
  6. Timing: make motion feel smooth
  7. Quick recipes
  8. Common problems
  9. Video walkthroughs
  10. FAQ
01

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.

02

Add your first keyframe: a slow zoom

Instagram's tutorial uses a slow zoom as the first example:

  1. Select the clip you want to animate.
  2. Tap the diamond icon with the + button to add a keyframe at the start.
  3. Scrub to the end of the clip.
  4. Pinch to zoom in on the part you want to emphasise. Edits adds the second keyframe as you change the picture.
  5. 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.

03

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.

PropertyWhat it doesUse it for
ScaleMakes the layer bigger or smallerSlow zooms, punch-ins, shrinking away
PositionMoves the layer across the framePans, sliding titles, following a subject
RotationTurns the layerSpins, tilts, playful reveals
OpacityFades the layer in or outCrossfades, smooth cuts, ghost effects

Check which properties your version of the app offers, as options expand with updates.

04

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.

05

Seamless transitions with opacity

If a built-in transition doesn't fit, build your own with opacity:

  1. Place the second clip on a layer above the first, so they overlap.
  2. Add a keyframe at the start of the overlap with the top clip fully transparent.
  3. Add a second keyframe a moment later with the top clip fully visible.
  4. 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.

06

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.
07

Quick keyframe recipes

EffectKeyframesTip
Slow push-inScale 100% at the start, 115% at the endPair with calm music and a close face or product
Slide-in titlePosition off-screen, then on-screenHold the title long enough to read
Spin revealRotation 0 to 360 with scale small to fullUse once, for the key moment
CrossfadeOpacity 0% to 100% on the top clipOverlap clips by about half a second
Follow shotPosition changes with the subjectAdd a keyframe every time they turn

For more ideas, browse creative inspiration and formats such as product videos and travel reels.

08

Common keyframe problems

ProblemLikely causeFix
Motion is jerkyKeyframes too close togetherSpace them out or reduce the amount of change
Clip edge appears when zooming outScaled below 100%Zoom in slightly or scale the layer up to fill the frame
Nothing movesOnly one keyframeAdd a second keyframe with a different value
Keyframes vanish after trimmingTrimmed past themTrim first, then animate
Text unreadableMoves too quicklySlow the motion and hold at the end
Can't find the optionOlder app versionUpdate Edits and select the clip first

Export looking off? See the export guide and blurry export.

10

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.

Add motion to a shot

Add a keyframe, play it back, and export.