Motion Graphic Design
Motion Graphic Design introduces the basic principles of animation using the basic tools of graphic design. Geared mainly toward applications for the web, students in this course work on projects that combine elements of shape, image, typography, and sound in time-based presentations.
SYLLABUS:
MAJOR ASSIGNMENT LIST:
| # |
Assignment: |
Due: |
| 1 |
10 Second Black Square Animation |
Week 2 |
| 2 |
10 Second Re-Animation |
Week 4 |
| 3 |
Typography in Motion Animation |
Week 6 |
| 4 |
Motion Graphic Design Animation - [MIDTERM] |
Week 9 |
| 5 |
Flash Web Site - [FINAL] |
Week 16 |
CALENDAR:
WEEKLY SCHEDULE + DIGITAL ASSETS:
Click on the top bar for each week to expand or collapse the contents, or you can expand all weeks or collapse all weeks.
Lesson:
Class examples + related links:
Assignment: Due: Week2A
- Set up your class web page.
- 10 Sec. Blacks Square Animation.
Lesson:
Class examples + related links:
Assignment: Re-AnimationDue: Week4A
- Begin by choosing 10 seconds of any flash animation to recreate.
- Storyboard your re-animation.
- Create an animatic.
- Animate it.
Lesson:
Class examples + related links:
Assignment: Re-AnimationDue: Week4A
- Choose 10 seconds of any flash animation to recreate.
- Storyboard your re-animation.
- Create an animatic.
- Animate it.
Lesson:
Class examples + related links:
Assignment: Written CritiqueDue: Week 4B
- On your own time, watch each student's re-animation assignment
- Then email me two sentences per student: one sentence should be positive, the other should be critical.
Assignment: kinetic typography - expression through typeDue: Week 6A
- Choose a few sentences from anywhere you like (a line from a book, a quote from a speech, a line from a movie, a line from a song, etc.) or make up your own.
- Then bring the sentence to life by animating the letters and words using Flash.
Lesson:
Class examples + related links:
Assignment: kinetic typography - expression through typeDue: Week 6A
- Choose a few sentences from anywhere you like (a line from a book, a quote from a speech, a line from a movie, a line from a song, etc.) or make up your own.
- Then bring the sentence to life by animating the letters and words using Flash.
Lesson:
Class examples + related links:
Mid-term Assignment: Motion Design Animation Project [MIDTERM]Due: Week9A
- Choose a format (title sequence, logo animation, experimental animation, flash intro, music video, short film, etc.).
- Start by figuring out the audio, writing the script, and storyboarding.
- Graded drafts will be due weekly. 1st round drafts are due next week.
Lesson:
Class examples + related links:
Mid-term Assignment: Motion Design Animation Project [MIDTERM]Due: Week9A
- Continue working on your animation.
- 2nd round drafts are due next week.
Lesson:
Class examples + related links:
Mid-term Assignment: Motion Design Animation Project [MIDTERM]Due: Week9A
- Continue working on your animation.
- Final version is due next week.
Lesson:
Final Assignment: Art 257+258 Flash Web SiteDue: Week 16B
- Decide what your flash site will be - the choice is yours. Examples: you can make up your own site, choose a hypothetical client, redesign an existing site, or find a real client and build a real site.
- Start designing your flash site right away. Start with sketching, then work in either Illustrator, Photoshop, or Flash to begin creating your site design.
- ----- [ to see course content for weeks 10-16 please visit the art 258 web page ] -----
- ----- [ to see course content for weeks 10-16 please visit the art 258 web page ] -----
- ----- [ to see course content for weeks 10-16 please visit the art 258 web page ] -----
- ----- [ to see course content for weeks 10-16 please visit the art 258 web page ] -----
- ----- [ no class on Thursday (Thanksgiving) ] -----
- ----- [ we will not meet for class during this work week ] -----
- ----- [ to see course content for weeks 10-16 please visit the art 258 web page ] -----