week 01 – class notse – Emotions In Motion – Fall 2016

Class 02 – Motion Design for interfaces, part 01

What is animation? How do we use it to create a character?

The way an object moves can tell us about his personality –

it’s “body language”, how fast/slow it moves, Material ( flexible/hard), Weight ( light / heavy)

Animation is all about space and time – watch this TED talk:

Disney’s 12 Principles Of Animation:

Class 02 – Link to Presentation:

“How Tinder got inspired by Disney?”

Extra reading:

Good article about material design.
Google Material Design

Shape layers and masks:

Masks in AE:

2. Shape layers from illustrator:

https://helpx.adobe.com/after-effects/how-to/create-shape-vector-layers-animation.html

Shape layers techniques:

Keyframing Guide:

Extra:

Advanced:

Design in motion. The new frontier of interaction design from Antonio De Pasquale

WEEK 1: class notes

Lecture: Introduction to Motion Design

Practice files:

Shiffman’s green screen folder

Class Dem0:

Maintaining an organized folder structure:

Use After Effects Auto Save to Give You Backups in Case of Crash/Client Changes

Unlike in Adobe Premiere Pro, Auto-Save is not turned on by default in After Effects. I tend to save every 5-10 minutes and increase “maximum project versions”. The Auto Save files are in the Auto-Save folder, which is saved in the same location as the project.

In Preferences > Auto-Save check “Automatically Save Projects”:

Check "Auto Save"

Auto-Save Location

Full tutorial:

Importing assets:

File -> Import:

Right Click – > Import:

Double click inside project window:

After Effects Foundations:

or

https://helpx.adobe.com/after-effects/how-to/aftereffects-create-first-project-cc.html?set=after-effects–get-started–essential-beginners

Green Screen Tutorial

( Keylight Effect – we used a different one but this one is the best for green screen)

How to make a GIF with After Effects and Photoshop:

Think about compositions, timing, transitions and loops.

GIF AE to Photoshop Tutorial:

Short Version –

You can add text to the GIF.

Medium version:

Suppppppper long by a talented artist, you can skip through:

Here is how you should export / render your movies in After Effects CC and up:

Inspiration:

https://ello.co/ellogifs

http://5secondfilms.com/

http://giphy.com/

http://the12principles.tumblr.com/