top of page

Create Your First Project

Start adding your projects to your portfolio. Click on "Manage Projects" to get started

Type in Motion: Kinetic Typography

Date

Spring 2024

Role

Motion Designer, Concept Developer, and Visual Storyboarder

Course

Typography II, Milwaukee Institute of Art and Design

Core Skills

Kinetic Typography & Motion Graphics

Concept Development & Moodboarding

Visual Storytelling through Type, Color, and Movement

Typographic Contrast & Emotional Expression

Storyboarding & Timing Planning

Animation Techniques: Opacity, Easing, Subtle Motion, Flickering Highlights

Atmosphere Creation & Visual Language Development

Tools Used

Adobe After Effects Adobe IllustratorAdobe Photoshop

Overview

This project interprets the emotion and theme of the song Fireflies by Owl City, using the lyrics and kinetic typography and motion graphics. The goal was to visually reinforce imagery of light, darkness, and a dreamlike state using only type, color, and movement. I set out to create a piece where typography could glow, drift, and breathe like small points of light in the night.

Concept Development

My moodboard centered on descriptors such as sparkle, calm dreamy, night, peaceful and stars These words shaped the emotional tone and guided the animation vocabulary. Rather than illustrating fireflies literally, I focused on how they *feel*: soft pulses, drifting paths, gentle flickers, and moments of stillness. The concept became an exploration of light moving through darkness quiet, atmospheric, and slightly surreal.

Typography

To express the shifting emotional tones within the lyrics, I selected two contrasting typefaces: a bold sans‑serif for clarity and weight, and an elegant script for softness and lyricism. This pairing allowed the animation to move between grounded, rhythmic beats and more fluid, expressive moments. Testing these styles in motion helped me understand how contrast, structure, and typographic anatomy influence pacing and visual rhythm.

Process

My early process work included storyboard thumbnails mapping how words would appear, fade, or drift across the frame. I experimented with timing, transitions, and the relationship between text and negative space to determine where movement should be subtle and where it should swell or brighten.

I used animation techniques such as flickering color changes, shifting letter positions, and small graphic accents like star shapes and a firefly illustration to simulate blinking light and a nighttime atmosphere. As the piece developed, I refined easing curves, opacity layers, and timing to synchronize the visuals with the rhythm and mood of the track. Every movement was designed to support the emotional arc of the lyrics.

Visual Language

The visual tone draws from deep nighttime hues contrasted with warm, glowing highlights. Nothing snaps or pops abruptly; instead, the animation relies on gentle fades, drifting motion, and soft bursts of brightness. The result is a calm, luminous environment that echoes the dreamlike qualities of the concept.

Outcome

The final animation is a cohesive piece of motion design that demonstrates proficiency in visual timing, animation principles, and expressive typography. By translating sound into movement, I used kinetic type as a narrative tool evoking atmosphere, reinforcing lyrical meaning, and creating a quiet sense of wonder. The project strengthened my ability to choreograph type, build emotional tone through motion, and transform conceptual mood into sophisticated visual poetry.

bottom of page