Twelve Principles of Motion in AE

These are my working notes on the principles I keep coming back to in motion design. Not a textbook breakdown — just what each one means to me, how I apply it in AE, and the tools that make it faster.

1. Timing

Timing is how many frames an action takes. Fast reads as light or sudden, slow reads as heavy or deliberate. Everything lives or dies by this.

In AE it’s just the distance between keyframes — same move over 10 frames vs 40 frames says something completely different. No real shortcut here, you develop a feel for it by watching good work closely.

2. Easing (Slow In / Slow Out)

Nothing in the real world starts or stops at a constant speed. This is probably the principle I use most — without it everything looks robotic.

In AE: F9 for Easy Ease, then straight into the Graph Editor to push the curves further. The default Easy Ease is too subtle — pull the handles much further toward the keyframe on the fast end.

Plugin: Flow (aescripts) — makes this so much faster. Visual bezier editor with saveable presets. Applying a custom ease across multiple properties takes seconds. First plugin I’d recommend buying.

3. Anticipation

Before a big action, something small happens in the opposite direction. A button compresses before it bounces. Anticipation prepares the eye and makes the main action hit harder.

In AE: I add 3–6 frames before the main keyframe where the object moves slightly backward or scales down. Manual but quick once it’s habit.

Plugin: Overshoot (aescripts) — bakes anticipation and follow-through in automatically. One click, then sliders for intensity and decay. Much faster than building it keyframe by keyframe.

4. Follow Through & Overlapping Action

When the main body stops, attached parts keep moving. Overlapping action means different parts settle at slightly different times. This kills the “everything stops at once” problem that makes animation look amateur.

In AE: I stagger keyframes manually — if a logo settles at frame 20, trailing elements settle at 22, 24, 26. Gets tedious for complex stuff though.

Expression — Delay — worth knowing this one:

delay = 5; // frames
d = delay * thisComp.frameDuration;
thisComp.layer("Master").transform.position.valueAtTime(time - d)

Point multiple layers at the same master with increasing delay values and you get natural overlapping action without touching individual keyframes.

Plugin: Motion3 — has a Sequence Layers tool that staggers timing across selected layers with one slider. Fast for multi-element overlaps.

5. Squash & Stretch

Organic objects deform under force — flatten on impact, stretch during fast movement. Even subtle squash and stretch on a UI button makes it feel responsive and alive.

In AE: For simple shapes I do it manually with Scale keyframes. Slightly wider and shorter on impact, taller and narrower on fast upward movement. Key thing — total volume should stay roughly constant.

Plugin: Squash & Stretch Pro (aescripts) — handles volume preservation automatically. Worth it if this is a regular part of your work, doing the volume math manually every time gets old fast.

6. Exaggeration

Reality is boring on screen. Push timing, scale, and movement beyond what feels comfortable — it communicates the feeling of an action more clearly. A notification shouldn’t just appear, it should pop.

In AE: The main trap is under-exaggerating. Push scale, rotation, and speed contrast further than feels right. This is a design call, not a technical one.

Expression — Wiggle — great for looping attention states:

wiggle(6, 12)

Easier than keyframing a looping shake manually.

7. Arcs

Almost all natural movement follows curved paths. Straight-line motion reads as mechanical — arcs make everything feel organic.

In AE: With the position path visible in the Composition panel, just drag the handles between keyframes to curve them. Takes seconds, makes an immediate difference.

Plugin: Curva Script (free) — converts straight paths to smooth curves automatically across all selected keyframes. Real time-saver when you have a lot of layers that all need arcing.

8. Secondary Action

Secondary actions support the main action without stealing focus. A shadow responding to a logo entrance, a background element reacting to a transition — adds depth without the viewer consciously noticing. If they notice the secondary action over the main one, it’s too strong.

In AE: Parenting secondary layers to primary ones gives them natural response for free. Keep secondary actions subtle — lower opacity or smaller scale change.

Plugin: Newton 3 (aescripts) — for anything that should react physically. Simulates real physics and generates keyframes automatically. Way faster than animating physical reactions by hand.

9. Staging

Presenting the idea in the clearest, most readable way. One thing at a time. Clear silhouettes. Nothing competing for attention when something important is happening. It’s about what enters when and where the eye goes next.

In AE: I use Pre-comps to isolate major staging beats. Think in scenes, not just layers.

No expression or plugin shortcut here — staging is a compositional decision made before you touch AE.

10. Appeal

The quality that makes animation satisfying to watch. Not just beauty — clarity, confidence, and the feeling that every frame was considered. Clean paths, intentional easing, consistent style.

In AE: Use Shape Layers over bitmaps where possible. Spend real time in the Graph Editor.

Plugin: Ease and Wizz (free) — applies bounce, elastic, and custom ease presets directly as expressions. Adds personality fast, much quicker than building custom curves from scratch every time.

11. Rhythm & Choreography

When multiple elements move together, their timing relationships create rhythm. Choreography is the intentional design of those relationships — staggered entrances, call-and-response, sync to music. This is where motion design gets interesting.

In AE: I use Markers synced to audio beats as reference points. Stagger entrances by consistent frame intervals for tight rhythm.

Plugin: BeatEdit (aescripts) — automatically detects beats in an audio track and creates timeline markers. If you’re animating to music this saves a lot of time scrubbing back and forth manually.

Plugin: Sound Keys (aescripts) — converts audio frequency data into keyframes. Useful when elements should pulse or react to specific frequencies in the soundtrack.

12. Smear / Distortion

When something moves very fast, a smear frame — a single distorted frame between two positions — adds perceived speed and weight. Unlike motion blur, a smear is a deliberate design choice. Swipes, fast type reveals, punchy transitions all benefit from it.

In AE: Manual approach — duplicate the layer, stretch it in the direction of motion, drop opacity to 40–60%, place it between the fast keyframes. Fine for one or two instances.

Plugin: RSMB — ReelSmart Motion Blur (RevisionFX) — generates high-quality motion blur and smear from frame analysis. Reads much more like a hand-crafted smear than AE’s built-in motion blur. Worth it if fast motion is a recurring thing in your work.

Plugin Priority List

Free — install immediately

• Ease and Wizz — bounce, elastic, and custom ease presets
• Curva Script — auto-curve straight motion paths
• DUIK Bassel — rigging and follow-through for character work

Paid — worth the investment

• Flow — visual easing editor, biggest time-saver for general motion work
• Overshoot — one-click anticipation and follow-through
• Motion3 — layer sequencing and stagger
• Newton 3 — physics simulation for secondary action
• BeatEdit — beat detection for music-driven work
• RSMB — best smear and motion blur quality available

Final Thought

These aren’t rules — they’re a way of understanding why something feels off and how to fix it. The goal is to internalize them until you stop thinking about principles and just feel when something needs more anticipation, a slower ease, or a smear frame to land right. That comes from animating, watching it back critically, and asking what’s missing.

Study work you like. Break it down frame by frame. It starts to click.