Linear keyframes make animations look robotic. Easy Ease and custom speed curves are what separate amateur motion graphics from professional work.
The Basics
- Set two position keyframes (or any animated property)
- Select both keyframes
- Press F9 to apply Easy Ease — keyframes change from diamond to hourglass shape
- Preview — the motion now accelerates and decelerates naturally
Graph Editor Control
- Click the Graph Editor button in the timeline panel
- Select your keyframes to see the speed/value curves
- Drag Bezier handles to customize the easing profile
- Steep curve = fast movement. Flat curve = slow movement.
Common Easing Profiles
Ease Out (Quick Start, Slow Stop): Pull the outgoing handle on the first keyframe flat, keep the second keyframe steep. Objects enter fast and settle smoothly — natural for elements entering the frame.
Ease In (Slow Start, Quick Stop): Opposite — slow departure, fast arrival. Natural for elements leaving the frame.
Overshoot / Bounce: Extend the value curve past the final position and back. Creates a springy, energetic feel for UI animations and kinetic typography.