You are here

Lesson 2

2. The 10 Principles of Motion Design

  • instructor

- Jorge R. Canedo

  • apprentice

- Maciej Kuciara

  • apprentice

- Rafael Mayani

While conventional animation may have 12 basic principles, Jorge believes this can be consolidated to only 10 for motion design. Get a firsthand look at each of these 10 Principles of Motion Design, all conveyed through simplistic example animations, before learning the various tools of Adobe After Effects to implement them.



1. Get familiar with After Effects and create a simple 5 second animation in it. Use as many principles as you can, and use more than one property (scale, position, rotation, etc.).

2. Start gathering ideas for concepts for the short animation we'll start in the next lesson. Write down ideas or quotes you would want to animate.

Student Gallery

Simple bounce using principles of animation.

For the 5 second animation I wanted to implement the ball bouncing example on the Y axis as well as add in another element of a rocket swerving around. Played around with a timer board and moving around a mask to reveal/hide the number as it animated in.

Here are a couple quotes I have written down for animation ideas

"The difference between a successful person and others is not a lack of strength, not a lack of knowledge, but rather a lack of will" - Vince Lombardi

"Dearly beloved. We are gathered here today to get through this thing called life." - Prince

"We must take adventures in order to know where we truly belong."

tons of workflow crap and programs i would have never thought of trying.... PEEP DATTT!!!1

- beeple

Animated GIF output is now included in Media Encoder CC 2018

Hey, I thought it would be worth pointing out that if you graph looks like the attached image, it's because you are viewing the Speed Graph. To see the Value Graph you can right click on the graph and choose Speed Graph. Sounds simple but it took me a bit to figure out so I thought I would share it in case other run into this.