Type and image have the potential to (literally) take on another dimension when used in motion graphics. As with our previous work, this project will explore the process of combining \u201ctraditional\u201d graphic design elements (such as composition, color, shape, depth, contrast, etc.) with time-based design elements (such as pacing, rhythm, and sequence), with a specific focus on typography and the dynamic, unique communicative potential of type in motion.<\/p>\n\n\n\n
For Project 2, you will begin by finding an audio clip of a spoken quote that is of personal interest to you. This audio can be contemporary or historic, can come from a speech, a news broadcast, a movie or television show, a podcast, comedy set, poem, or book\u2014just choose something that you\u2019re excited to work with because both the topic and manner of speech seem interesting to you.<\/p>\n\n\n\n
The audio clips should be approximately 20-40 seconds long, and should be spoken rather than sung (you will have the opportunity to use music in our final project). From your selected audio clip, you will create a kinetic piece that focuses on the ability of moving type and image to effectively and thoughtfully communicate the story being told in your audio clip. Sound and carefully considered supporting imagery will also be important in the communication of your message and evolution of your narrative.<\/p>\n\n\n\n
Your finished piece should be a dynamic and unique communicative experience. Remember to include the source \/ attribution of your audio clip in your piece (we will discuss this in class).<\/p>\n\n\n\n
_________________ + Incorporation of typography, image, color (etc). _________________<\/p>\n\n\n\n FINAL DELIVERABLES:<\/strong><\/p>\n\n\n\n + Sketch process – Pencil sketches and storyboards _________________<\/p>\n\n\n\n PROCESS:<\/strong><\/p>\n\n\n\n Research<\/strong> (This should include who is speaking, a brief context of when it was said if possible, and the actual source and date. For example: President Obama, Addressing the Nation in the State of the Union, The New York Times, January 15, 2013).<\/p>\n\n\n\n Concept Development<\/strong> Design Development<\/strong> Final project deliverables \u2014 Project 2 Final, Final Storyboard of sequence.<\/p>\n\n\n\n _________________<\/p>\n\n\n\n NOTES ON LOOKING FOR QUOTES + SOURCES:<\/strong><\/p>\n\n\n\n + Quotes could be current news, history, pop-culture related… _________________<\/p>\n\n\n\n OBJECTIVES<\/strong>:<\/p>\n\n\n\n + Introduction to kinetic type and image as a narrative tool<\/p>\n\n\n\n + Consider \u201ctraditional\u201d typographic characteristics (typeface, type size, kerning, tracking, leading, etc.) in addition to characteristics of kinetic type (kinetic ” behavior”)<\/p>\n\n\n\n + Emphasis on the visual language of typography (its relationship to and visual interpretation of the content)\u2014not just the written language of the words themselves<\/p>\n\n\n\n + Continue to investigate the combination of \u201ctraditional\u201d design attributes (color, composition, shape, depth, tension, contrast) and \u201ctime-based\u201d attributes (progression, pacing, rhythm, sequence, velocity, kinetic behavior)<\/p>\n\n\n\n + Continue to investigate the development of a narrative arc<\/p>\n\n\n\n + Develop a more advanced and complex relationship between audio and moving visual elements<\/p>\n\n\n\n + Continue to develop technical After Effects skills<\/p>\n\n\n\n _________________ Wednesday, February 25:<\/strong> Project Intro<\/p>\n\n\n\n Monday, March 2:<\/strong> Tech demo \/ studio work time Wednesday, March 4: <\/strong>Small Groups \/ Working Session Monday, March 9:<\/strong> Class Critique: Concept Directions \/ Working Session Wednesday, March 11:<\/strong> Small group Critique cont. Monday, March 23:<\/strong> Wednesday, March 25:<\/strong> Monday, March 30:<\/strong> Class Critique _________________<\/p>\n\n\n\n News Flash Project Inspirations<\/strong><\/p>\n\n\n\n https:\/\/vimeo.com\/127049709 _________________<\/p>\n\n\n\n RELATED TUTORIALS FOR PROJECT:<\/strong><\/p>\n\n\n\n Kinetic Typography Tutorial (Crooked Gremlins) Same tutorial in text form: Lynda.com Effects: Working With Track Mattes: Setting up Null Object for Camera Control:
PROJECT PARAMETERS:<\/strong><\/p>\n\n\n\n
+ Incorporation of sound spoken word, sound effects, music (?)]
+ Composition size: 1920 x 1080 px
+ Duration: 30-40 seconds (This duration includes the incorporation of your source and attribution information.)<\/p>\n\n\n\n
+ Key Frame Comps
+ Final End Frame
+ Rough draft video
+ Final video<\/p>\n\n\n\n
+ Seek and find an audio statement \/ content culled from sources such as TED Talks, etc.
+ Length: The content should be approximately 20-40 words long.
+ Include the source \/ attribution and context, approximately 10-15 words<\/p>\n\n\n\n
Develop 3 distinctly different design concepts for your News Flash project. Concepts should be represented by digital “key frame comps” (Illustrator). Comps will show three different concepts for visual language, typography, and other design elements. Be prepared to discuss your concept directions and verbally support your design choices. <\/p>\n\n\n\n
Based on the feedback and critique you received in class, further develop and refine the chosen design direction for presentation and critique.<\/p>\n\n\n\n
+ TED Talks, https:\/\/www.ted.com\/<\/a>
+ Fox and Friends, https:\/\/www.foxnews.com\/shows\/fox-and-friends<\/a>
+ State of the Union, https:\/\/www.whitehouse.gov\/sotu\/<\/a>(etc…)<\/p>\n\n\n\n
SCHEDULE:<\/strong><\/p>\n\n\n\n
Due this class:<\/strong> Read chapter 9, \u201cTypography in Time and Motion,\u201d from Typographic Design: From and Communication (PDF provided below in Resources section)
Research audio track options.<\/p>\n\n\n\n
– Due this class: audio choices\/options.
\u2013 Begin exploring visual language (typography, imagery\/image treatment etc. – can be illustration, abstract visual language, photographic, etc.) and color palette.<\/p>\n\n\n\n
Due this class:<\/strong> Three distinctly different visual concepts for your News Flash project.
\u2013 Sketch widely to define three possible visual language concept directions.
\u2013 Concepts should be represented by digital “key frame comps” (Illustrator). Comps will show three different concepts for visual language, typography, and other design elements. Be prepared to discuss your concept directions and verbally support your design choices.
\u2013 Also due today: your chosen audio clip, cut to the correct length
Working session:<\/strong>
\u2013 Begin to work on the storyboard for your chosen concept direction.<\/p>\n\n\n\n
– Revised key frames for chosen concept based on feedback
\u2013 Storyboard for selected concept direction (base all of your concepts off of your chosen audio clip).
The number of frames in your storyboard can vary depending on your audio selection, but most will likely average 8-12 frames.
– First Draft of at least 10-15 seconds (approximately one half of full piece)
>> Spring Break March 16 – 19: No Classes <<<\/strong><\/p>\n\n\n\n
Due :<\/strong> First Full Draft of News Flash Project for Class Critique (30-40 seconds) <\/p>\n\n\n\n
Working session \/ One-On-Ones<\/p>\n\n\n\n
Due this class:<\/strong> Refined Full Draft<\/p>\n\n\n\n
<\/a>https:\/\/vimeo.com\/180541460
<\/a>https:\/\/vimeo.com\/127558855
<\/a>https:\/\/vimeo.com\/127549438
<\/a>https:\/\/vimeo.com\/127421575
<\/a>https:\/\/vimeo.com\/209305847
<\/a>
https:\/\/vimeo.com\/70753605
<\/a>https:\/\/vimeo.com\/70579329
<\/a>https:\/\/vimeo.com\/70162676
<\/a>https:\/\/vimeo.com\/68589520
<\/a>https:\/\/vimeo.com\/68759183
<\/a>https:\/\/vimeo.com\/71554079<\/a><\/p>\n\n\n\n
http:\/\/vimeo.com\/1271357<\/a>
Puppet Tool Tutorial
https:\/\/helpx.adobe.com\/after-effects\/using\/animating-puppet-tools.html<\/a><\/p>\n\n\n\n
http:\/\/bundlr.com\/clips\/4e491c3cb5fedf000100034b<\/p>\n\n\n\n
http:\/\/www.lynda.com\/After-Effects-tutorials\/Kinetic-Typography-Techniques-After-Effects\/123481-2.html<\/a><\/p>\n\n\n\n
http:\/\/www.videocopilot.net\/basic\/tutorials\/02.Effects\/<\/a>
Adding effects; working with presets palette<\/p>\n\n\n\n
http:\/\/www.youtube.com\/watch?v=SyL-zjMlxnA<\/a><\/p>\n\n\n\n
http:\/\/www.youtube.com\/watch?v=kP9LyCYhv-w<\/a><\/p>\n\n\n\n