Glossary

Keyframes: the before-and-after points behind all motion

Every zoom, fade, slide, and animated title in video is built from keyframes — markers that say what something looks like at one moment. The software fills in the journey between them. This guide explains what keyframes are and how beginners can set smooth ones with confidence.

From the Mellius product team · Updated September 28, 2026

mellius — interview_final.mp4
Creator on camera in the Mellius editor preview

Conspiracy theorists, you may hate this

Timeline00:02 / 01:24
Video
Captions
Subject
SFX

AI Director

›

Just type what you need

  • ›Remove all silent parts
  • ›Add bold kinetic captions
  • ›Only have Bill Ackman speaking
  • ›Cut to highlights only
  • ›Add cinematic transitions
  • ›Match cuts to the beat

The short answer

A keyframe marks the value of a property — position, scale, opacity, volume — at one moment in time. Set two keyframes with different values and the software animates the change: a zoom, a fade, a slide, a swell. Everything from simple moves to motion graphics is built from keyframes, and each one stays editable after you set it.

Each keyframe holds a clear value

A keyframe is a pinned state — this size here, that opacity there — precise enough that the in-between motion has no ambiguity.

Spacing controls speed

Keyframes close together make fast moves; spread apart they make slow ones. Timing lives in the gaps, not the points.

Easing controls feel

Interpolation and easing decide whether motion glides, snaps, or floats — the difference between robotic and natural movement.

What keyframes are, exactly

Imagine a clip's scale as a timeline-long line: at 100 percent everywhere until you pin one moment at 100 and a later moment at 150. Those pins are keyframes, and the software draws the ramp between them — a smooth five-second zoom you never drew by hand. The same mechanism drives position (slides and pans), opacity (fades), rotation, audio volume (swells and ducks), and effect settings.

The concept comes from traditional animation, where master artists drew the key poses and assistants filled the frames between. Digital tools are tireless assistants: give them the before and after states, choose how to interpolate, and they generate every intermediate frame. Delete or move a keyframe and the motion recalculates instantly, which makes animation endlessly revisable.

Everyday uses beginners should master first

Start with the big four: scale keyframes for slow push-ins that add energy to static shots, opacity keyframes for fades in and out, position keyframes for sliding graphics and lower thirds, and volume keyframes for fading music under dialogue. These four moves cover the vast majority of beginner animation needs, and each takes seconds to set.

From there, keyframes unlock reframing (panning across a wide shot inside a vertical crop), emphasis (punching in slightly on an important word), and simple motion graphics (titles that rise and settle). In Mellius, you can ask for a slow zoom or a fade in plain language, then adjust the resulting keyframes on the editable timeline until the move feels right.

Why beginner keyframe animation looks robotic

Default linear interpolation moves at constant speed and stops dead — no real object behaves that way. The instant upgrade is easing: ease-out for entrances that settle, ease-in for exits that accelerate away, and easy-ease for moves that breathe at both ends. Two keyframes with good easing outperform ten linear ones.

The second giveaway is keyframe clutter: dozens of pins fighting each other, creating jittery direction changes. Use the fewest keyframes that describe the move — usually two, occasionally three — and space them deliberately. If motion wobbles, delete the middle keyframes and re-time the endpoints before adding complexity.

A practical sequence

Put it into practice

  1. 01

    Pin the starting state

    Move the playhead to where motion begins, enable keyframing on the property, and set its starting value. This first pin anchors the move.

  2. 02

    Pin the ending state later

    Jump forward in time and change the value — bigger scale, zero opacity, new position. Play it back: the software now animates between your two pins.

  3. 03

    Ease and re-time until it feels natural

    Apply easing to both keyframes and adjust their spacing for speed. Fewer, well-eased keyframes always beat a crowd of linear ones.

Frequently asked questions

Do I need keyframes for simple fades?

Opacity keyframes give you full control over fade timing and curves, which is ideal for custom or partial fades. That said, most editors also offer one-click fade handles and transitions for standard ins and outs. Learn keyframe fades for understanding, then use shortcuts for routine cases.

What is easing, and why does it matter?

Easing shapes how motion accelerates between keyframes: ease-out starts fast and settles, ease-in starts slow and accelerates, and easy-ease does both. Real-world movement always accelerates and decelerates, so eased motion reads as natural while linear motion reads as robotic. It is the single biggest quality lever in beginner animation.

Why is my keyframe animation jittery?

Jitter usually comes from too many keyframes with slightly inconsistent values, or from keyframes spaced unevenly in time. Delete the extras, keep two clean endpoints, and ease them. Also check that no second animation — like stabilization or auto-reframe — is fighting your keyframes on the same property.

Primary sources

Product capabilities change. These official references support the comparisons above.

Describe the edit. Keep the timeline.

Mellius turns conversational direction into cuts, captions, graphics, motion, color, and sound you can still inspect and change.

Start editing free