Transcript slide presentation :: week9

Motion Graphic Design
Week 9
:: Calendar
Week 1
8.21
Lesson:
Intro to
Flash;
tweening
Week 2
8.23
Lesson:
Flash
Tips;
easing
8.28
HW black
square
10 sec.
animatio
n is due.
Week 3
8.30
Lesson:
Flash
tips;
adding
sound
(the
easy
way)
9.4
Lesson:
Flash
tips
9.6
Lesson:
Flash
tips
Lesson:
Flash
tips;
Motion
guides.
INTRO
DAY
WORK
DAY
WORK
CRITIQUE DAY
Week 4
Week 5
9.11
9.13
HW – 10 Lesson:
second Flash
reanimati tips
on
assignm
ent is
due.
9.18
Lesson:
Flash
tips
Week 6
9.20
Lesson:
Flash
tips
Lesson:
Flash
tips.
WORK
DAY
WORK
DAY
WORK
CRITIQUE DAY
WORK
DAY
WORK
DAY
9.25
HW –
expressi
on
through
type is
due.
Week 7
9.27
Lesson:
Flash
tips
10.2
HW –
midterm
1st draft
or 1st
Draft is
due.
Lesson:
Flash
tips.
Lesson:
Flash
tips.
WORK
CRITIQUE DAY
WORK
DAY
Motion Graphic Design :: Week 9
Week 8
10.4
Lesson:
Flash
tips
10.9
HW –
midterm
1st draft
or 2nd
Draft is
due.
Week 9
10.11
Lesson:
Flash
tips
10.16
MIDTERM –
Motion
Graphic
Design
Animatio
n
10.18
MIDTERM –
Motion
Graphic
Design
Animatio
n
Lesson:
Flash
tips.
WORK
DAY
WORK
DAY
WORK
DAY
CRITIQUE CRITIQUE
:: Calendar
Week 10
10.23
Lesson:
Flash tips
10.25
Lesson:
Flash tips
Week11
Week 12
10.30
11.1
HW – final Lesson:
designs
Flash tips
due.
11.6
HW - 1st
draft of
site due.
Week 13
11.8
Lesson:
Flash tips
11.13
HW - 2nd
draft of
site due.
11.15
Work Day;
1-1
feedback
Week 14
Week 15
11.20
11.22
Work Day;
1-1
feedback
11.27
Week 16
11.29
12.4
FINAL –
flash w eb
site
12.6
FINAL –
flash w eb
site
CRITIQUE
CRITIQUE
NO CLASS
NO CLASS NO CLASS
–
– WORK
– WORK
THANKSGI
WEEK
WEEK
VING
WORK DAY WORK DAY CRITIQUE
WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY WORK DAY
Motion Graphic Design :: Week 9
:: This Week's Agenda

Mid-term Critique
TUESDAY:
THURSDAY:
Melissa
8:15-8:25
Bruce
8:15-8:25
Ken G
8:30-8:40
Krystal
8:30-8:40
Kerry
8:45-8:55
Brian H.
8:45-8:55
Yasu
9:00-9:10
Jeff
9:00-9:10
---------break---------
---------break---------
Andrea
9:30-9:40
Brian M.
9:45-9:55
Angela
10:00-10:10
Shane
10:15-10:25
Emily
Motion Graphic Design :: Week 9
9:30-9:40
--------- post mortem ---------
:: Lesson

Final Assignment: Art 257+258 Flash Web Site

Figure out what flash site you are going to design and build


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.




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?
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 timebased, 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!!
Motion Graphic Design :: Week 9