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://paulrouget.com/e/infographicsInHTML5/
ePoetry Links
http://www.panoplie.org/ecart/annie/index.htm#
After Effects Help Guide (pdf at top right corner)
Adobe After Effects on line Tutorials
tutorial link for raining text
pre-comp tutorial 2: see page 52 in the manual
parent/child relationships: see page 130 in the manual
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
Great resource for testing screen fonts
a terrific screen based type resource
great tool for playing with colour ideas
Typography guides
Type Primer
Word Spacing
Small Caps
Widows and Orphans
Oldstyle Figures
Justified Type
Hyphens and Dashes
Mac Keyboard layout
Proofreader’s Marks