Guide to Material Motion in After Effects - Deepstash

Bite‑sized knowledge

to upgrade

your career

Ideas from books, articles & podcasts.

published 6 ideas

Guide to Material Motion in After Effects

medium.com

I’ve already shared why Motion Design Doesn’t Have to be Hard , but I wanted to make it even easier for designers to use the Material motion principles I know and love. After Effects is the primary tool our te...

STASHED IN:

2

Download this basic sticker sheet to see a project completed using my streamlined workflow (outlined below). It contains a collection of Material components, baseline UIs, and navigation transitions.

STASHED IN:

2

First things first, we need assets to animate. Most of the visual designers on our team use Sketch, which by default doesn’t interface with AE. Thankfully Adam Plouff has created this plugin that adds thi...

STASHED IN:

2

With this library of baseline components, new UIs can quickly be assembled by dragging them into a new AE comp.

STASHED IN:

2

Master properties in Ae make it possible to create a single reusable asset. The App bar is often customized by changing its Icons, colors and shadows. You can find these in the baseline UIS folder in the Download.

STASHED IN:

2

The examples in the navigation transitions folder illustrate a method for applying material motion patterns in after effects. To start, each property is animated without easing. The parent composition is then time Remapped to apply easing and set duration for all the nested Keyframes. This allows...

STASHED IN:

2

0 Comments

Discover and save more ideas by creating a

FREE

Deepstash account.

Develop a

reading habit

, save

time

and create an amazing

knowledge library

.

GET THE APP:

MORE LIKE THIS

Using an object-oriented approach can help UX designers better understand their content and shape it to suit their users’ needs.

8 IDEAS