Skip to main content

Overlapping animations to create momentum and continuity

Episode 2 of Better Motion: How overlapping animations make a livelier, more fluid sequence.

Written by Tuan Tan

Welcome to Better Motion: A video series to help elevate your motion skills, one fix at a time. 🛠️

In episode 2 of this series, Anaïs explains why overlapping actions makes animations feel alive instead of mechanical.

Waiting for one animation to fully finish before starting the next creates dead moments. Overlapping your actions fixes this by keeping the momentum going and makes the sequence feel continuous rather than like a checklist of separate steps.

How to do this:

  1. On the timeline, find the end point of the element you want to overlap.

  2. Drag the start point of the next element so it starts before the previous endpoint finishes.

  3. Adjust the overlap until the handoff feels smooth rather than rushed.


📺 Check out our Jitter Academy of Motion collection for more video tutorials and tricks! 💫

Follow us for more:

Did this answer your question?