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


I have done 3 animations just so I could practice the principles of animation, I thought this particular lesson was important in order to make smooth animations and it was the main reason for me to sign-up to this course.

Any constructive feedback on the animations is welcome! and don't be afraid to be harsh!

As for gathering ideas, I am still brainstorming but I was thinking of a particular concept of visually Wirth's law.
According to Wikipedia Wirth's law is an adage on computer performance which states that software is getting slower more rapidly than hardware becomes faster.

I will see if I will be able to come up with a concept to visualize the law. Wish me luck!

(first things first: I'm a professional, so I'm already quite familiar with after effects. I take this class to learn more about your way of work and your theory. And I definitely learned really helpful things that will help me in future. So thank you!)

1. My Animation

I tried to tell a little story rather than to create a meaningless loop but also to keep it as simple as possible.
The plot itself is quite cheesy: A lot of strangers (Dots) move past each other, but two of them collide accidentally and recognize that they just found their love. (I wore a pink shirt when I came up with it, so that may be the reason for those feels :D)

The collision and morph to the heart basically use the principles and properties you talked about. Hope you like it. :)

A wholistic approach to education.

- Mohammed Thiam

This is Bee, he's part of a bigger animation, in the next lesson. Stay tuned! :)

Hi- A year and half went by after taking the course, and I was able to squeeze some time to finish this piece.

Here is the project description:
How do we take in words and life events using our senses to understand the intricate world around us? For the longest time, I have been wondering how perception plays an important role in my life and has made me the person I am now.

Dear Universe captures the journey of perception, from the moment fragments of life form complete bits to their eventual storage in a vast cognitive library. When this space collects enough data, it generates a seed that travels through various stages of the mind-landscape and morphs into a large and complex shape to give birth to a solid form--a concept. Pieces of accumulated concepts motivate actions within an individual and become the foundation blocks that build a being into a conscious organism.

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.