In this guide
The 30-second answer
A keyframe is a point in time where you set a value — a position, a size, a rotation, an opacity. Set one keyframe at the start of a move and another at the end, and the app animates everything in between. Two keyframes are a complete animation.
Keyframes are how still things start moving. A photo that slowly zooms in, a title that slides onto the screen, a sticker that fades away — all of these are just two keyframes with different values. Once you understand that one idea, the whole animation system opens up.
This guide covers what keyframes are, how to add them, and how to make the motion between them feel smooth instead of robotic.
What keyframes are
A keyframe pins a value to a moment. At 0 seconds, the clip is at its normal size; at 3 seconds, it is 20 percent larger. The app fills in every frame between those two points, so the clip grows smoothly over three seconds. Without keyframes, a clip has one value for its whole duration; with them, its values change over time.
Four properties are the usual suspects. Position moves a clip or overlay across the frame — pans, slides, and drifts. Scale grows or shrinks it — zooms and pull-backs. Rotation tilts it — subtle leans and spins. Opacity fades it in or out. Most animations you admire use one or two of these; using all four at once usually looks chaotic.
Keyframes work on almost anything. Clips, text, stickers, and overlays can all be keyframed. A title that slides in uses position keyframes; a sticker that pops uses scale keyframes. The technique is the same everywhere, which is why learning it once pays off across your whole edit.
Two keyframes are enough to start. Beginners often add dozens, trying to control every frame. Resist that. A start keyframe and an end keyframe, spaced well, produce smoother motion than a dozen cramped ones. Add a middle keyframe only when the motion genuinely needs to change direction or speed halfway through.
Add keyframes step by step
The classic first animation is a slow zoom on a photo. It uses two scale keyframes and teaches the whole workflow.
- Select the photo or clip on the timeline, and move the playhead to the moment the zoom should start.
- Open the animation or keyframe controls for that clip, and add a keyframe for scale at the playhead. This pins the starting size.
- Move the playhead to the moment the zoom should finish — two to four seconds later for a gentle zoom.
- Add a second scale keyframe there, and set the scale to a larger value, around 110 to 120 percent. A bigger jump looks aggressive; a smaller one looks like a mistake.
- Play the clip back and watch the zoom. It should feel like a slow push-in, not a jump. If it feels rushed, drag the second keyframe later.
- Repeat the same pattern for any other property you want to animate, one property at a time. Finish scale before you start position.
Work on one property at a time. Trying to set position, scale, and opacity keyframes in the same pass leads to tangled timelines and motion that is hard to debug. Clean keyframe work is sequential: one property, checked, then the next.
Animate position, scale, rotation, and opacity
Position is for movement across the frame. A title sliding in from the left, a sticker drifting across the screen, a slow pan across a wide photo — all position keyframes. Keep pans slow and steady; a fast pan across a short clip looks like a glitch, not a camera move.
Scale is for zooms and pops. Slow scale changes feel cinematic; sudden ones feel playful. A photo that grows from 100 to 115 percent over four seconds feels like a documentary push-in. The same growth over half a second feels like a pop. The values are the same; the timing is the difference.
Rotation is for tilt and spin, and a little goes a long way. A two- or three-degree tilt over a clip feels organic; a full spin is a stunt. Use rotation sparingly, and almost never combined with a fast position move — the two together make viewers seasick.
Opacity is for fades. Fade a title in from 0 to 100 percent, or fade a sticker out at the end of its moment. Opacity keyframes are also the fix for harsh cuts: a half-second fade at a clip boundary softens a transition without needing a transition effect at all.
Timing and easing that feel natural
Spacing is everything. Two keyframes close together make fast motion; two far apart make slow motion. That one relationship — distance in time equals speed — is the whole timing system. A zoom that feels rushed is almost always keyframes that are too close together; drag the second one later and the same zoom becomes cinematic.
Easing is how motion starts and stops. Real objects accelerate and decelerate; they do not move at a constant speed and stop dead. If the app offers easing options, use ease-out for things entering the frame (fast start, gentle stop) and ease-in for things leaving (gentle start, fast exit). Even without explicit easing controls, you can fake it: add a middle keyframe closer to the end value, and the motion will slow as it approaches it.
Match motion to the beat. A title that slides in on a beat drop feels intentional; the same slide half a second off the beat feels sloppy. When you time keyframes, scrub the audio alongside the video and place the landing keyframe on a beat or a word, not between them. The music guide covers beat-matching in more depth.
Less motion beats more motion. One smooth zoom per video reads as polish. Five zooms, three pans, and two spins read as a showreel of the keyframe tool. Pick the one move that serves the story, execute it cleanly, and leave the rest of the timeline still.
Fix common keyframe problems
Motion looks jerky or robotic. The keyframes are too close together, or the motion is linear with no easing. Space the keyframes further apart and add easing, or a middle keyframe that softens the approach to the end value.
Too many keyframes, tangled timeline. Delete the middle keyframes and keep the start and end. Most animations need two; a complex move needs three. If you have more than five on one property, you are micromanaging frames the viewer will never notice.
A jump at the end of the animation. The last keyframe’s value does not match where the clip should rest, or a keyframe sits after the clip’s end. Check the final value and make sure no stray keyframe lurks past the clip boundary.
Animation is too fast or too slow. This is spacing, not values. Drag the end keyframe later to slow down, earlier to speed up. Do not change the values to fix a timing problem — you will end up with a different move instead of a better-timed one.
The property does not animate. You probably set two keyframes with the same value, or keyframed the wrong property. Check that the start and end values actually differ, and that you are animating the property you think you are.
Frequently asked questions
Do keyframes work on text?
Yes. Text, titles, and captions can be keyframed like any other element. Position keyframes slide a title in, opacity keyframes fade it out, and scale keyframes make it pop. Keep text motion simple — a slide or a fade — so the words stay readable.
Can I copy keyframes to another clip?
That depends on the app’s current feature set, but the practical workaround is reliable: note the start value, end value, and spacing of a keyframe pair that works, and recreate it on the next clip. Two numbers and a duration are easy to copy by hand, and the result is identical.
Do keyframes slow down export?
Keyframes themselves add almost no export cost. What costs time is the content they animate — heavy effects, restyled clips, and high-resolution footage. If an export is slow, the keyframes are rarely the cause; check the effects on the clip first.
How many keyframes is too many?
More than five on a single property is usually a warning sign. Most animations need two; a move that changes direction or speed needs three. Beyond that, you are adding complexity the viewer cannot see and making the timeline harder to adjust later.
Can I remove a keyframe?
Yes. Select the keyframe you want to remove and delete it; the animation between the remaining keyframes recalculates automatically. Removing a middle keyframe usually makes motion smoother, not worse, because the app interpolates cleanly between the two that remain.
Next: Advanced Audio Tools in Instagram Edits Explained →
The bottom line
Two keyframes are a complete animation: set a start value, set an end value, and let the app do the middle. Space them well, ease the motion, animate one property at a time, and use motion sparingly. The best keyframe work is the kind viewers feel but never notice — a slow zoom that makes a photo feel alive, a title that arrives exactly on the beat, a fade that makes a cut disappear.
Practice keyframes on a single photo before you use them in a real video. Take one landscape photo, add a slow zoom over four seconds, then try a slow pan, then a fade. Three tiny experiments teach you the feel of each property, and the feel is what matters — the numbers are secondary, and they are easy to adjust once the motion feels right.
Watch your animations at full screen, not in the small timeline preview. Small previews hide exactly the problems that matter: a jitter at the end of a zoom, a title that overshoots its landing spot, a fade that ends too abruptly. Full-screen playback is the only honest test, and it takes ten seconds.
Finally, save the keyframe pairs that work. A slow zoom you love — 100 to 115 percent over four seconds — is a recipe you can reuse on every photo in every video. Keyframes reward a small personal library of proven moves far more than they reward inventing a new move for every clip.