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

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

Here's my 5-second animation! I may want to expand on this movement during the big project possibly :)

This is a ball animation I created using the different animation principles. You will see stretch and squash, anticipation, arcs, exaggeration, eases, timing, secondary animation and the color palette adds appeal.

1. I've got my little 5 second infinite animation here! Super fun to kind of figure out how transitions in explainer videos and stuff work-- pre-comps!

Tons of fun to make even such a simple little thing, excited to continue.


I want to animate something relating to space-- a sun horizon from above earth or something like that. I think it could be illustration well and simply with shape layers and a good color palette.

As far as quotes, "I felt very very small." "Across the sea of space, suns are other stars."

Just some ideas, still thinking about it! Can't wait to move forward.

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.