Tutorial #05 – Animate a Character Turn

-Animate a Character Turn-

Learn how to animate a Character Turn in two different Timing, Fast and Slow! 🙂

This tutorial is connected to the Lesson 05 where I explain the principles of TIMING and SPACING!

In this Tutorial I used this lovely Rig “Alya” by Eyad Hussein https://eyad.tv/home/ It’s really a great rig and I suggest you to check it when will be availabe (you have to wait the first quarter of 2017 :P). But you can fill the pre-registration form on this link and you will receive an email once the rig is ready for download https://eyad.tv/home/alya_pre_registr…

Alya

After the tutorial I suggest you do do the Exercise#2 “Animate a Character Turn”Exercise_002

—————–

Charater Turn Tutorial RECAP

Let’s see how to animate two different turns of a character:01.png

The first Turn we are going to do is the:02

We start setting the two key poses. In the first one she looks on the left screen, and in the last one she looks on the right, with a surprised expression.

The idea is that she suddenly hears something coming from the right screen. So, the movement will be pretty fast: 10 Frames03.png

The software create the interpolation between this two poses04.png

and the result is a linear movement that is really far from the result we wantHead_turn_fast_LINEAR

let’s add an in-between two frames after the first pose, at frame 305.png

the position of the head is pretty close to the first one, so we slow down the spacing!

To slow down the head rotation, go in the graph editor, select the head rotation axis and drag down the key at frame 3, so that we have less change in position between frame 1 and frame 3

So, REMEMBER THAT: in the part where we have a SLOW SPACING we have less change in position, the movement is slower and the curve is almost flat, where we have a FAST SPACING we have more change, the movement is faster and the curve go down, or go up, depends on the axis movement!

so, in the In-between at frame 3 the head is still rotated on the left, we have a little downward translation of the chest, the shoulders rotate a bit upwards and the eyes open a bit! JUST A BIT!! 😀06.png

Let’s add a breakdown at frame 511.png

the chest continue to go down (just a bit)12.png

and we speed up the spacing of the head rotation. It starts to rotate on the right13

and we also add a little squash of the head. So the head volume deforms a bit, decreasing  in height and increasing in width 14.png

Head_turn_fast_BREAKDOWN.gif

between frame 3  and frame 5 we have the change of the look direction, it moves from left to right15.png

and we shouldn’t use more then 2 frames, otherwise we would have a floating look result and the characters would result totally lifeless!

So at frame 3 we still have the same look position of frame 1, but at frame 5 we already have the same look position of the last pose16.png

So, at frame 5 we move the look manually on the right17.png

This movement must to be really fast and two frames is even too much, so let’s go at frame 4 and we move it a bit more on the right18.png

So the big movement happens between frame 3 and frame 4, and at frame 5 we have a bit adjustment19.png

Let’s reduce the spacing in the end! We add an in-between at frame 8, where the head almost reached the final position20.png

To slow down the movement we do as before, in the graph editor, we move the key more close to the last one so the curve is almost flat21.png

Last, we add a MOVING HOLD, approximately 10/12 frames after the last pose. We just smooth the movement: the head, the chest, and the eyes continues to move just a bit, just enough to don’t result that the body freezes22.png

Now you can also add some details and overlap, like the hairs animation or a blink in the breakdown!Head_turn_fast_REFINED

——————

Let’s now do the:01a.pngLike the other one we start setting the two key poses. For this slow turn let’s imagine for example that she’s just looking around. On the first key she looks on the left screen, now in a much more relaxed expression, and in the last key, she’s turned on the right screen. The movement now it’s slower, 30 Frames01.png

The software create the interpolation between this two poses02.png

and we have this LINEAR movementHead_Turn_Slow_LINEAR.gif

Let’s add a breakdown approximately more close to the first key, at frame 1203.png

on this breakdown the head is still rotated on the left screen, we have a small translation downward and a bit of squash of the head, we add an half blink, so we translate downward the upper lids and the eyebrows, and just a bit the bottom lids up04.png05.png

we add an in-between  around frame 20. We  slow down the spacing, at this point the head almost reached the final position

06.png

we add an other in-between just after the first key pose, at frame 507.png

here the change is really imperceptible, the head almost doesn’t move, it just have a tiny translation downward, also the upper lids and the eyebrows moves upward just a little bit08.png

So…the main head turn happens between frame 12 and frame 20!09.png

Between frame 14  and frame 16 we change the eye look direction, in this three frames (at frame 15 the eyes almost reached the position of frame 16)! 10.png

And after that… we add the moving hold at the end11.png

and some hair animation!Head_Turn_Slow_REFINED.gif

Advertisements

One thought on “Tutorial #05 – Animate a Character Turn

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s