Motion Graphic DesignWeek 9

Motion Graphic Design :: Week 9

:: Calendar

Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7 Week 8 Week 9

8.21 8.23 8.28 8.30 9.4 9.6 9.11 9.13 9.18 9.20 9.25 9.27 10.2 10.4 10.9 10.11 10.16 10.18

CRITIQUE CRITIQUE CRITIQUE CRITIQUE CRITIQUE

Lesson: Intro to Flash; tweening

Lesson:Flash Tips; easing

HW - black square 10 sec. animation is due. Lesson: Flash tips; Motion guides.

Lesson: Flash tips; adding sound (the easy way)

Lesson: Flash tips

Lesson: Flash tips

HW – 10 second reanimation assignment is due. Lesson: Flash tips.

Lesson: Flash tips

Lesson: Flash tips

Lesson: Flash tips

HW – expression through type is due. Lesson: Flash tips.

Lesson: Flash tips

HW – midterm 1st draft or 1st Draft is due. Lesson: Flash tips.

Lesson: Flash tips

HW – midterm 1st draft or 2nd Draft is due. Lesson: Flash tips.

Lesson: Flash tips

MID-TERM – Motion Graphic Design Animation

MID-TERM – Motion Graphic Design Animation

INTRO DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

WORK DAY

Motion Graphic Design :: Week 9

:: Calendar

Week 10 Week11 Week 12 Week 13 Week 14 Week 15 Week 16

10.23 10.25 10.30 11.1 11.6 11.8 11.13 11.15 11.20 11.22 11.27 11.29 12.4 12.6

WORK DAY WORK DAY CRITIQUE WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY CRITIQUE CRITIQUE

Lesson: Flash tips

Lesson: Flash tips

HW – f inal designs due.

Lesson: Flash tips

HW - 1st draft of site due.

Lesson: Flash tips

HW - 2nd draft of site due.

Work Day; 1-1 feedback

Work Day; 1-1 feedback

NO CLASS – THANKSGIVING

NO CLASS – WORK WEEK

NO CLASS – WORK WEEK

FINAL – f lash w eb site

FINAL – f lash w eb site

Motion Graphic Design :: Week 9

:: This Week's Agenda

Mid-term Critique

TUESDAY:

Melissa 8:15-8:25

Ken G 8:30-8:40

Kerry 8:45-8:55

Yasu 9:00-9:10

---------break---------

Andrea 9:30-9:40

Brian M. 9:45-9:55

Angela 10:00-10:10

Shane 10:15-10:25

THURSDAY:

Bruce 8:15-8:25

Krystal 8:30-8:40

Brian H. 8:45-8:55

Jeff 9:00-9:10

---------break---------

Emily 9:30-9:40

--------- post mortem ---------

Motion Graphic Design :: Week 9

:: Lesson Final Assignment: Art 257+258 Flash Web Site

Figure out what flash site you are going to design and build Things to keep in mind:

Make sure that this site should be Flash (and not HTML)!!! What will be animated and what will be static? What elements will be interactive? Any advanced rollover states? What transitions will there be between pages/sections?

Begin designing either in Illustrator (for vector based designs) or Photoshop (for raster based designs) or both for a combination of graphic elements. Note: vector flash sites are lighter and more flexible, therefore the preferred design application for flash sites is Illustrator. Sketches, sketches, sketches!!!

Be prepared to start coding/building while you design. Be prepared to do some code tests while you design. The final design is due in two weeks!

Post a link to your design(s) off your class webpage before class.

Motion Graphic Design :: Week 9

:: Final Assignment Due: Week 16A Art 257+258 Flash Web Site

Assignment: create an advanced Flash web site. You can choose any site/client/idea that you want, however: your site must warrant the use of Flash versus HTML. In other words, if you ask yourself, “should this be an HTML site instead?” and the answer is “Yes” – then you should consider another idea.

Your final site should include: A custom preloader An animated intro Multiple pages/sections (minimum of 3) Transitions between pages/sections SWFObject and CSS for placing/publishing your flash into HTML

NOTE: You can NOT do your own Flash portfolio site.

Motion Graphic Design :: Week 9

:: Final Assignment Due: Week 16A Art 257+258 Flash Web Site

Objectives: To apply the skills learned in both motion graphic design and interface

programming 2 into one unified interface. Complete the creative problem-solving process from the preliminary

planning stage and exploration through revisions to the final product. Experiment by taking risks through the process of exploration during the

creative problem solving process. Demonstrate relevant contemporary responses to motion graphic design

and interface programming using ActionScript, HTML, and CSS. Analyze and apply the visual elements of line, shape, value, color, texture,

time, motion and the design principles of balance, rhythm, repetition, emphasis, contrast, variation, and unity to interface design assignments.

Incorporate typography, shape and sequential graphics/images in a time-based, interactive interface.

Analyze the way motion is used to convey sequential organization of information in time.

Demonstrate strong group communication skills and the ability to speak clearly during critiques.

Motion Graphic Design :: Week 9

:: Final Assignment Due: Week 16A Art 257+258 Flash Web Site

Format: Flash inside of an HTML page. Use a combination of Flash, SWFobject, HTML, and CSS to

design your site as it will appear in the browser. Post a link to your final site from both your Art 257 AND Art 258

class web pages!!