ferris bueller
motion
graphic
motion graphic animiation
Year
2021
Role
Motion Designer
Type
Motion Graphic Animation
Tools
After Effects . Illustrator
Client
University Project
THE BRIEF
This project pays tribute to "Ferris Bueller's Day Off," focusing on the memorable scene where Ferris cleverly feigns illness.
THE GOAL
Using motion graphics, kinetic typography, and collage animation, the aim was to creatively capture the essence of this iconic moment and its characters' distinctive look — exploring how motion and typography can tell a story.
THE OUTCOME
Produced a dynamic short-form motion piece combining kinetic typography, collage elements, and frame-by-frame animation that brought the energy of the original scene into a new visual form.
THE BRIEF
TOOLS USED
// PROJECT synopsis
the story
retold
This animation project follows the story of the iconic 1986 John Hughes film: Ferris Bueller's Day Off. The project is an abstract representation of the movie, focusing on the first major monologue — the scene where Ferris tricks his parents into believing he is sick.
The monologue is one of cinema's most celebrated fourth-wall breaks. It will allow for a rich representation of the character's iconic look through motion graphics, kinetic typography, and collage animation — building the world in which Ferris exists from the ground up.
Collage animation will be used for the character's main features — face, clothing, and the Ferrari he takes to New York. The animation adheres to the original film's aspect ratio of 1.33:1, using original sound effects and music scores from the film.
// visual direction
colour
01
Most characters will be rendered in a monotone colour palette — drawing focus to the motion graphics and kinetic typography, which will burst in bright, saturated colours to contrast the muted figures around them.
shape & Form
02
A combination of 3D and 2D shapes with textures drawn from the 80s and 90s. The forms will feel tactile and handcrafted — referencing the collage aesthetic of the era the film was made in.
rotoscope
03
Selected characters will be rotoscoped directly from the film and composited with vector shapes and kinetic text — blending the real and the illustrated into a single unified animated world.
motion
04
Motion graphics will feature random, energetic movement. Typography will use multiple typefaces to exaggerate the weight and importance of specific words — reflecting Ferris's own larger-than-life delivery.
transitions
05
Scene transitions will be driven by objects on screen — wiping out or zooming into the next scene via props and set pieces. The Ferrari, stereo, and guitar all serve as transition devices.
fourth wall
06
True to the film, the animation will attempt to break the fourth wall — acknowledging the audience, referencing the era's pop culture, and showcasing Ferris Bueller's enduring place in cinematic history.
// mood board
// storyboard
"Bought" starts to blink and grows larger on screen. The camera then zooms into the "O" of BOUGHT, using it as a portal transition into the next scene. Kinetic typography drives the entire moment.
The TV shows the animation as it appears in the movie. Stock footage and animations from the film are composited into the TV screen, blending real and illustrated elements.
Kinetic Typography. The "1" twirls around the screen with an animated sick emoji. The emoji then pukes out a Lung — and as the lung falls, the camera pans down to follow it into the next scene.
The Ferrari from the film sits against the New York City skyline — a collage-style illustration. The car will serve as both a key story moment and a scene-wipe transition device.
The stereo from Ferris's room — as Ferris moves it, the audio from the film shifts and changes in sync. The stereo controls the soundtrack and acts as the animation's DJ booth.
The "Faking Out Parents" list from the film. Animated hands sweat on screen, opening and closing. "Clammy Hands" pulses — increasing and decreasing in size to the rhythm of the scene.
Ferris Bueller's face fills the screen, thermometer in his mouth. The thermometer grows and animates to show it's dangerously hot — a kinetic exaggeration of the classic sick-day performance.
Kinetic Typography of Ferris's most famous line. Each word arrives at a different scale, weight, and typeface — building in intensity until FAST dominates the entire frame, before the next line breaks in.