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

2. Art 257 :: Motion Graphic Design :: Week 1 :: A In-class Presentation :: Example  INSTRUCTOART  Matthew Vescovo - "Master of the Obvious” http://www.instructoart.com http://www.instructoart.com  Online examples:  http://www.boardsmag.com/art icles/online/20030827/mtv.html http://www.boardsmag.com/art icles/online/20030827/mtv.html  Hornet Inc.  http://www.hornetinc.com http://www.hornetinc.com

3. Art 257 :: Motion Graphic Design :: Week 1 :: A In-class Presentation :: Introduction  In this class we will using Flash 8 to learn basic 2D animation principles and techniques, to create several animations, and to create a fully functional flash web site for the final project.  The final project will be merged together with the final project for Art 258 – Interface Programming 2.  What is motion graphic design?  What does the term multimedia mean?  Image + Text + Sound + Time

4. Art 257 :: Motion Graphic Design :: Week 1 :: A In-class Presentation :: “A” and “B” Days  Every Tuesday, or “A” day, will be a lecture/lesson day where we will learn new material and techniques.  Every Thursday, or “B” day, will be an in-class working day where I will be available to walk around, answer questions, and help people out on a 1-1 basis.  Please come to class every Thursday with your project source files ready to work in class!  I may prepare very short, brief lessons for “B” day Thursdays as well (especially early in the semester).  All homework assignments will be due on Tuesdays, or “A” days – giving you the weekend to work on your projects before they are due.

5. Art 257 :: Motion Graphic Design :: Week 1 :: A In-class Presentation :: Questions?  Now is your chance to ask questions regarding the scope of the class and the projects that we will undertake.

6. Art 257 :: Motion Graphic Design :: Week 1 :: A In-class Presentation :: Lesson  Introduction to the Flash 8 interface  Working with the timeline  Flash drawing tools  Animation basics  Shape tweening  Motion tweening

7. Art 257 :: Motion Graphic Design :: Week 1 :: A In-class Presentation :: Assignment due : 8.29.06  Create a class web site for yourself to post all assignments  The url should be http://www2.hawaii.edu/~yourname/art257/index.html  10 second “black square problem”* flash animation  purpose/objective: To solve a time-based design problem using simple geographic shapes in order to communicate a thematic visual message.  assignment: Using only black squares create a 10 second flash animation that conveys one of the following themes: order, increase, bold, congested, tension, or playful. Pick one and animate it using only black squares.  format: 640x480, 30 frames per second  flash.swf  post this swf on your class web site and provide a link for us to view it off of your main class web page. *assignment adapted from Visual Literacy: A Conceptual Approach to Graphic Problem Solving by Judith Wilde, Richard Wilde

8. Art 257 :: Motion Graphic Design :: Week 1 :: A In-class Presentation :: How to begin your Assignment  Sketch first! Storyboards!  Setting up your document (size & fps)  dimensions: 640 x 480  frame rate: 30fps  try making a universal graphic (a black square) in the library  try nesting graphics and animations  use multiple layers  try using both motion tweens and shape tweens