Saturday, October 17, 2009

Flash animation recap


So in typography we created a flash video depicting 2 fonts and how they mesh together via animation. In an earlier post you can find the complete animation. in this post you will find the process of creating the content for the Flash video.

On the left is one of multiple scans of drawings cropped from 2 different fonts. My letter was m. This is a set of drawings for the font, ITC New Baskerville STD.
The goal was to crop interesting parts of the letter that have a good contrast in positive and negative space.


The other font chosen was Utopia.
further in the project I omitted utopia m's and replaced them with Bell Gothic STD to help the viewer see the change when we reached the flash portion of the project. Bell Gothic has no serifs which increased the difference in the 2 font choices   The change was good example to how 2 fonts can be similar and further more hard to tell apart based on what your using the type face for.




This second image are the vectorized versions of my chosen cropped views. notice Im still using Utopia at this point. (both sets of four have serifs)

All are re sized and have cleaned up appearance.
 
The third image is 3 diffrent animation sequences.
This is kind of story board style. By adding this part in before hitting the flash tools, a designer can help map out directional movement to get a more natural movement. Its also useful to help show your ideas for an animation to team members, other designers, or colleagues before the actual animation comes in. This will help save a designer lots of time in case he makes an animation and the client doesn't like the movement of the object or type.

next we chose images to mask in our animations, from this point on everything was primarily digital.
we ended with our complete animations.  Mine was not furnished with sound at the turn in date. But i utilized some digital sound editing and recording tools to create a music loop featuring myself on dejembe and my girlfriend Harmony lovell on guitar to add into my animation.

No comments:

Post a Comment