Can you send me that rig pleaseee?!? :)


Ye…this is the most popular question…?.png

After any video… people usually ask me where to download the Alya Rig or my Ink Rig, so… let me update (again^^) about these rigs 😉


-ALYA-

by Eyad Hussein

Alya.png

I totally understand that you ask me for this rigs ’cause she’s really appealing and I love her! But the cretor of this rig, my friend Eyad Hussein is still working on that, he’s working in Sony Pictures Imageworks and I know he’s pretty busy so… I recommend you to sign to the pre-registration form (if you haven’t done it yet) and be patient ^^

The one I’m using is a wip version that he shared with me to test it, also…I customize it a bit in some of my videos (like the pink hair one) and that version is not in the rig, but she’ll be customizable with different hair styles and accessorize 😉


-INK-

INK.png

Ink is my personal rig and it’s not available for download, sorry 😉 He’s my little, simple rig I really wanted for this channel, no details, no face, monochromatic texture… only the essensial shapes to show you the principle of animation!


So… after this “bad” news, what can I suggest you? There’s a lot of nice free or not free rigs you can download on the web, most of them are what I was using before this ones so..to learn animation is not really important the type of rig you’re using but… let’s hope other great riggers like Eyad will provide us new rigs soon that we can use for our AWESOME ANIMATIONS! 🙂 🙂

Advertisements

Lesson #11 – Exaggeration “RECAP”


Here the written recap of the Lesson #11 based on the animation principle “Exaggeration”

here the Video Lessonindexw

-RECAP-

When we talk about this principle we actually also talk about the other principles we’ve seen so far, because

Schermata 2018-06-07 a 21.48.18.png


Schermata 2018-06-07 a 21.48.23.png

It means to go out from the limit of the realism and exaggerate the actions and the poses to make the final result more instantly readable for the users!

ex1

ex2

It can be applied on:

  • KEY POSES (pushing the lines of action, exaggerating the way you represent a feeling or an action)
  • BREAKDOWNS (exaggerating the arcs, the amount of squash and stretch and breaking some joints)
  • CHARACTER DESIGN (exaggerating shapes, proportions and caricature elements)
  • STORY (exaggerating a concept, an action to make it stronger)
  • POSES (exaggerating the representation of a mood or an action)
  • TIMING/SPACING (make it more cartoony exaggerating the contrast between acceleration and deceleration of a movement)

Schermata 2018-06-07 a 21.49.44.png


But as animator we have to focus just on some of this:

  • KEY POSES
  • BREAKDOWNS
  • POSES
  • TIMING/SPACING

But it’s not as simple as the word would suggest!

Schermata 2018-06-07 a 21.50.03.png

When we exaggerate we must be sure that it helps to:

Schermata 2018-06-07 a 21.50.12

Exaggerate doesn’t means to do something completely out of any physic principle and realism, BUT it means do something starting from realism and exaggerate it to make it more interesting, enhancing and push an idea!

And it gradually increases depending on the level of cartoon style of the animation!

Schermata 2018-06-07 a 21.50.29.png

 


I’ll show you some of this example but this principle would really requires long talks and practice to really understand it and know how to push it!

Exaggerate Poses

Do it in KEY POSES pushing your poses to cleary show the mood, always based on the style you need. You have different solutions depending on how much of realism you want!

 


In this simple example we can see a normal jump:ex3.gif

…and this other one more cartoony and exaggerated!ex4.gif

If we compare the two jumps, we can see that the first one is more close to reality: there’s a small anticipation, the jump distance is not so long, so this is very close to how a real jump looks like

In the second version: I made a bigger anticipation (the hip goes much more down, the arms raise more) and the spacing is different, there’s more preparation to the jump so during the anticipation there’s a longer pause, then I over stretched the body during the push (especially the legs and the chest), the jump is higher and there’s a slower spacing when he stays in the air so he jumps very fast and then decelerates in the air. Then he accelerates when he falls, I stretched the body again and when he lands I made the feelings that he’s heavier making a stronger lands, with the hips that goes very low and a big pause before he stands up again! Also the jump distance is exaggerated!


You also can use it in BREAKDOWNS: for example when you broke a joint during an action, this is not reality but it’s an exaggeration of the arc that you will create with this movement!

You can use deformers (if there’re in the rig) to accentuate the curve of the arms and give (for just 1 max 2 frames) an innatural flexibility to the “bones” to give more energy and create a nice arc and it also help to create a smoother transition in a very fast spacing whenre the arms moves from point A to point B in few frames!

ex5Schermata 2018-06-07 a 21.51.54

 


Use it in EXPRESSION you can exaggerate the organic feel of the face, make it super flexible. Exaggerate the asymmetry, exaggerate the lines of action, just as for the body poses, to make the acting and the feelings more convincing!

When you stretch a face, push it to give the idea that the head and the muscles could really stretch as a balloon of water! Stretch the eyes, the mouth and the neck and use the shoulders to emphasize the push upward that we have during a take!

Do the same when you squash an head, press it in the chest and raise the shoulders! Also squash and press the eyes between the eyebrows that push down and the cheeks that push up!


Schermata 2018-06-07 a 21.52.54.png

Starting from a realistic bouncing ball, you can create a version more cartoony and exaggerated: increasing the contrast with fast and slow spacing, when the ball is in the air we have a slower spacing, and when it falls we have a big acceleration!

We can also exaggerate the amount of squash and stretch, keeping the stretch longer during the fall and make a bigger squash in the contact!ex6.gif

Schermata 2018-06-07 a 21.53.15.png

In this simple animation of a ball you can exaggerate the timing and the spacing to add energy to the scene and If this would be a character ….. we would have two different jumps and the exaggerated one, with more contrast in the spacing and an exaggerated use of the squash and stretch, results more cartoon and appealing!

ex7.gif


This is all for this lesson, don’t miss the next one! 🙂

LESSON #11 – EXAGGERATION


WHERE WERE WE? 🙂 We still miss 5 Animation Principles and here a new one “Exaggeration”!

Is not so easy to figure out how to use this principle … it requires a marked sensibility, a good eye and a lot of practice! As soon as we’ll finish the principles I was thinking to create an E-Book to gather what we have done so far…so… I’ll keep you update! 😉

Lesson #10 – Secondary Action


One of my favourite animation principle: SECONDARY ACTION! How to play with props (and not only that) to make your animation more interesting 😉

Cry01

Rigs:

Alya https://www.facebook.com/AlyaRig/

Ink https://iwanttobeananimator.wordpress…

Alya’s Facebook Page


My friend Eyad Hussein created this Facebook Page where you can follow the progression of his amazing rig ALYA that will be available for download very soon! 😉

Schermata 2017-05-02 a 19.36.35.png

18209234_666029010260844_7920042157227307922_o

I already used this rig for some lessons and animation test and I definitely recommend you to download it as soos as it becomes available! 🙂

Work in progress


I’m working on the new Lesson but in the meantime I’m also working on this Shot for a friend with Alya Rig 😉

When the shot will be finished I will post a breakdown video on how I created the shot, step by step! 🙂

This is just a wip, a sort of animatic, I put together some poses of the 3D charcater and I painted over them to create the outfits (the 3D outfits version will be modeled at a later stage). In this way I already can choose the timing, the main poses and actions and I will have a more clear idea in mind when I will start the animation!Alya's_show_animatic

So far, I created some sketches, studied the outfits and the concept of the shot! It’s an introducing video for Alya so we will show her in different styles…it will take a while to finish ’cause I never have enough free time but…I’m really enjoying working on it! 😉

I like to present: ALYA


– ALYA – You will love this Rig!

As animator you can do great stuff with this great rig created by Eyad Hussein! 😉

The rig is not available yet but will be realeased soon (probably the end of this summer) but I suggest you to fill the pre-registration form so that you will be one of the first to receive an email when she will be ready for download! 😉Alya2alya2

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

Lesson #5 – Timing and Spacing


After the Introduction to the Principles of Animation in the Lesson 04 I will now explain Timing & Spacing using the example of a Bouncing Ball and the Animation of a Character Turn! 🙂

In this Lesson I used this lovely Rig “Alya” by Eyad Hussein https://eyad.tv/home/Alya2

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…


———————————–

 

Timing and Spacing RECAP

In this lesson we will see the main principles Timing and SpacingTiming_Spacing01 A GOOD TIMING makes the difference and can really give an edge to your animation!Timing_Spacing02.png

As I said in the Lesson 04, the TIMING is the speed and the rhythm of your animation, how many frames you use to make a movement, the SPACING is the variation of the speed during this movement.

  • If you have to reproduce a fast movement you need less frame
  • A slower movement….more frames

Timing_Spacing03.pngTiming_Spacing04.png

Example of different type of ball, a RUBBER ball, a BALLON and a BOWLING ball, with their different timing!

RUBBER ball

rubber_ball

BALLON

ballon.gif

BOWLING ballbowling_ball.gif

So…Timing_Spacing07

The ball falls from point A to point B. It takes 10 frames to fall on the ground, this is the timing!Timing_Spacing08

this movement is generated by the gravity that push the ball on the groundTiming_Spacing09

 as it get closer to the ground it has an acceleration due to the decrease of air resistanceTiming_Spacing10

So we have more frames when the ball is high in the air and less frames before the contact. This is the SPACING, the variation of the speed between point A and B.Timing_Spacing11

After the contact we have a reverse of the acceleration, now the ball is pushed upward and it lift from the ground, moving fast at first and then, when it reach the high point it slow down its movement due to the opposite forces, the gravity that pull it downward and its own speed going upwardTiming_Spacing12

As it get closer again to the ground it accelerate again and we have al the consecutive bounces. Any bounce lose speed and force. The timing slow down at any bounce so do the high of the bounces.Timing_Spacing13An other physic phenomenon that happens during the bounces, is the Timing_Spacing14.png

The ball deforms its volume during the bounce. Stretching before and after the contact and squashing during the contact! Why? cause The gravity push the ball against the surface causing its deformation.

This is reality, in animation we can exaggerate to reach a more  cartoon effect!

But…

Timing_Spacing17.png

And…

Timing_Spacing18.png

When the ball bounces moving forward, it follows an elliptical path in the air, an ARC!
This gives to the bounces a natural feeling.  The forward movement starts linear and slow down in the last part, before the ball stops its movement. Timing_Spacing19.png

“Ok, but…”Timing_Spacing20.pngTiming_Spacing21.png

The choice of the timing is finalized to make the performance perfectly readable and interesting, thats why is also important to don’t create all the beats and accents with the same disance, intencity and speed!  Add variations in the timing and rhythm to make your animation more interesting!Timing_Spacing22.png

A good tip is to use a stopwatch to time yourself doing the shot,  in order to have a realistic reference to start with and to see how your body reacts to different actions and how you reach a certain position or how fast you do itTiming_Spacing23.png

And… Timing_Spacing25.png

This is my method, I always “see” the animation in my mind first, so that when I start to animate I already have clear in mind what to do and HOW to do itTiming_Spacing24.png

A quick example of timing applied to character animation: a character that turn its head.

Head_turn_fast_REFINEDShe turns fast cause she heard something, we have few frames… it’s a very fast movement

But, if we use more frames, we can have a totally different turn, she’s now very relaxed, and she’s just looking aroundHead_Turn_Slow_REFINED

So, the same action, a simple turn, but the different amount of frames makes the two animations completely differentTiming_Spacing26.png

An other thing that we can manage during the turn, is the spacing. When we create the first and last pose the software creates the linear interpolation between this two posesTiming_Spacing27.pngHead_turn_fast_LINEARNot very interesting, right?

But, let’s put into practice an other principles SLOW IN AND SLOW OUT, if we slow down the spacing in the last part, creating an in-between close to the final one, and we do the same at the beginning…Timing_Spacing30.png

and…we also add a moving hold at the end, so the movement doesn’t freeze but continues to move just a little bit, enough to be perceived by the human eyeTiming_Spacing31.png and if we also add some details like the overlap of the hair…

Head_turn_fast_REFINED

much better! 🙂

Let’s do the same with the slower turn, at the beginning we have just the two key poses, and the linear interpolationTiming_Spacing32.pngHead_Turn_Slow_LINEAR then we add a breakdown, pretty close to the first pose where she also makes an half blinkTiming_Spacing33.png

the slow in and the slow outTiming_Spacing34.png

 the moving hold at the endTiming_Spacing35.pnghair overlap and…

Head_Turn_Slow_REFINED…now the two turns have a  much more interesting spacing and the character looks more alive and appealing!Timing_Spacing36.png



Timing_Spacing37.pngNow you can watch the two tutorials “How to Animate a Bouncing Ball” and “Animate a Character Turn” and start to handle with timing and spacing!

after that I suggest you to create the two exercise based on this lesson

Exercise #1Exercise #2

Timing_Spacing40.png

In the comments add a link to your exercises and I’ll provide you a feedback! 😉

Timing_Spacing41.png

Exercise #2 Animate a Character Turn


This exercise is connected to the Lesson 05 where I explain the principles TIMING and SPACING and the Tutorial 05  where I show how to animate two different turns with different timing: a Fast Turn and a Slow Turn! 😉

This exercise is perfect for BEGINNERS, you can learn how to manage Timing and Spacing on your character shot and also start to became familiar with character rig, facial expression and a bit of acting!

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

You can add a link to your exercise in the comments to receive my feedback 😉