GDES 81 Motion Graphics with After Effects at Mission College


Mission College Graphic Design and Multimedia Website

More Links
Get a copy of the syllabus Get a blank storyboard here. Motion Graphics Resources
DMA/LA : Digital Media Artists / Los Angeles Rotoscoping in AE : Adobe After Effects Video Tutorial Adobe Video Workshop(free video tutorials)
Free After Effects video tutorials from Creative Cow Growing Design Elements in After Effects fro Creative Cow  

Projects and Homework

Fall 2008
Day Subject for the Day Due Next Time
Day 1

Introductions.

Look at work.

Try out After Effects

Read pages 1-32 in Motion Graphic Design

Day 2

Video Capture.
Intro AE interface
Projects
Compositions

Read pages 33-67 in Motion Graphic Design

Bring in example of motion graphics next time.
You can bring in a digital file, VHS tape, DV tape, or a DVD.
Be prepared to discuss.

Bring in camera if you want to practice capturing your own footage.

Day 3

Bring in example of motion graphics today.

Read Ch. 9 in Motion Graphic Design. Be prepared to discuss.

Assignment 1:
Option 1:
Create a motion graphics piece that uses animated stills and/or video to present a portrait of a person. Do not use text for this exercise. Match the style and tone of the piece to the personality of the person. A storyboard of your idea is due next week. Get a blank storyboard here. Project is due in 3 weeks.

Option 2:
Create an animation using shapes, images and/or music that expresses 1 of the following words:

  • chaotic
  • peaceful
  • exciting
  • sophisticated
  • energetic
  • angry

Specifications are:

  • h.264 file (720x480 pixels)
  • Use basic transformations
    • scale, opacity, position, rotation
  • Duration:15 sec to 2 min
  • Use at least 5 footage items of at least 2 different types(bitmap, vector, video)
  • Audio is optional

Day 4
Sept 24

  • Review Chapter 2
  • Look at student examples
  • Look at storyboards
  • Questions for look and feel
  • After Effects:
    • Finish keyframes/animation(pan behind)
Storyboards for Assignment 1 due. Bring in as file or hard copy.
Day 5
Oct. 1
  • Look at work in progress
  • Planning Strategies from Chapter 9
  • After Effects:
    • Spatial and temporal interpolation
    • Keyframe Assistant/ease in ease out
    • Hold keyframes.
    • Blending modes
  • Car Exercise
Bring in what you have for Assignment 1 work in progress check.
Day 6
Oct. 8
Look at more student examples and rough versions
    Animation Principles:
  • Sequencing Events:
    • Birth Life and Death from Motion Graphic Design
  • Choreographing Motion:
    • Direction, Velocity
  • Principals of Motion:
    • Squash and Stretch
    • Exercise
    After Effects:
  • Previews
  • Layers
Rough version of Assignment 1 Due
Day 7
Oct. 15
  • Rendering
  • Render Assignment 1
  • Look at Assignment 1
  • Intro Assignment 2
  • Look at Bumper and interstitial examples
    After Effects:
  • Audio
  • Start Text

Read Chapter 5 in Motion Graphic Design

Final Version of Assignment 1 Due
We will go over the render process in class, and you can render than if you have not already. Render out as a quicktime h.264 file.

Assignment 2:
Do the option that you did not do from assignment 1,
or
,
do a tv show promo of exactly 15 seconds.
This clip can contain edited footage from the show, animated graphics and/or text. Do a basic thumbnail storyboard for next week.

This could be called an interstitial, which is any animated element in broadcast television that caries branding and/or promotional information such as upcoming programs. Interstitial elements are not commercial spots, programs, or newscasts. In other words, they are considered packaging, not content.

Another term that might apply is bumper , which is a short clip of animation which is broadcast at the end of a program segment, but before a commercial, or at the beginning of a program segment, but after a commercial. These elements effectively create a bumper between programs and commercial spots.

Basically interstitials and bumpers are those funny/odd little bits of video or animation that acts as transitions between longer segments that air on TV.

Specifications are:

  • h.264 video at NTSC resolution(720x480)
  • Use basic transformations
    • scale, opacity, position, rotation
  • Duration:15 sec to 2 min
  • Use at least 5 footage items of at least 2 different types(bitmap, vector, video)
  • Audio is optional

 

Day 8
Oct. 22

Look at Assignment 1

Look at Assignment 2 storyboards

Shape psychology.

    After Effects:
  • More text
  • Masks
    • Koop Summer Sun Video
Thumbnail storyboard for Assignment 2 due.
Day 9
  • Look at Assignment 1
  • Look at Assignment 2 storyboards
  • Shape and form from design website.
    After Effects:
  • More masks with nested compositions
    • Grow a flower
  • Track Mattes
    • Fly through text
  • Parenting
 
Day 10
Nov. 5
  • Work in progress check for assignment 2
  • Shape and form from design website.
  • Big machine interview.
    After Effects:
  • Parenting
  • Effects
Work in progress check for assignment 2

Day 11
Nov. 12

    After Effects:
  • Color Keying
  • Painting

Assignment 2 Due

Start Final Project

Day 12

Look at thumbnails

Audio Interview:motion graphics designer from Big Machine Design
3D Layers

Thumbnail storyboard for Final Project due.

Continue work on final project.

Day 13
Nov. 26

LAB DAY?

  • Motion Sketch
  • Smoother
  • Puppet tool
  • Expressions
Continue work on final project
Day 14
Dec. 3
  • Expressions
  • Motion Sketch
  • Smoother
  • Roto bezier masks
  • Brainstorm
  • Tracking Footage
  • Puppet tool
  • The repeater
Work in Progress check for Final Project
Day 15
Dec. 10

Look at Final Projects

    After Effects
  • Roto bezier masks
  • Brainstorm
  • Tracking Footage
  • The repeater

Review for final exam

Final Project Due
Day 16
Dec. 17
Final Exam

Bring in your Semester Lab Record filled out for the semester.

Final Exam


Fall 2006
Day Subject for the Day Due Next Time
Day 1 Introductions.
Look at work.

Read Ch. 1 in Motion Graphic Design

Day 2

Saul Bass
http://www.commarts.com/CA/feapion/bass/
http://www.saulbass.net/
http://www.digitalmediafx.com/
Features/saulbass.html

http://www.designmuseum.org/
design/index.php?id=3

Video Capture.
Intro AE interface
Projects
Compositions

Bring in example of motion graphics next time.
You can bring in a digital file, VHS tape, DV tape, or a DVD.
Be prepared to discuss.

Bring in camera if you want to practice capturing your own footage.

Day 3

Look at Motion Graphic Examples.
Pablo Ferro
http://www.pabloferro.com/index3.htm
http://www.chrysler.com/
design/design_influences
/design_awards/1999/pferro.html#

Continue AE interface.
Keyframes and Timeline.

Bring in example of motion graphics today.

Read Ch. 2 and 3 in Motion Graphic Design. Be prepared to discuss.

Assignment 1:
Option 1:
Create a motion graphics piece that uses animated stills and video to present a portrait of a person. Do not use text for this exercise. Match the style and tone of the piece to the personality of the person. Due in 3 weeks.

Option 2:
Create an animation using shapes, images and/or music that expresses 1 of the following words:

  • chaotic
  • peaceful
  • exciting
  • sophisticated
  • energetic
  • angry

Specifications are:

  • DV/NTSC video (720x480)
  • Use basic transformations
    • scale, opacity, position, rotation
  • Duration:15 sec to 2 min
  • Use at least 5 footage items of at least 2 different types(bitmap, vector, video)
  • Audio is optional
Day 4
  • Look at more student examples
  • Look at Harry Marks
  • Look at "audiofile" intro
  • Questions for look and feel
  • After Effects:
    • Finish keyframes/animation(pan behind
    • Spatial and temporal interpolation
    • Keyframe Assistant/ease in ease out
    • Hold keyframes.
    • Previews
    • Layers

Continue Assignment 1:
Do Thumbnail sketches(or sketched storyboard)to show next time

Day 5
  • Look at "short provokers" intro
  • Sequencing Events:
    • Birth Life and Death from Motion Graphic Design
  • After Effects:
    • Finish layers
    • Paint
    • Blending modes
  • Car Exercise
  • Look at sketches
Thumbnail Sketches Due
Day 6

Animation Principles:

  1. Choreographing Motion:
    1. Direction, Velocity
  2. Principals of Motion:
    1. Squash and Stretch
    2. Exercise
Work in Progress Check for Assignment 1
Work in Progress Check for Assignment 1
Day 7

Look at assignment 1

Intro Assignment 2

More Principals of Motion:

  1. Anticipation
  2. Pause
  3. Timing
  4. Acceleration and Deceleration
  5. Exaggeration


Audio

Start Text

Assignment 1 Due saved as a DV/Quicktime(.mov) file.

Read Ch 4 in Motion Graphic Design

Assignment 2
Do the option that you did not do from assignment 1,
or
,
do a tv show promo of exactly 15 seconds.
This clip can contain edited footage from the show, animated graphics and/or text. Do a basic thumbnail storyboard for next week.

This could be called an interstitial, which is any animated element in broadcast television that caries branding and/or promotional information such as upcoming programs. Interstitial elements are not commercial spots, programs, or newscasts. In other words, they are considered packaging, not content.

Another term that might apply is bumper , which is a short clip of animation which is broadcast at the end of a program segment, but before a commercial, or at the beginning of a program segment, but after a commercial. These elements effectively create a bumper between programs and commercial spots.

Basically interstitials and bumpers are those funny/odd little bits of video or animation that acts as transitions between longer segments that air on TV.

Day 8

Masks
Start text

Bring in thumbnail storyboard for Assignment 2.
Day 9

Look at student samples.
Shape and form from design website.
Shape psychology.
Continue Text.

Continue Assignment 2
Day 10 Emphasis.
Parenting.
Effects.
Work in progress check for assignment 2
Day 11 Emphasis.
Parenting.
Effects.

Assignment 2 Due

Start Final Project.

Day 12
Audio Interview:motion graphics designer from Big Machine Design
3D Layers

Motion Demo
Continue work on final project.
Day 13
Nov. 22

Track mattes
Painting
Expressions

Bring in Storyboard sketches for final project.

Continue work on final project.

Day 14
  • Koop Video
  • Geoff Mcfetridge
  • Track mattes
  • Expressions
  • Work in Progress Check Final Project
  • Painting
Work in Progress Check Final Project
Day 15 Look at Final Projects
Delivery methods
Flash Export
Review for Final Exam
Final Project Due

Day 16

Final Exam Final Exam


Fall 2005
Day Subject for the Day Due Next Time
Day 1 Introductions.
Look at work.

Read Ch. 1 in Motion Graphic Design

Day 2

Saul Bass
http://www.commarts.com/CA/feapion/bass/
http://www.saulbass.net/
http://www.digitalmediafx.com/
Features/saulbass.html

http://www.designmuseum.org/
design/index.php?id=3

Video Capture.
Intro AE interface
Projects
Compositions

Bring in example of motion graphics next time.
You can bring in a digital file, VHS tape, DV tape, or a DVD.
Be prepared to discuss.

Bring in camera if you want to practice capturing your own footage.

Day 3

Look at Motion Graphic Examples.
Pablo Ferro
http://www.pabloferro.com/
http://www.chrysler.com/
design/design_influences
/design_awards/1999/pferro.html#

Continue AE interface.
Keyframes and Timeline.

Bring in example of motion graphics.
Day 4
9-21-05

Class cancelled for this week. See you next week .

Instead of class, you could check out By Design at the Resfest video festival in SF at The Palace of Fine Arts on Sunday at 4PM. Tickets are $10.

Read Ch. 2 and 3 in Motion Graphic Design. Be prepared to discuss.
Day 5

Look at more examples from students.

After Effects:
Spatial and temporal interpolation.
Hold keyframes.
Layers.

Assignment 1:
Option 1:
Create a motion graphics piece that uses animated stills and video to present a portrait of a person. Do not use text for this exercise. Match the style and tone of the piece to the personality of the person. Due in 2 weeks.

Option 2:
Create an animation using shapes, images and/or music that expresses 1 of the following words:

  • chaotic
  • peaceful
  • exciting
  • sophisticated
  • energetic
  • angry

Specifications are:

  • DV/NTSC video (720x480)
  • Use basic transformations
    • scale, opacity, size, rotation
  • Duration:15 sec to 2 min
  • Use at least 5 footage items of at least 2 different types(bitmap, vector, video)
  • Audio is optional
Day 6

Animation Principles:

  1. Choreographing Motion:
    1. Direction, Velocity
  2. Principals of Motion:
    1. Squash and Stretch
    2. Exercise

Blending modes
Car Exercise

Continue Assignment 1
Day 7

Animation Principles:
Birth, Life and Death
Transitions

More Principals of Motion:

  1. Anticipation
  2. Pause
  3. Timing
  4. Acceleration and Deceleration
  5. Exaggeration

Look at assignment 1
Finish Layers

Assignment 1 Due

Read Ch 4 in Motion Graphic Design

Assignment 2
Do the option that you did not do from assignment 1,
or
,
do a tv show promo of exactly 15 seconds.
This clip can contain edited footage from the show, animated graphics and/or text. Do a basic thumbnail storyboard for next week.

This could be called an interstitial, which is any animated element in broadcast television that caries branding and/or promotional information such as upcoming programs. Interstitial elements are not commercial spots, programs, or newscasts. In other words, they are considered packaging, not content.

Another term that might apply is bumper , which is a short clip of animation which is broadcast at the end of a program segment, but before a commercial, or at the beginning of a program segment, but after a commercial. These elements effectively create a bumper between programs and commercial spots.

Basically interstitials and bumpers are those funny/odd little bits of video or animation that acts as transitions between longer segments that air on TV.

Day 8 Harry Marks
Color
Color Glossary
Color Meaning
Color Psychology
Masks
Bring in thumbnail storyboard for Assignment 2.
Day 9 Look at storyboards.
Shapes. Shape psychology.
Text.
Parenting.
Continue Assignment 2
Day 10
11/2/05
Text.
Parenting.
Emphasis.
Work in progress check for assignment 2
Day 11

Look at Assignment 2.
Effects.
Painting.

Assignment 2 Due

Start Final Project.

Day 12 Collage/cutouts
Track mattes
More painting
Motion Demo
Continue work on final project.
Day 13

More painting
Expressions
Lab time

Continue work on final project.
Day 14
11-30-05
Work in Progress Check Final Project

3D layers
Work in Progress Check Final Project
Day 15 Look at Final Projects
Audio
Flash Export
Review for Final Exam
Final Project Due

Day 16
12-14-05

Finish Looking at Final Projects
Final Exam
Final Exam

 

Fall 2004
Day Subject for the Day Due Next Time
1 Introductions.
Look at work.

Get book After Effects 6 Hands On Training by Linda Weinman
• Publisher: Peachpit Press; Bk&CD-Rom edition (November 24, 2003)
• ISBN: 0321228545
Bring book next time.

2 Video Capture.
Intro AE interface
Bring book.
3
9/15/04
Continue AE interface.
Bring book.
Bring in example of motion graphics next time. Be prepared to discuss.
Go through Ch. 1-4 in the book.
4
9/22/04
  • Planning
  • Importing Footage
  • Timeline
  • Basic Animation

Bring in example of motion graphics. Be prepared to discuss.

Assignment 1:
Create a motion graphics piece that uses animated stills and video to present a portrait of a person. Do not use text for this exercise. Match the style and tone of the piece to the personality of the person. Due in 2 weeks.

2nd option for Assignment 1(New!)
Create an animation using shapes, images and/or music that expresses 1 of the following words:

  • chaotic
  • peaceful
  • exciting
  • sophisticated
  • energetic
  • angry

Specifications are:

  • DV/NTSC video (720x480)
  • Use basic transformations
    • scale, opacity, size, rotation
  • Duration:15 sec to 2 min
  • Use at least 5 footage items of at least 2 different types(bitmap, vector, video)
  • Audio is optional
Day 5
9/29/04
  • Look at more examples
  • Project settings
  • Composition settings
  • More animation
    • Keyframe interpolation

Go through Ch. 5 in the book.

Continue Assignment 1(see 2nd option above)

Day 6
10/6/04

Spatial and temporal interpolation.

Assignment 1 Due(if done)
Day 7
10/13/04
Look at Assignment 1
Finish Layers
Assignment 1 Due
Day 8
10/20/04
Color
Color Glossary
Color Meaning and
Color Psychology
Masks

Assignment 2
Do the option that you did not do from assignment 1, or, do a tv show promo of exactly 15 seconds.
This clip can contain edited footage from the show, animated graphics and/or text. Do a basic thumbnail storyboard for next week.

This could be called an interstitial, which is any animted element in broadcast television that caries branding and/or promotional information such as upcoming programs. Interstitial elements are not commercial spots, programs, or newscasts. In other words, they are considered packaging, not content.

Another term that might apply is bumper , which is a short clip of animation which is broadcast at the end of a program segment, but before a commercial, or at the beginning of a program segment, but after a commercial. These elements effectively create a bumper between programs and commercial spots.

Basically interstitials and bumpers are those funny/odd little bits of video or animation that acts as transitions between longer segments that air on TV.

Day 9
10/27/04
Look at storyboards.
Shapes. Shape psychology.
Text.
Parenting.
Bring in thumbnail storyboard for Assignment 2.
Day 10
11/3/04
More Text.
Emphasis.
Continue Working on Assignment 2
Day 11
11/10/04
Look at Assignment 2
Finish text.
Parenting.

Assignment 2 due.

Start Final Project.

Day 12
11/17/04
Finish Parenting.
Effects.
Continue work on final project.
Day 13
11/24/04
Audio
Track Mattes
Continue work on final project.
Day 14
12/1/04
3d layers Continue work on final project.
Day 15
12/8/04
Look at Final Projects
Flash Export
Finish 3D
Expressions
Review for Final Exam
Final Project Due

Day 16
12/15/04

Finish Looking at Final Projects
Final Exam
Final Exam