Final Motion Typography

Final Booklet

A bit more inspiration I found

I am doing a research project in my ENGL 598 (Honors Proseminar of Genre) class and I wanted to look into how communication is changing from a heavy focus on the written word to the visual image (from traditional print to the digital screen). Anyways, while thinking about writing vs. speaking (including gestures) vs. writing or speaking plus sound/image (in the form of motion graphics) I came across these as some of my examples for my presentation. They are also inspiring to me because I am currently making a typographic animation. Enjoy!

MK12 Website

Let the Drummer Kick

Stop and Think

(vimeo link)

The Hush Sounds -- The Lion Roars

Work in Progress Animatic

Here is the edition of Reagan's Speech (as you can tell I've only full animated about the first 25 seconds) But I am really happy with how it is turning out. I hope to add more clever details (like the "v" in "divide" that cuts through the word "Berlin") through out the video and work on transitions. The music and speech audio have been added to this version.

Storyboard + Speech Music Options

Here is my rough storyboard for the layout of the spreads/notes on ideas for motion.

I wanted something intense and powerful to convey the meaning of the words more dramatically (since President Reagan's voice in this speech is not very emotional) as well as the rough animation of the speech so far.

And here is the speech audio and music put together in a rough motion type video:

Final Draft for Speech Book

Here are a few pages from my final draft for the speech book.....

I tried to make the pages flow together better by having elements from one page continue or align on the following spread (for example, several pages feature a black or white emphasized line or section--as exemplified in these couple spreads). I also wanted to give the typography a little more life (to further reflect President Reagan's voice inflections) so I added more bold, italic, and leading to stress the meaning of the certain words. I fixed some of the spacing issues and attempted to make the spacing look intentional.

Title Sequence: Inspiration

This is by far one of my favorite animated title sequences for a movie. It was designed by Susan Bradley for the animated film Monsters, Inc. The color and music create a fun, upbeat rhythm for the shapes (namely doors) and creatures (various monsters) to interact and move along with. The bright color scheme and playful movement of the various visual elements perfectly represents the mood of the movie: It is a film about kids and "adults" (monsters) that can be enjoyed and understood by all ages. The motion of the moving doors creates the perfect kinetic flow for the typography to follow. The designer was brilliant with all the interaction of image and type. The way the doors open to reveal the credits or pour them out only to have the monsters gobble them up and spit them out. The motion of the typography also makes it expressive because it gives it character (almost like it has a mind of its own -- especially the little "m" that runs away from the monster and reappears later). The entire sequence transitions so well from one line of credit to the next, it almost seems seamless.