{"id":150635,"date":"2021-04-19T10:08:51","date_gmt":"2021-04-19T15:08:51","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=150635"},"modified":"2021-04-19T10:08:52","modified_gmt":"2021-04-19T15:08:52","slug":"animation-easing-anticipation-follow-through","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/animation-easing-anticipation-follow-through\/","title":{"rendered":"Animation Fundamentals: Easing, Anticipation, and Follow Through"},"content":{"rendered":"\n

Implementing the fundamentals of animation is no easy task. Here’s a quick guide to understanding and applying the basics in animation.<\/span><\/h2>\n\n\n\n

Trying to mimic everyday motion requires the utmost attention to detail. Because there’s so much to follow, you’d think there would be some sort of guide, right?<\/p>\n\n\n\n

Good news. Disney animators Ollie Johnston<\/a> and Frank Thomas<\/a> put together twelve animation fundamentals in their book The Illusion of Life<\/em>.<\/p>\n\n\n\n

\"The<\/a>
Image via Disney Books<\/a>.<\/em><\/figcaption><\/figure>\n\n\n\n

When I first studied these fundamentals, I realized that there were so many details in life I never saw. Since we’re so familiar with all the motion in our day-to-day lives, we become blind to the details. For example, try drawing a sequence of a squishy ball bouncing off the floor. Surely, you\u2019ve seen this happen hundreds, if not thousands, of times before. But, the majority of people will get a lot of obvious details wrong. It\u2019s kind of like asking someone to draw a bike. Despite it being such a familiar and common object, almost everyone gets it wrong.<\/p>\n\n\n\n

\n\n\n\n

Easing<\/span><\/h3>\n\n\n\n
\"Easing\"<\/a><\/figure>\n\n\n\n

Nothing moves in a linear fashion. As an object moves, it accelerates and decelerates, also called easing. In animation, you’ll have more frames of an object condensed in a smaller area at the beginning and end of the movement. By looking at the example above, you can see how unnatural linear movement is. The way an object is eased can convey different feelings, but a standard curve is what normal movement generally looks like.<\/p>\n\n\n\n

\n\n\n\n

Anticipation<\/span><\/h3>\n\n\n\n
\"Anticipation\"<\/a><\/figure>\n\n\n\n

Anticipation is basically the action before the main action. You can see an example of anticipation in Pixar Studio’s opening animation. When the lamp shrinks down to get ready to jump on the letter, that hesitation is anticipation. Without the buildup of energy, the proceeding motion wouldn’t feel natural or believable. Anticipation is definitely one of the hardest fundamentals to get right. Some animators don\u2019t put in enough anticipation and others make it a bit too dramatic. Smoothing out this animation is going to take some time, but you\u2019ll instantly recognize when you get it right. It\u2019s all about timing. So, if you tweak one area, another will need fixing. You have to blend the animation as best you can.<\/p>\n\n\n\n

\n\n\n\n

Follow-Through<\/span><\/h3>\n\n\n\n
\"Follow-Through\"<\/a><\/figure>\n\n\n\n

Follow-through and anticipation are sort of the same thing, but on opposite ends of the action. Inertia is introduced with follow-through. When you’re animating a moving object, and it comes to a quick stop, there’s still movement after. Think about when you pull the front brake on a bike. The bike will stop, but the person riding will not. Follow-through helps your object obey the laws of physics. The object can bend, stretch, and jiggle to indicate this motion. You can use this to help give hints at what material your object is made of.<\/p>\n\n\n\n

\n\n\n\n

Final Thoughts<\/span><\/h3>\n\n\n\n
\n