Week 11: 3D Sport/News Intro

Screen Shot 2017-04-06 at 4.42.08 PM
Fox Sports – America’s Pregame (2014)

3D sports and news intro examples

Project: 3D sports or news intro

Screen Shot 2015-01-27 at 2.08.02 PM

Links

3D Intro Examples

C4D:

Week 9: Info in Motion

vox info graphic image
Gerrymandering Explainer – Vox (2017)

Infographic/explainer vid examples & styles

Chart and graph elements

Explainer vid structure & steps

Screen Shot 2015-01-27 at 2.08.02 PM

Links

Examples

Project Structure

  1. Intro – question or hook statement to introduce topic
  2. Piece of information – actual substance of piece, a statistic, fact, or other piece of information (start with one, could add more)
  3. Conclusion statement –  so what, why we should care, or what may happen in the future
  4. Call to action – what we can do about it, i.e. visit this website, donate to this, think about this, change your behavior in some way

Project Steps

  1. Type out brief statements for the intro, info, conclusion, and call to action.
  2. Create text pre-comps of animated text and graphic elements for each of your statements
  3. Create visuals that represent each idea, in any style that you’d like, to appear either behind the text or stand-alone after each text composition (we’ve covered many styles! so choose the one that you’d like to work with or best fits your topic)
  4. (If you have time, add background sound/music)

Week 6: 3D Oriented Maps

screen-shot-2016-11-03-at-5-59-53-pm
Motion Graphics Map – smurph

Map vector and shape layer reveals

Icon and path animations

3D orientation & camera moves

Screen Shot 2015-01-27 at 2.08.02 PM

Links

Steps

  • Design map and elements flat first
  • Make sure element anchor points are sitting at the bottom of the element
  • Create a Null Object & Camera Layer
  • Make all of the objects 3D enabled, including the null object
  • Parent the camera to the null object
  • Orient and position your camera
  • Animate camera moves primarily with null object

Week 5: Hand-Drawn Effect

screen-shot-2016-12-01-at-4-23-49-pm
Epic Bar Builds: Draw On Example

Draw on examples

Creating draw on effect in AE:

Generate stroke effect, Scribble effect

Time posterize + wiggle method

PS cel animation method

Screen Shot 2015-01-27 at 2.08.02 PM

Links:

Hand-made aesthetic

AE

Week 4: Stop Motion Effect

screen-shot-2017-03-02-at-6-13-08-pm
Collage Animation – Hannah Gee

Examples of Stop Motion Collage Animations

Stop Motion Effect Techniques

Project: Stop Motion Collage Compositions

Screen Shot 2015-01-27 at 2.08.02 PM

Links

Illustration content resource:

Week 3: Animated Typography

screen-shot-2017-02-16-at-2-18-00-pm
Friction 2.0 – Animography

Using type and shape animation properties to create unique animated lettering

Examples of animated typefaces, type animation

Project: Animated Typography

Screen Shot 2015-01-27 at 2.08.02 PM

Links

Examples: