Gotham "The New York City's Typeface" (Collateral)

The collateral that I have chosen to specially design for this topic is a cup sleeve. Why cup sleeve? As we all know that New York is one of the most busiest city in the world where all people are rushing for work, rushing here, rushing there and rushing everywhere. Where do they get their energy from? COFFEE. People in New York City, start of their day with a cup of coffee as they ready for work.

I believe that designing on the cup sleeve will bring the awareness on how gotham was created? Below is the design of the cup sleeve.

The Actual Design

Cup-Sleeve (Back)                    Cup-Sleeve (Front)

Cup-Sleeve (Mock-Up)

Gotham "The New York City's Typeface" (Report)

I have done two types of report. The first report is Who, Why, When, Where and How Gotham was created?

The second report is the explanation of my Infographic style and type of information use in my Animation

Gotham "The New York City's Typeface" Final Animation

Gotham "The New York City's Typeface" (Storyboard)

Below is the story board on how am I going to present my infographic and motion.

Tobias Frere-Jones Inspiration

Frere-Jones' inspiration for the typeface came from time spent walking block-by-block through Manhattan with a camera to find source material, and he based the font on the lettering seen in older buildings, especially the sign on the Eighth Avenue facade of the Port Authority Bus Terminal. "I suppose there's a hidden personal agenda in the design," Frere-Jones said, "to preserve those old pieces of New York that could be wiped out before they're appreciated. Having grown up here, I was always fond of the 'old' New York and its lettering.

Gotham Typeface

Topic: Gotham (New York City's Typeface)

Gotham is a family of widely used geometric san-serif digital typefaces designed by American type designer Tobias Frere-Jones in 2000. Gotham's letterforms are inspired by a form of architectural signage that achieved popularity in the mid-twentieth century, and are especially popular throughout New York City

Since creation, Gotham has been highly visible due to its appearance in many notable places, including a large amount of campaign material created for Barack Obama's 2008 presidential campaign, as well as the cornerstone of the One World Trade Center, the tower to be built on the site of the former World Trade Center in New York.

The Gotham typeface was initially commissioned by GQ magazine, whose editors wanted to display a sans-serif with a "geometric structure" that would look "masculine, new, and fresh" for their magazine. GQ agreed that they needed something "that was going to be very fresh and very established to have a sort of credible voice to it," according to Jonathan Hoefler.

http://en.wikipedia.org/wiki/Gotham_(typeface)

http://www.typography.com/fonts/gotham/history/

Exercise 9

Exercise 8

(Class Exercise 6 and 7) Camera View and 3D Effect

Typeface Comparison

(Class Exercise 5) Bar Chart

(Class Exercise 4) Layer Masking

(Class Exercise 3)

• Using Position to move the clouds upwards
• Using Scale to make the sky expande and make it look like its coming forward
• Opacity is adjusted accordingly

(Class Exercise 2) Learning to use Adobe After Effect

In class, (4/9/2013, Wednesday) Mr. Hafiz thought us how to use Adobe After Effect software. Step by step he thought us how to make a simple animation of lego blocks. Believe me, in this class, you 're to pay attention to Mr. Hafiz teaching cause Adobe After Effect is not something simple to understand and learn. Through out the class I have finally create an animation with Adobe After Effect. Through my experience, is not that hard to do but is also not easy as well. Basically is something doable. Below is an example of a animation of constructing block exercise.

After knowing to use the basic of Adobe After Effect, we are to create an animation with something that can be constructed (example: a block or a box) as an exercise. I have use my Gundam figure to be my Adobe After Effect constructing exercise. 

(Class Exercise 1) Infographic Information Type

Infographics are graphic visual representations of information, data or knowledge intended to present complex information in a quickly and clearly way. Infographics can improve our understanding by utilizing graphics to enhance the our visual ability to see patterns , colour, graphics and trends.

During my research on infographics, I have spotted an interested image about information type. Below is the image:

What is Spatial?

• Spatial is an information that describes relative positions and spatial relationships in a physical or conceptual location.
• In simple words, Spatial is an information that describes locations and positions.

Example of Spatial Information

What is Chronological?

• Chronological is an information that describes sequential position and the causal relationships in a physical or conceptual timeline.
• In simple words, Chronological is an information that describes sequence and time.

Examples of Chronological Information

What is Quantitative?

• Quantitative is an information that describes scale, proportion, change and organization of quantities in space, time or both.
• In simple words, Quantitative is an information that describes amount and comparison.

Examples of Quantitative Information