Animation | Key Poses & In-Betweens

in #art5 years ago



The Bouncing Ball


The famous bouncing ball that every animator have to animate. This is one of the first few animations we were asked to do. Mainly because it comprises of the basics of every animation. Though simple, to animate a bouncing ball to its perfection takes skills. But it's just a ball you say?

That's right, it may just be a ball but the principles used to animate this bouncing ball is going to be in EVERY of your future animation. Simply put it, before you start to draw objects/organic things, you start off with drawing strokes. Before you start running you have to learn to crawl and walk. This 'bouncing ball' exercise is the baby version of crawling.


Key Poses & In-betweens


Source

Well, the main reason why I'm showing you the bouncing ball exercise is because I would like to share with you one of the most important part of animation that occurs before you start any animation. It is applied in the observation phase and the planning phase. It is also known as Key Poses & In-betweens.

Definition:


Key Poses : These are the KEY moments that your character MUST show in the scene. Without these Key Poses, the actions or story may not be as strong or even lost in translation. Key Poses are the MOST IMPORTANT action in your scene. If done right, it will properly show audience the character's emotions and actions of the scene.

In-betweens : In-betweens are what fills in the empty time between Key Poses. For a Character to get from Key Pose A to Key Pose B, there are In-betweens, not as important as Key Poses, but still affects the timing and spacing of the action.


 



Key Poses


In the image above, you can see the three Key Poses of the bouncing ball. The first one would be when the ball is on the ground. The second one with the ball at it's highest peak, and the third when the ball lands and touches the ground once again. No matter what happens in-between these Key Poses will not affect how the ball starts and ends and at its highest peak.

Definitely, when we animate, we are not always going to be animating the bouncing ball. But the essential of the bouncing ball must be drilled into the animator's head before they can proceed if something more complex like this.


Source

With the same principle of the Key Poses used in the bouncing ball basics, you apply it to more complex animations like this little stickman jumping forward.

The animators would plan all these BEFORE the actual animation begins because it is important that the key poses are done right.

There are Key Poses for anything animation, even subtle dialogues.


Source

Drawing or Thumbnailing the Key Poses as you can see above is important for two reasons. First, is that you can see how exaggerated the action of the character going to be. Secondly, you can plan the character's emotions and feelings through the facial & poses. Is he angry? Is he sad? Happy? All these are required to be done in the Key Pose.


In-Betweens/Breakdowns


What happens in between the two Key Poses is right here. This is where the animators plan the timing & spacing before and after it reaches a Key Pose.

Source

As you can see above the importance of the Inbetweens/breakdowns as well when it comes into play. The Giphy above shoes the timing and spacing of the poses. If the keyframes are all spread out equally, the ball will travel from pose A to pose B at the same speed. But when you start to play around with the distances of the inbetweens, u can get variations of how fast and how slow the object move.

Taking these apart. What you're seeing is when the keyframes are compiled together into an animation. If you break it down, it is something like this.


As you can see in the image above, the In-betweens and the breakdowns. In-betweens are basically just frames connects all the important frames like the Key Poses and Breakdowns. Most of the time when the Key poses are done well and breakdowns are properly adjusted, you don't really need to adjust much of the inbetween except to just smooth your animation graph.

That being said, you would need to have a few keyframes of Key Poses and Breakdowns before you can almost ignore the inbetween animations. You can't except to just have minimal keyframes and expect the inbetweens to cover for you.



I hope I didn't get TOO technical for some of you who are reading this. But I hope that this will help animation newbies to grasp the importance of planning your Key poses and Inbetweens. It definitely takes a lot of practices to finally get the hang of it, but it will be worthwhile.

I pwooomise...

 

 

Thank You

If you like what I do, check out my other posts on meetups, animation, and designs.

Get your Personalized Steemit Profile Signatures

DM me on discord : zord189#7776

Credits to @pinstory & @coloringiship for this lovely photo of me.


PHC-Footer-05.gif

Animated Banner Created By @zord189




Posted from my blog with SteemPress : http://zord189.steemblogs.club/2019/08/10/animation-key-poses-in-betweens-2/

Sort:  

Wonderful lesson, @zord189. While I don’t intend to become an animator, I really enjoyed reading this and understanding what’s going on behind the scenes a little better, and seeing the mechanics at work.

Woooahhhh I got pulled right into the bounce! First time I've ever seen something move on my timeline!

Pandai one la you

Posted using Partiko Android

Hello!

This post has been manually curated, resteemed
and gifted with some virtually delicious cake
from the @helpiecake curation team!

Much love to you from all of us at @helpie!
Keep up the great work!


helpiecake


@helpie is a Community Witness.
For more information about our project,
please visit this month’s UPDATE post.

As a novice animator i really appreciate the post and all the tips you give from time to time. When i started using photoshop to create my collages i continued to making simple gifs also. It was exciting but i had a hard time with the time frames, all of the artworks came out like old stop motion animations,lol. I think that you should start using the #creativecoin tag in you posts Zord, they are valuable for the creative community and you will earn some CCC tokens on the side:)

Well that was a lot more complicated than I imagined. I remember in computer science class we just multiplied by X -1. But it didn't really slow down, so if you wanted to change the speed you could use a log or parabolic function for that. Anyway, it's need to see it drawn out.


This post was shared in the Curation Collective Discord community for curators, and upvoted and resteemed by the @c-squared community account after manual review.
@c-squared runs a community witness. Please consider using one of your witness votes on us here

This post was curated by @theluvbug
and has received an upvote and a delayed resteem to hopefully generate some ❤ extra love ❤ for your post!

myluvbug.gif

In Proud Collaboration with The Power House Creatives
and their founder @jaynie

Thank you! I want to try the animation and you help me to get started.

Coin Marketplace

STEEM 0.37
TRX 0.12
JST 0.040
BTC 70162.45
ETH 3540.43
USDT 1.00
SBD 4.79