DYNAMIC TYPOGRAPHY D|MA 155 WINTER 2007
 Students
Schedule
Exercises
Syllabus
Exercises:

Exercise 01: Punctuation
Exercise 02: Letter
Exercise 03: Emotion/motion
Exercise 04: Cliché
Midterm Review
Final Project
Research Report


Create all exercises in the size 720x540 pixels (NTSC, D1, Square Pix). Save all your compositions in high quality. Develop storyboards for all of your projects. Create a single template for developing storyboards, and use this system for each of your exercises. Use the Animation or H.264 compressor for your projects.

Create a 130 x 90 px thumbnail for yourself. Save the icon in your subfolder in the class “projects” directory as a jpg file: me.jpg. Check that it appears on the front page of the class website.

 
Exercise 01: Punctuation (due Th Jan 18)

Create a 20 second animation based solely on PUNCTUATION marks from a single typeface of your own choosing. These marks could include the period, comma, colon, question mark, exclamation point, ampersand, ellipsis, parentheses, single and double quotations, dashes, slashes, among others. Take into consideration the roles these marks have in written language to break up and structure text. You may choose to focus on a single mark, or you may combine up to three marks in your animation. Think about using scale, size, position, and orientation to create different kinds of movement. Restrict your color palette to black, white, and shades of gray.

Do not use multiple marks to create a representational shape/figure! You may use sound.

Deliverables: 360 x 270 QuickTime movie (half resolution), 360 x 270 px thumbnail image

Place the files in your personal directory in the class “projects” directory (naming convention: 1.mov and 1.jpg), and make sure that they are displayed correctly on the class website.


 
Exercise 02: Letter (due Th Jan 25)

As a continuation of formal and narrative explorations, create a 20 second animation based on a single LETTER of your choice. Develop your idea in form of a storyboard before using the computer or the camera and be sure to follow a clear concept while executing your idea. Focus on the expressive qualities of motion to explore a single letter as a pattern, a shape, an environment, etc. You may use found type, digital type, or create your own typeforms to express your concept. You may use all animation techniques discussed/viewed in class. Restrict your color palette to black and white, grayscale or dual-tone. Develop at least 3 different ideas as storyboards and/or motion tests for the Mon Jan 23 class period.

Deliverables: 360 x 270 QuickTime movie (half resolution), 360 x 270 px thumbnail image

Place the files in your personal directory in the class “projects” directory (naming convention: 2.mov and 2.jpg), and make sure that they are displayed correctly on the class website.


 
Exercise 03: Emotion/motion (due Th Feb 1)

This exercise is focused on the expressive power of typography. Develop a 10 second animation based on a WORD of your choice that suggests an emotional state. Choose an appropriate typeface for the meaning of the word you want to communicate. Consider formal aspects or your font and its possibilities in relation to movement and transitions. You may use all techniques discussed so far in class.

Develop 3 different concepts and motion tests for inventive ways to communicate your word to be discussed during the Mon Jan 30 class session.

Deliverables: 360 x 270 QuickTime movie (3.mov), 360 x 270 px thumbnail image (3.jpg) placed in your personal directory in the class “projects” directory. Make sure that the movie and image are displayed correctly on the class website.


 
Exercise 04: Cliché (due Tu Feb 13)

This project investigates the use of written text expressed over time. Select a well-known APHORISM (such as “Out of sight, out of mind.” or “Absence makes the heart grow fonder”) and convey the message through manipulating the formal qualities of typography and motion. Your chosen text should be no fewer than 5 words and no more than 15. Research the origin of your text to develop an appropriate visual strategy.

Explore how expressing the text through animation can affect how the text is read and how the message is perceived. You may wish to repeat the text more than once in your piece to demonstrate how different visualizations can affect how the message is communicated.

Deliverables: A storyboard of at least 10 frames to discuss during the Thu Feb 8 class session. Movies both in full NTSC-D1 resolution (720x540 px) and half resolution (360 x 270 px) available in your subfolder before the Feb 13 class meeting. Check if your half resolution movie shows up correctly on the class website (including thumbnail).


 
Midterm Review (due Tu Feb 20)

For the individual midterm review, your work must be viewed on DVD. Use your original compositions to render movies at 720x540 and create an interface for navigating between them. Hand in your DVD at the beginning of the review.


 
Final Project (due Th Mar 15)

During this class you created a series of exercises dealing with strategies of visual communication through kinetic elements, letterforms and text, focusing on form, speed, rhythm, color, texture, and quality of motion. In the remaining 4 weeks of class you will develop a concept and create an animation following a complete iterative design process. The project is divided into four sections, each evaluated separately.

The content for your typographic animation should be a short excerpt of dialogue or monologue from a play, film, speech, or other source. Select a text that you find especially inspirational. An important goal of the project is to convey the “voice” behind the text through the design treatment. If you choose a dialogue with more than one character, consider how you can develop a distinct typographic voice for each role. Sound is optional, however the soundtrack should not be an audio duplication of the typography.

Part 1: Idea/Storyboard:
Select your text and sketch out 3 different ideas for how the text will be presented. Develop your ideas in the form of sketches and storyboards to be reviewed individually on Thu Feb 22. The quality of the sketches, storyboards and illustrations must be appropriate to communicate your idea and sufficient for a class discussion. Based on individual discussions, select one idea and develop a storyboard of at least 16 frames to be presented to the class during the Tue Feb 27 class session.

Part 2:
Produce an animatic of the entire sequence by sequencing and augmenting static images (due Thu Mar 1).

Part 3:
Implementation of your idea, produce a rough edit of the entire sequence for Thu Mar 8.

Part 4:
Complete your animation for the final screening on March 15. A final DVD for the class is due on Tue Mar 20. The DVD should contain your final project, the animatic from Part 2, and your four previous exercises from the class.




Research Report

Dynamic Typography topics : experts in animation, experimental typography, and type design

Norman MacLarin
Maurice Binder
Oscar Fischinger
Saul Bass
Pablo Ferro

Eric Gill
Frederic Goudy
Jan Tschichold
Stanley Morison
Herman Zapf
Adrian Frutiger
Matthew Carter
Jonathan Hoefler

Josef Albers
Otl Aicher
Wim Crouwel
Robert Massin
Milton Glaser
Paula Scher

Studio Dunbar
LettError
Tomato
Voyager


Your research report is a 15-minute in-class presentation to your peer students. This presentation is based on research into the chosen person/group. You may wish to follow a structure such as the following:

1 Introduction
Short statement about who the individual/group is and what they are known for.

2 Background
Biographical information, the life and times of your subject.

3 Description
Description of the person’s or studio’s work, achievements. Include as many visuals as you can to give a representative picture of their work.

4 Discussion
Why is the work significant to our context?

5 Conclusions
Your evaluation and opinions.

6 References

Make sure you find a minimum of three books, articles, essays, websites about the topic.
References should be based on the Chicago Citation Style.

Be certain to practice and time your presentation before presenting in class. You will be evaluated based on the substance of your research and clarity of your presentation. You may use HTML, Flash, or other web-accessible technology to present your topic. Only presentations accessible from the class website will be accepted. Optimize the amount of information per page, legibility of typography and images based on a presentation context and a screen resolution of 1024 x 768 pixels.