Overview
Garamond is a typeface designed by Claude Garamond and Jean Jannon during the 16th century. This old-style serif is ideal for text setting and is one of the very few typefaces that is of age and still loved today. The magazine spread and time-based animation were created to inform the viewer about Garamond using two different mediums.
Goal
The goal of this two-part project is to highlight the unique characteristics of the typeface Garamond by designing a magazine spread and creating a time-based animation.
Timeline
2019, 3 weeks
·     ·     ·
Magazine Spread
01. Research Essay
To grasp a better understanding of Garamond, I researched its history and wrote a one page essay. This essay became the content of my magazine spread.

An essay about Garamond, written using Garamond

02. Typesetting Exercise in Mrs. Eaves and Garamond
I explored the various settings that would fit 4 columns in type Mrs. Eaves. The exercise consisted of increasing / decreasing leading and type size. During the activity, I learned that a good rule of thumb is having around 65 characters per line. 

Typesetting exercise in Mrs. Eaves

I then practiced setting body text using Garamond. I discovered that I read most comfortably when the type is set in 10 to 11 pt.

Typesetting exercise in Garamond

I like it when the text is in two columns, fully justified, and auto leading. Justification, when worked well, gives an impression that the viewer is reading a book due to the clean, organized look.
03. Sketches and Early Ideas

Initial Sketches

I started designing the spread by drawing out my ideas. Sketching helped me realize the characteristics of the typeface I want to highlight and the positioning of image and text.

Early explorations

During this process, images were generally faded out to emphasize the text. I studied the forms of Garamond during the stage, as Garamond has unique characteristics. After reflecting on the designs I have created, I wanted to create a spread that highlights specific features of Garamond.
04. Image Style Guide
The texture-based photographs would enhance the elegance of the overall spread. I especially like the marble textures, as they are subtle but work effectively as background textures.
05. Iterations​​​​​​​
During this process, I finalized color scheme, got rid of the alphabet bands, reduced the number of highlighted letters that describe characters, made the images less opaque, and spelled out a word using the letter forms.

Notable draft iterations

Body text setting exercise

Characteristics indication variation

After reorganizing the location of the letters and the body text, rewriting certain parts of the essay, redesigning the way the letterforms are indicated, changing the opacity of photos, and finalizing the colors, I completed the final spread.
06. Final Magazine Spread

Final magazine spread

·     ·     ·
Time-Based Medium
01. 50-word exercise
Similar to the magazine spread, I completed a 50 word write-up that would serve as the base script of the video.
My script is the following:
     - “Michangelo’s David to the type world”
     - Created by Claude Garamond or Jean Jannon in the 1500s
     - Its history is a mystery
     - It is graceful (low x height, teardrop terminal, angled serifs)
     - Known for great readability regardess of its size,
     - As headline or body, it catches your eyes
     - A reliable typeface that emphasizes looks
     - But most ideal for books (Harry Potter, The Hunger Games & Cat in the Hat)
     - With over 20 modern variations,
     - It is a timeless type sensation
     - Garamond
02. Storyboards
Before going straight to After Effects, I created physical and digital storyboards to visualize ideas.

Sketchbook ideas

First storyboard

Second storyboard

Final Storyboard

I had multiple drafts of storyboards before working on the video. But before I started working, I knew that my video is likely going to be different from the anticipated visuals.
03. Music Choice
My final choice of music for the video was Changli by Ooyy, a Swedish composer. 

Changli by Ooyy

04. Final Video

Final time-based video

View other projects

Back to Top