Motion design recipes, with the numbers.
Kinetic typography, headline entrances, overshoot, bounce and elastic easing, loops and finishing effects. Each recipe is one sentence you can type into ramin's prompt bar, and the page shows the exact properties it writes: track, from and to, duration, curve, overshoot and stagger. Open any of them in the studio and the motion is already applied, as values you can edit.
Make your own animated announcement → Stagger animation calculator → Spring animation playground → Frames to time calculator →
Entrances
How a layer arrives: direction, distance, curve and overshoot.
Headline enters from below with overshoot
“Make the headline enter aggressively from below, overshoot slightly, and settle”
Headline drops in from above with a bounce
“Make the headline enter from above with a bounce”
Elastic headline entrance from the right
“Make the headline enter from the right with an elastic settle”
Headline slides in from the left on a smooth curve
“Slide the headline in from the left smoothly”
Springy scale pop for a headline
“Pop the headline with an elastic overshoot”
Exits
How a layer leaves, timed against the end of the composition.
Kinetic typography
Per-letter motion: stagger, cascade and reveal.
Letter-by-letter headline reveal with overshoot
“Reveal the headline letter by letter, 30ms apart, from below, overshoot slightly”
Letters cascade in from the left
“Make the headline enter one by one from the left, 25ms apart, smoothly”
Snappy staggered subtitle entrance
“Make the kicker enter from below with a 15ms stagger, snappy”
Staggered headline with a 12% overshoot
“Make the headline enter from below with a 40ms stagger and overshoot 12%”
Loops
Behaviours that run for the whole composition rather than once.
Camera & depth
Motion along Z, extrusion and focus.
Finishing effects
Screen-space passes over the whole frame.