1. Motion Graphic Design Week 2

2. Motion Graphic Design :: Week 2 :: Calendar

3. Motion Graphic Design :: Week 2 :: This Week's Agenda  Critique:  Black Square Animations  Flash tips & Techniques:  Motion guides  Adding Sound  How to storyboard  What is an animatic?

4. Motion Graphic Design :: Week 2 :: Example  Six Feet Under Title Sequence  http://www.hbo.com/sixfeetunder/credits/index.shtml

5. Motion Graphic Design :: Week 2 :: Example  Latin Alive  a short film by Stefan Nadelman  Web site:  http://touristpictures.com/latinalive/latinalive.html  A link to the film online:  http://homepage.mac.com/stefannadelman/latinalive/latin_ alive-320x240.mov  Created with Adobe Premiere, Macromedia Flash 4, Adobe Photoshop, and Adobe Illustrator.

6. Motion Graphic Design :: Week 2 :: Example  PBS Kids Banana Cream Short  http://pbskids.org/bts/makeashort/seeourshorts/

7. Motion Graphic Design :: Week 2 :: Suggested Folder Structure School Stuff Works in Progress UH Website public_html

8. Motion Graphic Design :: Week 2 :: Suggested Folder Structure School Stuff Works in Progress Art 257 Art 249 Art 128 Art 258 UH Website public_html art128 art249 art258 art257

9. Motion Graphic Design :: Week 2 :: Suggested Folder Structure School Stuff Works in Progress Art 257 Art 249 Art 128 Art 258 UH Website public_html art128 art249 art258 art257 public_html art128 art249 art258 art257

10. Motion Graphic Design :: Week 2 :: In the Corporate World Projects Project Name Account Technology Design PSDs public_html css images Assets From Client Flash Images public_html css images

11. Motion Graphic Design :: Week 2 :: Assignment Due: Week 4A 10 second Re-Animation Assignment (including Storyboard and Storyboard Animatic)‏ purpose/objective: To analyze an existing animation, to solve a visual time-based design problem using hand drawn sketches in order to communicate a narrative visual message, and to understand the component layers of an animation. assignment: Choose a 10 second segment of any flash animation to analyze, storyboard, and recreate. There are three parts to the assignment: 1.Using marker and paper, sketch a storyboard sequence of no less than 8 slides. 2.Scan your images and make a digital slideshow using Flash. Animate certain elements if necessary. 3.Recreate a polished version of the 10 second animation in Flash format: three different deliverables in multiple formats: storyboards – 8.5” x 11” or 600x800 pixels: jpeg or gif 4 slides per sheet or 8 slides per sheet. animatic – 30 fps, 640x480 flash.swf final recreated animation – 2 versions @ 30 fps flash.swf (full resolution - 640x480)‏ quicktime.mov (half resolution - 320x240)‏ post all of the above on your class web site and provide a link for us to view it off of your main class web page.

12. Motion Graphic Design :: Week 2 :: In-class Activity  Template demonstration:  Making a storyboard template sheet in Illustrator  Work on your next assignment: Re-Animation  Storyboards  Animatic  Final Re-Animation