ブログ

Motion Graphics


I remembered there was a time when I held the After Effect(AE) animation workshop internally before, one of my colleagues asked me if there is any animation theory that makes animation looks great?

In my opinion, although it is difficult to define exactly what makes animation looks great or not, as there is no real definition list of aesthetic while creating animations, we could keep some principles in mind to help us try to approach the objective aesthetics in the animation world.

Indeed, there are tones of books, essays, and breakdowns that you can learn from. The Disney’s Twelve Principles of Animation which compiled by experienced Disney animators, list 12 principles of animation to guide the animator to create great animations especially the character movement gives you a basic understanding of the animation world.

Here is the list of 12 principles of animation:
1. Squash and Stretch
2. Anticipation
3. Staging
4. Straight Ahead Action and Pose-to-Pose Animation
5. Follow-Through and Overlapping Action
6. Slow In and Slow Out
7. Arcs
8. Secondary Action
9. Timing
10. Exaggeration
11. Solid Drawing
12. Appeal

This is Rita who loves to create motion graphics in the creative team at FiNC. This time, I picked 4 principles to explain more because those are more related to motion graphics that I am specialize in and do at FiNC in general.

 

 

Squash and Stretch
Animation Design 101 – the bouncing ball. I believe the squash and stretch sound quite familiar to animators. The purpose of this is to give a sense of gravity, weight, mass, and flexibility to objects. Think about how a bouncing ball may react when dropping down the ground. The ball squishes when it hits the ground and stretches when it travels up.

 

Anticipation
This helps the viewer for what’s about to happen. For example, if you want to jump in the air, you have to bend your knees first.

 

Staging
Imagine an actor/actress shows on the stage with the spotlight. It means using motion to guide the viewer’s eye and draw attention to what’s important in the scene.

 


Slow in and Slow out
Think about how a car starts up and stops. This makes the animation look more realistic if it has more frames near the beginning and end of an action.

Tend to create interesting motion graphics? By simply understanding these principles of animation above, you’ll be able to take your motion works to the next level!
Join our After Effects workshop and learn to design motion graphics and create animations with creative team at FiNC!


Recruit 採用情報
FiNC Debelopers Blog
会社概要
お問い合わせ
facebook
youtube

カテゴリー