Kinetic+Typography

=OVERVIEW= toc To understand and appreciate the implications of using time as a fundamental design element. As in film and live performance, the use of time allows the graphic designer to show the reader/viewer/audience precisely what s/he wishes when s/he wishes. Kinetic typography is fundamentally different from static typography on a page, and those differences are explored with this project.

Students are to find a sound clip that contains words that are either spoken or sung. It can be poetry, music, stage or screenplay, but preferably something that offers a range of emotions. Visually represent your selected text by expressing the content with typographic elements sequenced over a span of time. Carefully consider the variables listed below, as well as the relationship of the spoken word to the visible and dynamic word.

This project will count as your summative and is worth 20% of your final grade.

@https://www.youtube.com/playlist?list=PLc3Pk2NSJ5PRFR8YG1bfoJgmEtnxGQqxj

=CONSIDERATIONS AND SUGGESTIONS= Consider your variables: typeface, typesize, weight, color, texture, focus, orientation, location; entrance, performance, exit; sequence, speed, pacing, transition, transformation, time; tone of voice, emotion, feeling, atmosphere, interpretation.

Read your text out loud or listen to it several times to hear how it sounds. Parse and make notations of the sequence and the rhythm of sounds and pauses. Visualize the sequence of sounds and pauses, and explore various ways to visualize what you hear. Allow your solution to emerge from your explorations. Be bold. Be brave. Be sensitive.

=REQUIREMENTS=
 * You may use any sound clip that you like
 * Sound clip must be free of any offensive or derogatory comments
 * May not include any vulgar language
 * Must be approved before you may begin
 * Must be 45 seconds to 1 minute in length
 * You may use and of the design/animation software available to you
 * ie. Photoshop, Illustrator, After Effects
 * May NOT include any images or animations from the Internet
 * Must be designed in Illustrator before beginning
 * Size of the movie must be 1280 X 720 (HD)
 * Frame rate is 24 fps

=RESOURCES= FONTS @http://cgi.tutsplus.com/articles/10-free-amazing-motion-design-fonts--ae-20422

=PROCESS= Your first task is to choose your sound clip. As mentioned earlier, this may be a song, poem, movie sound clip, or even spoken word. Provided the clip can be showcased as an animation you can use it. Please be sure to view the requirements above and see your teacher once you have your clip to ensure you are allowed to use it. || Once your clip has been approved, create a storyboard that will demonstrate how your animation will look. Don't get lazy here. Be sure to view the rubric to ensure you get the best mark possible.
 * [[image:mhsanimation/Task.jpg width="57" height="47"]] || ==1. Choose Your Sound Clip==
 * [[image:mhsanimation/Task.jpg width="57" height="47"]] || ==2. Create your storyboard==

How will the fonts look? If they're supposed to be big and blocky why did you draw them thing? Colours can be written on the side. Do not feel you have to colour it in. Draw arrows to show movement and/or write a description to explain what will be happening.

The best storyboards are the ones where you do not have to be there to explain it. It's all there on the paper.

Get your storyboard approved by your teacher before beginning.

|| Once your storyboard is complete, it's time to create your layout in Illustrator. Be sure to have each item that will be animated on it's own layer and it would be a good idea to rename the layers for organization purposes. As well, divide your animation up into different sections. Each section should have it's own artboard. Be sure to view the suggestions above. Save each artboard to a different file when you are done.
 * [[image:mhsanimation/Task.jpg width="57" height="47"]] || ==3. Layout in Illustrator==

You will want to get constant feedback at this stage.

|| Once you are finished, import your artboards to After Effects and get animating. Use the settings listed above and be sure to follow your storyboard. ||
 * [[image:mhsanimation/Task.jpg width="57" height="47"]] || ==4. Import and Animation in After Effects==

=TIMELINES=
 * Proposal and Sound Clip:** Tuesday, June 3rd
 * Storyboard:** Friday, June 6th
 * Illustrator:** Tuesday, June 10th
 * Flash Animation:** Tuesday, June 17th

=EVALUATION= See the rubric in Google Drive