Keyframe Bezier Curve & Easing Studio

Design butter-smooth keyframe zoom curves for CapCut, Premiere Pro, and After Effects. Preview motion physics in real time and copy exact coordinate values.

Cubic Bezier Motion Graph

Start Handle (P1)

X1 (Time Start):0.25

Y1 (Speed/Zoom):0.10

End Handle (P2)

X2 (Time End):0.25

Y2 (Speed/Zoom):1.00

Live Motion Physics Simulation

This Curve (cubic-bezier(0.25, 0.10, 0.25, 1.00))

Default Linear (Robotic / No Easing)

How to punch this into CapCut:

Set two keyframes on your video clip (Start zoom & End zoom).
Tap the Graphs / Curves button on the bottom toolbar.
Select Custom > Edit to open the curve graph.
Drag the two round curve handles to match this graph shape!

Why Linear Keyframes Ruin Video Quality & Retention

Organic Natural Physics

In real life, cameras and physical objects never accelerate from 0 to 100 instantly. Bezier curves apply natural mass, acceleration, and friction.

Satisfying Overshoot Bounces

Setting Y2 higher than 1.0 (e.g. 1.25) causes scale keyframes to bounce slightly past their final size before resting, making kinetic typography pop.

Cross-Software Formula

The standard four-parameter `cubic-bezier(x1, y1, x2, y2)` translates universally to CapCut, Premiere Pro, After Effects, DaVinci Resolve, and CSS web animations.

Frequently Asked Questions

Where is the Graphs button in CapCut?

Place two keyframes (the diamond symbol). Place your playhead cursor directly between the two keyframes on the timeline. A "Graphs" button will light up on the bottom action bar.

Can I use these curves for text animations?

Yes! Keyframe curves work equally well for opacity fades, position slide-ins, rotation spins, and scale zoom punches.