Motion Graphics & Titles7 min readLessonBy · Production Lead at Studio432

Animating With Keyframes: Motion, Scale, and Easing

Keyframes are the foundation of every animated effect in video editing, giving editors precise control over how and when any property changes over time.

Every animated lower third, smooth zoom, title fade, and motion graphic you have ever seen was built from the same fundamental tool: the keyframe. A keyframe marks the value of a property at a specific point in time, and the software interpolates everything in between — creating the illusion of continuous motion. Understanding how to set keyframes, shape the transitions between them, and apply easing is one of the most transferable skills in video editing. It applies equally to motion graphics, color, audio, zooms, and sound design. This lesson covers what keyframes are, how to animate the properties editors use most, how to work with the graph editor, and how easing separates polished work from mechanical-looking animation.

What a Keyframe Actually Is

A keyframe is a recorded value for a specific property at a specific frame. When you place two keyframes with different values on the same property — say, opacity at 0% on frame 1 and opacity at 100% on frame 30 — the software calculates a smooth transition between those two values across every frame in between. That calculated transition is called interpolation.

Almost every adjustable property in a professional NLE can be keyframed: position, scale, rotation, opacity, audio volume, color correction parameters, blur amount, and more. The keyframe itself does not create motion — it simply tells the software where a value should be at a given moment. Motion, fades, and animated effects emerge from the relationship between two or more keyframes.

In Premiere Pro, keyframes live in the Effect Controls panel or directly on the timeline when a track is expanded. In DaVinci Resolve, they appear in the Inspector timeline and the Keyframe Editor. In Final Cut Pro, they are found in the Video Inspector and the keyframe viewer beneath the timeline. The interface differs, but the logic is identical across all major editors.

Animating Position, Scale, and Opacity

Position, scale, and opacity are the three properties editors animate most often, and together they cover the majority of everyday motion graphics and transition work.

Position moves a clip or graphic element across the frame. A two-keyframe position animation — element off-screen left on frame 1, centered on frame 20 — produces a simple slide-in. Animating position along a curved path adds a more natural, arc-based trajectory that feels less rigid than a straight-line move.

Scale changes the size of an element over time. A slow scale-up from 100% to 110% applied to a clip creates the Ken Burns effect, which adds subtle life to still images or adds cinematic weight to footage. A fast scale-up from 80% to 100% paired with an opacity fade produces a punchy reveal. Scaling down toward zero is a common way to animate an element out of frame without a hard cut.

Opacity controls transparency. Fading in from 0% to 100% over the first dozen frames of a title prevents abrupt on-screen appearances. Crossfading two overlapping elements — one fading out as the other fades in — is a foundational motion graphics technique. Opacity keyframes are also useful when blending graphic layers over footage, letting the editor dial in exactly how opaque an overlay appears and when.

Best practice when animating these properties: activate all three keyframe toggles at once only if you need them to move together. If only opacity needs to change, keyframe only opacity. Unnecessary keyframes on unused properties create clutter in the timeline and make edits harder to manage later.

Linear vs. Eased Interpolation: Why It Matters

By default, many editors apply linear interpolation between keyframes — the property changes at a constant rate from one value to the next. Linear motion looks mechanical because it does not match how objects behave in the physical world. Real objects accelerate from rest, reach a peak velocity, and decelerate before stopping. Linear animation skips that physics entirely.

Easing solves this. Ease in means the animation starts slowly and accelerates toward the next keyframe — useful when an element enters frame. Ease out means the animation decelerates as it approaches the keyframe — natural for elements coming to rest. Ease in and out (sometimes called ease both) applies a gentle S-curve to the entire transition, producing the smooth, weighty feel that characterizes professional motion graphics.

In Premiere Pro, right-click any keyframe and choose Ease In, Ease Out, or Ease In and Out from the context menu. In DaVinci Resolve's Keyframe Editor, Bezier handles appear when you switch from linear to smooth interpolation. In Final Cut Pro, the position curve editor gives you drag handles directly.

The practical difference is significant. A title that slides in with linear interpolation looks like a PowerPoint slide. The same movement with ease out applied — decelerating smoothly to a stop — looks like broadcast-quality motion design. Easing is not a stylistic flourish; it is the baseline expectation for professional work.

Working With the Graph Editor and Value Editor

The graph editor (called the Velocity Graph in Premiere Pro, the Curve Editor in DaVinci Resolve, and the Animation Editor in Final Cut Pro) gives you visual, granular control over how a property changes between keyframes. Instead of selecting from preset easing options, you drag Bezier handles to shape the exact acceleration curve.

The vertical axis of the graph represents the property value — position in pixels, scale as a percentage, opacity as a value from 0 to 100. The horizontal axis represents time. A flat horizontal line means the property is not changing. A steep slope means it is changing rapidly. A curve that starts flat and steepens toward the next keyframe is a visual representation of ease in.

Learning to read and manipulate curves is what separates editors who use keyframes from editors who control keyframes. If an animated zoom feels too fast at the end, flatten the curve near the second keyframe to add ease out. If a slide-in feels sluggish, steepen the curve in the middle to increase the mid-motion velocity. Every nuance of a motion can be dialed in without touching the keyframe values themselves.

The value editor (shown in the Effect Controls panel in Premiere Pro or the Inspector in Resolve) lets you type exact numeric values for keyframe properties rather than dragging in the viewer. This is essential for precision work — centering an element at exactly X: 960, Y: 540 on a 1920x1080 timeline, or setting scale to exactly 105.0% rather than eyeballing it. Accurate values make animations reproducible and easier to match across multiple elements.

Applying Keyframes to Motion Graphics and Zooms

Motion graphics — lower thirds, title cards, callout boxes, animated logos — are almost entirely constructed from layered keyframe animations. A typical lower third might combine a position animation (sliding in from the left), an opacity animation (fading in over the first few frames), and a scale animation (starting at 95% and growing to 100% to add weight). Each of these can be on the same keyframe set or staggered by a few frames to create a cascading, choreographed feel.

Animated zooms — sometimes called push-ins or pull-outs — are among the most common keyframe uses in editing. A slow scale from 100% to 108% on a landscape shot adds cinematic drift. A faster scale from 100% to 130% centered on a subject's face during a reaction moment adds emphasis. These are applied directly to the clip via the Scale and Position properties in the Effect Controls panel, not through a separate effect.

When animating zooms, anchor point matters. The anchor point is the fixed center of the scale transformation. By default it sits at the center of the clip, so a scale-up zooms in toward the middle of the frame. Moving the anchor point to the subject's face before applying the scale keyframes ensures the zoom pushes toward the right focal point. Forgetting to set the anchor point is one of the most common beginner mistakes in zoom animation.

For more complex motion graphics — path-based animation, looping motion, staggered multi-element builds — working in a dedicated compositing environment like Adobe After Effects or DaVinci Resolve Fusion gives far more control. The keyframe principles are identical, but the toolset is deeper.

Keyframes and Audio: Volume, Ducking, and Fade Automation

Audio properties can be keyframed with the same precision as visual properties, and audio keyframing is one of the most practical skills in everyday editing. Volume keyframes on a music track let you automate ducks — dipping the music volume whenever dialogue or narration is present and bringing it back up in gaps. This is far cleaner and more flexible than applying a fixed volume reduction to the entire track.

A standard audio duck using keyframes works like this: set the music track volume at 0 dB (its normal level) before the voiceover begins, add a keyframe just before the voiceover clip starts, drop the volume to around -15 to -20 dB for the duration of the dialogue, then raise it back to 0 dB after the voiceover ends. Add ease in and ease out to the volume keyframes so the dip does not sound like a sudden click.

Keyframes also control audio fade-ins and fade-outs cleanly. A two-keyframe fade on the first and last few seconds of a music track is more predictable and easier to adjust than relying on clip handles alone. Pan automation — moving audio from left to right across the stereo field — is another common keyframe application, particularly for sound design work where elements need to track motion on screen.

One important distinction: audio levels in most NLEs are measured in dB (decibels), not as simple percentages. A keyframed drop of -6 dB roughly halves the perceived loudness of a track. Understanding the dB scale — even at a basic level — helps you set meaningful keyframe values rather than guessing by ear alone.

Building Clean Keyframe Habits

Professional keyframe work is as much about organization as technique. A timeline cluttered with dozens of scattered, unlabeled keyframes on multiple properties becomes nearly impossible to revise cleanly under deadline. A few habits prevent that.

Use the minimum number of keyframes needed to describe the motion. Every additional keyframe is a potential point of confusion or conflict. If a smooth ease between two values is all you need, two keyframes with easing applied will always produce a cleaner result than five keyframes trying to manually approximate the same curve.

Copy and paste keyframe sets across elements that should move identically — a row of lower thirds that each slide in the same way, for example. Pasting keyframes saves time and guarantees consistent timing.

Name your keyframes or use markers to document what each keyframe group is doing, especially in complex timelines. Most NLEs allow notes on keyframes or nearby markers. This habit pays off when you return to a sequence hours or days later and need to revise a specific animation without decoding the entire timeline.

Finally, preview your keyframed animations at full resolution and frame rate before calling them done. The timeline preview is compressed and may not reveal subtle judder or easing issues that are immediately obvious on a properly rendered or exported file.

  • Use the fewest keyframes that accurately describe the motion
  • Set anchor points before scaling to control zoom direction
  • Apply ease in/out by default — revisit only if linear is intentional
  • Use the graph editor for fine control, not just preset easing options
  • Copy keyframe sets across identical elements to ensure consistency
  • Always preview at full quality before locking an animation
FAQ
What is the difference between ease in and ease out?

Ease in means the animation starts slowly and accelerates as it moves toward the next keyframe — the element builds momentum. Ease out means the animation decelerates as it approaches the keyframe — the element slows to a stop. Ease in and out (also called ease both) combines the two, producing a gentle S-curve where the motion accelerates in the middle and decelerates near both keyframes. Use ease out when an element is coming to rest, ease in when it is beginning to move, and ease both for most standard transitions.

Why does my animated zoom look off-center?

The scale property always zooms toward the anchor point, which defaults to the center of the clip. If your subject is not in the center of the frame, the zoom will push toward the wrong area. Before setting your scale keyframes, move the anchor point to the part of the frame you want the zoom to push toward — your subject's face, an object of interest, or wherever the viewer's eye should land. In Premiere Pro, this is the Motion > Anchor Point property in the Effect Controls panel.

Can I keyframe effects, not just position and opacity?

Yes. In all professional NLEs, most effect parameters can be keyframed just like position or scale. Blur amount, color correction controls, distortion intensity, lens flare brightness — if there is a numeric slider or value field for a property, it can almost certainly be animated with keyframes. This is the basis of animated color grades, dynamic blur effects, and driven sound design.

How do I copy keyframes from one clip to another?

In Premiere Pro, select the keyframes in the Effect Controls panel, copy them, move the playhead to the target clip, select that clip, and paste. In DaVinci Resolve, you can right-click a node or clip and use the copy grade or paste attributes options to transfer keyframed properties. In Final Cut Pro, use Edit > Paste Effects or Paste Attributes after copying the source clip. Copying keyframes is one of the fastest ways to ensure animation consistency across multiple elements.

Do keyframes affect render time?

Keyframed motion and opacity animations are lightweight and have minimal impact on render time in most cases. The heavier cost comes from keyframing computationally expensive effects — complex blur passes, high-quality optical flow, noise reduction — because the renderer must recalculate those effects at every frame rather than once. If render times are a concern, preview your keyframed effects before export and identify which effects are driving the cost.

F
Written & reviewed by
Faran@432
Production Lead & Consultant · Studio432

Faran is the production lead at Studio432 — the studio arm of Club432, the Karachi collective behind 100+ filmed live sessions and concert films. He plans and consults on shoots worldwide, and owns the gear, settings and craft standards behind everything published here.

Don’t want to learn it — want it done?

Studio432 edits concert footage, music videos, gaming content, vlogs and short-form for creators worldwide. Send the footage, get a quote by email.

Start a project →