top of page

MOTION DESIGN PROJECTS

3D Baywatch Trailer

A re-creation of the Baywatch TV show trailer using Adobe After Effects, Blendr, and Cinema 4D

Explainer Video : Typography

created in Adobe After Effects

STORYBOARDS

laststory1.jpg
20201130_125517.jpg

Motion Infographic: Allergies

created in Adobe After Effects

STORYBOARDS
20201011_211514.jpg
20201011_211703.jpg
20201011_211603.jpg

Outline

  • Typesetting

    • Kearning

    • Baselines

    • X height

    • leading

  • Anatomy

    • Ascender

    • Descender

    • Bracket

    • Serif

    • Sans serif

    • Terminal

    • Crossbar

    • counter

  • Typeface Classification

    • Old style / humanist

    • Transitional

    • Modern

    • Slab serif

    • Humanist sans serif

    • Geometric sans serif

    • Scripts

    • Blackletter Fraktur

  • History of Typefaces

    • What were they used for?

    • Where did they originate from?

  • Typography Sins

Explainer Video: Creative Brief & Outlines

My video will explain the nuances of typography that I learned about a couple semesters ago in Joel Swanson’s Advanced Typography class. I’ll also explain the elements of typesetting, and how to classify different typefaces based on key characteristics. Lastly, I will show when different types of fonts emerged over time, and how their historical context contributed to their unique appearances. If I have time, I will go over the rules of “good” typesetting and fonts, and show some examples of typography no-no’s. Given the context of typography, I think a “Bauhaus” aesthetic may be fitting; this aesthetic would include bold shapes and lines, primary colors, minimal forms, and sans-serif fonts. I will use this aesthetic to my advantage when designing my animations -- using the lines, colors and shapes to assist in creative transitions and engaging visuals. Unlike my previous projects, I also want to use more hand-drawn animations in this video. During our previous critique, another student recommended the digital art program “Procreate,” so I think I’ll give that a try! With my previous experience as a fine artist, I think handmade animations will give my project a personal touch, and will make my visuals more interesting. It would be fun to incorporate some Bauhaus-style photos and images of old posters for educational purposes. In After Effects, I want to focus on creating natural / well polished movements for my objects using expressions and a physics plugin I just downloaded. Since my project will be focusing on typography, I’ve been watching some Youtube tutorials about text animations such as the “write-on” effect. I plan to use these tutorials to emphasize the form of some fonts I will be discussing.

Sound Visualization

created in Adobe After Effects, Collaboration with DJ Nathan Mix

​This video incorporates:

  • 3D cameras

  • audio-visualization tools and audio spectrums

  • pre-recorded photo and video elements.

  • images created and edited via After Effects and Illustrator.

  • layer masks, simulations, and glow effects. 

Project Mood Board
2.PNG
Capture.PNG

More Explorations

Adobe After Effects

Sound Visualization Exploration
Expression Sandbox : Bugs
3D Fly Through Haiku
Rotoscope: Danny From Grease
walk / dance cycle
Kinetic Typography Project, Jim Carrey Speech
STORYBOARDS
20200913_215922.jpg
20200913_220120.jpg
20200913_220015.jpg
personal logo / banner
bottom of page