Motion Graphic - Garamond

Roles:
  •  Early production (researching, writing narrative & creating mood board)
  •  Sketching storyboard, storyboard animatic
  •  Style framing, Illustrate & searching visuals assets for animating
  •  Revising & animating

Short Description:
This project is constructed as a 60 second narrative based, information sequence on a known typographer. In this project, I talked about Claude Garamond, his background information / history and the font type he created, Garamond.

Garamond Cover Image
Garamond Cover Image

Early production includes research of Claude Garamond, such as his background information / history and the font type he created, Garamond. After that, I analysed the information of Claude Garamond to write up a narration. Then, I created 3 set of mood boards to test out the style for the motion graphic.
  •  Modern Newspaper
  •  Vintage Newspaper
  •  Black & White Minimalist

Researches from: Wikipedia, Pinterest & Book [Design School: Type] 
Software:  InDesign, Microsoft Word

Early Production

Here are the 3 pages hand drawn storyboard to demonstrate how the motion graphic going to be animated with explanations.

Software: InDesign

Storyboard

Here is the storyboard animatic to test out the transition effects and a rough layout of the motion graphic with sound effect testing for further production.

Software: After Effects
Narration: Text-to-Speech
Sound Effect: Royalty free sound effects downloaded from multiple sites

Storyboard Animatic

Here are the 3 set of style frame adaption to demonstrate what elements are under consideration when illustrated into one of the frame from the storyboard with annotations.

Software: InDesign, Illustrator

Style Frame Adaption

Style Frame Adaption To Storyboard Draft

This is the style frame adaption of the motion graphic of Garamond to the storyboard draft. Every assets are illustrated or downloaded from vecteezy.com to create the visuals waiting to be animated.

Software: Illustrator

Here is the first attempt of style adaption into a 60s motion graphic video.

Software: After Effects
Narration: Fiverr
Music: Royalty free music
Sound Effect: Royalty free sound effects downloaded from multiple sites

First Attempt

After creating the first attempt, I found out some of the assets doesn't fit the style and the transition need adjustments. And here is the final attempt of style adaption into a 60s motion graphic video.

Software: After Effects
Narration: Fiverr
Music: Royalty free music
Sound Effect: Royalty free sound effects downloaded from multiple sites

Final Attempt

@Created by Daisy Chan 2021