Motion design moves

Named motion design techniques: what each one looks like, when it works, and where it shows up in the gallery. Ask your agent for a move by name.

Unlock with Pro

TimingSquash and stretch

TimingAnticipation

TimingOvershoot and settle

TimingFollow-through and overlapping action

TimingSpring animation

TimingStaggered timing

TimingSlow in and slow out

TimingEase-out entrance

TimingMoving hold

TimingSecondary action

TimingAnimating on twos

TypeStaggered letter reveal

TypeWord by word reveal

TypeTypewriter text

TypeText scramble decode

TypeLine mask text reveal

TypeVariable font weight animation

TypeText on a pathA line of text runs along a curve, circle or wave and slides along it, so the words travel the shape like a train on a track.

TypeRotating word swap

TypeSplit-flap textLetters flip like an old airport departure board, each tile rattling through the alphabet before it lands on the right character.

TypeScale punch headline

TypeTracking expand titleA title fades in with its letters slowly drifting apart, letter-spacing easing from tight to wide over several seconds, like a film opening.

TypeOutline to fill textLetters first draw themselves as thin outlines, then fill in with solid colour, so a word goes from blueprint to finished type.

TransitionsMatch cut

TransitionsWhip pan transition

TransitionsWipe transition

TransitionsIris transition