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

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.

Learn Squared is the vanguard in online education.

- Alejandro Robledo Mejia

1. I used the look of my website ( to inform this looping animation of my logo. Added various elements - such as the main keyframe diamond - that interact with their surroundings. I also added some smears here and there, which gives the sequence a bit more punch.

2. I'd like to work on an animation for a friend of mine who owns a bakery who does a lot for the community. He recently had a large mural painted on the outside of his bakery of a field of wheat, and I'd like to find a creative way to incorporate his branding and this mural into a short piece to give to him.

1. Although the training recently started, I greatly value your advices. Animating took on a different meaning and I am looking forward try these new tools in the future.

2. "Here is the quote I have chosen : The golden rule of conduct is mutual toleration, seeing that we will never all think alike and we shall always see Truth in fragment and from different points of vision." Gandhi

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.