Apps UI motion design tutorials

Here are some useful resources for all of you who are making apps:

  1. Creating a UI/UX Motion Study in After Effects

http://www.digitaltutors.com/tutorial/1801-Creating-a-UI-UX-Motion-Study-in-After-Effects

Digital tuts + : You can sign up for free


2. Transitions:

Lynda tutorials ( free with nyu account)

lynda.com – Learn how to prototype an app interface using Adobe Illustrator, and then take the finished design into After Effects for animation.

lynda.com  – learn how to create an animated promo video that helps visualize how a mobile app will be used on a real device, using this screen replacement workflow in After Effects.


 

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:

Shape layers and masks:
  1. 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: