Proを始める

モーションデザインの技法

名前の付いたモーションデザインの技法。見え方、効果的な場面、ギャラリーでの使用例をまとめました。エージェントには技法の名前で頼めます。

Pro でロック解除

タイミングSquash and stretch

タイミングAnticipation

タイミングOvershoot and settle

タイミングFollow-through and overlapping action

タイミングSpring animation

タイミングStaggered timing

タイミングSlow in and slow out

タイミングEase-out entrance

タイミングArcs

タイミングMoving hold

タイミングSecondary action

タイミングAnimating on twos

タイポグラフィStaggered letter reveal

タイポグラフィWord by word reveal

タイポグラフィTypewriter text

タイポグラフィText scramble decode

タイポグラフィLine mask text reveal

タイポグラフィVariable font weight animation

タイポグラフィText 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.

タイポグラフィRotating word swap

タイポグラフィSplit-flap textLetters flip like an old airport departure board, each tile rattling through the alphabet before it lands on the right character.

タイポグラフィScale punch headline

タイポグラフィTracking 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.

タイポグラフィOutline to fill textLetters first draw themselves as thin outlines, then fill in with solid colour, so a word goes from blueprint to finished type.

トランジションMatch cut

トランジションWhip pan transition

トランジションWipe transition

トランジションIris transition