1. Kapi’olani Community College Art 257 Motion Graphic Design In-class Presentation Week 2A

2. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: Example  Six Feet Under Title Sequence  http://www.hbo.com/sixfeetund er/credits/index.shtml http://www.hbo.com/sixfeetund er/credits/index.shtml

3. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: Example  Latin Alive  a short film by Stefan Nadelman  Web site:  http://touristpictures.com/latina live/latinalive.html http://touristpictures.com/latina live/latinalive.html  A link to the film online:  http://homepage.mac.com/stef annadelman/latinalive/latin_ali ve-320x240.mov http://homepage.mac.com/stef annadelman/latinalive/latin_ali ve-320x240.mov  Created with Adobe Premiere, Macromedia Flash 4, Adobe Photoshop, and Adobe Illustrator.

4. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: Today’s Agenda  folder structure clarification  critique  black square animations

5. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: Lesson  Folder Structure Clarification

6. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: Last year’s Art 128 Folder Structure School Stuff Art 128 Final Project Time Warner Site Account Design PSDs Technology public_html css images

7. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: Suggested Folder Structure School Stuff Works in Progress UH Website public_html

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

9. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: The Relationship to the UH web server School Stuff UH Website public_html art128 art249 art257 art258 WWW2 Server Your Username public_html art128 art249 art257 art258

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

11. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: Assignment due : 9.12.06  Latin Alive 10 second Storyboard, Storyboard Animatic, and Re-Animation Assignment  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 Latin Alive 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 of gif  4 slides per sheet or 8 slides per sheet.  animatic – 2 versions @ 30 fps, 320x240  flash.swf  quicktime.mov  final recreated animation – 2 versions @ 30 fps, 320x240  flash.swf  quicktime.mov  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. Art 257 :: Motion Graphic Design :: Week 2 :: A In-class Presentation :: in-class activity  Template demonstration:  Making a storyboard template sheet in Illustrator