Every second of the 15-second showreel above teaches a fundamental law of motion graphics. Here is what is happening behind every frame:
LESSON 01 // 00:00 – 02.50s
Timing & Spacing (Linear vs. Easing)
What you see on screen: Two words race across the screen. The word LINEAR travels with completely equal space between frames like a mechanical robot. The word EASING bunches its keyframes together at the start and finish, rocketing through the center with liquid velocity.
The Takeaway: Real objects in nature do not reach top speed instantly. Great motion design requires gradual acceleration and deceleration.
LESSON 02 // 02.50 – 05.00s
Anticipation & Release
What you see on screen: The word ANTICIPATE crouches backward, trembling as a kinetic tension meter charges to 100%. Time slows down, sound drops into complete vacuum... then RELEASE violently rockets forward, shattering the frame with shockwaves!
The Takeaway: Before any major movement, an audience needs anticipation. Without a wind-up, an action feels sudden and weak.
LESSON 03 // 05.00 – 07.50s
Squash & Stretch (Mass & Inertia)
What you see on screen: The word MASS falls from the ceiling. As it falls, it elongates vertically. When it hits the floor: CRUNCH! It squashes flat while maintaining its total volume (\(\text{scaleX} \cdot \text{scaleY} = 1.0\)), then oscillates with a spring rebound.
The Takeaway: Rigid objects look like plastic. Deforming shape while preserving volume gives text physical weight and tactile life.
LESSON 04 // 07.50 – 10.00s
Follow-Through & Secondary Action
What you see on screen: The word FOLLOW THROUGH swings into view and abruptly halts against an invisible wall. Its trailing letters and ribbon tails whip forward past the stopping point, creating a fluid serpentine wave before coming to rest.
The Takeaway: In physics, kinetic energy never stops at once. Secondary elements carry momentum forward after the parent body stops.
LESSON 05 // 10.00 – 12.50s
Rhythm & Staccato Contrast
What you see on screen: The typography becomes percussion! Words slam in lockstep with the 126 BPM breakbeat: RHYTHM, CADENCE, TENSION, RELEASE. The font weight morphs from thin hairline to ultra-black in sync with the snare hits.
The Takeaway: Motion graphics is visual music. Varying fast cuts with slow sustains keeps the viewer's brain hooked.
LESSON 06 // 12.50 – 15.00s
Equilibrium & The Art of Stillness
What you see on screen: All chaotic visual energy decelerates with exponential smoothness into an immaculate Swiss layout: "MOTION IS NOT JUST MOVEMENT. IT IS EMOTION THROUGH TIME."
The Takeaway: Knowing when to stop is the ultimate mark of mastery. Silence and stillness give meaning to the preceding storm.