Image Image Image 01 Image Image Image Image Image Image Image Image Image Image
Scroll to Top

To Top

COMD 319 Spring 2012

 

Course Outline

 

Project 1 Assignment

 

Project 2 Assignment

 

Project 3 Assignment

 

Project 4 Assignment (to come)
http://www.youtube.com/watch?v=W4KUKABysP0&feature=related
http://www.youtube.com/watch?v=Pw7v02vP1YA&feature=related 
http://www.artofthetitle.com/2011/07/14/2011-emmy-nominations-for-outstanding-main-title-design/
http://www.youtube.com/watch?v=5XTLXloWNFI&feature=player_embedded#!
http://www.youtube.com/watch?v=FENM65aUIrQ&feature=related 
http://www.youtube.com/watch?v=0S0psXf-Y6s&feature=related

Infographic links

http://evolutionofweb.appspot.com/

http://politilines.periscopic.com/

http://lab.4muladesign.com/dribbble/

http://open.youyuxi.com/

http://paulrouget.com/e/infographicsInHTML5/

 

example 1 

example 2

example 3

example 4

 example 5

 

 

ePoetry Links

http://www.vispo.com/ 

http://www.panoplie.org/ecart/annie/index.htm# 

http://www.dyntypo.com/

Roman Cortes

conscious

love letters

War of the Worlds

 

After Effects Help Guide (pdf at top right corner)

working with vector files

Adobe After Effects on line Tutorials

video co-pilot

Class notes, general intro

Class notes, ease

Class Notes, 3-D effects

Class Notes, Jan 27, 2012

tutorial link for raining text

pre-comp tutorial 1

pre-comp tutorial 2: see page 52 in the manual

parent/child relationships: see page 130 in the manual

 

Type In Motion Project

Project Context

Kinetic typography is being increasingly used to add meaning and impact to static text. Examples include poetry, film and video titles, music videos, books. But it’s not always used well. Youtube is full of badly animated songs where text flies in from one side, then turns 90 degrees and more words fly in. The motion in no way connects to the meaning. Here are some bad examples:

http://www.youtube.com/watch?v=M5w75LMlDYo&feature=related

http://www.youtube.com/watch?v=xUNwr3ZZtF8&feature=fvwrel

http://www.youtube.com/watch?v=xquu9n8a1pI

 

But increasingly, designers are turning to motion to add dramatic power to their type.

Some are funny:

http://www.youtube.com/watch?v=ejweI0EQpX8

Others show a more nuanced approach:

http://www.atissuejournal.com/2009/12/09/”bored-to-death”-animated-type-title-sequence/

And still others become works of art in their own right.

http://www.youtube.com/watch?v=F9Ddb3SgoCg&feature=related
http://vimeo.com/1638546

But all of them share a desire to depict connotative meaning beyond denotative meaning. ie that the way the words move changes and affects what they mean.

 

Useful Links

After Effects Help Guide

Great resource for testing screen fonts

a terrific screen based type resource

great tool for playing with colour ideas

screen type resource 

great examples 

 

Typography guides

     Type Primer
     Word Spacing
     Small Caps
     Widows and Orphans
     Oldstyle Figures
     Justified Type
     Hyphens and Dashes
     Mac Keyboard layout 
     Proofreader’s Marks