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! 🙂

Advertisements

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! 😉

COMING SOON: Exaggeration Lesson


Working on the next lesson, the ways we can use Exaggeration are infinite but the good result depends on our ability to use it in a proper way 😉 I’ll need a bit of time to finish this one, is not easy to find the best way to explain this complex principle! 🙂
#animation #learnanimation #exaggeration #lesson #beananimator #animationforbeginner

Lesson011_ExaggerationBEG.png

exaggerationPreview.jpg

Tips #2


– RHYTHM OF YOUR SHOT –

When you start your animation, I always suggest to create a BLOCKING first!rhythm01.png

Set your tangents in STEPPED mode, in order to have a Pose to Pose, with no interpolation between keys!rhythm02

In this simple example, the Timing and the Rhythm of the shot is too boring…Timing_oldIt’s not interesting… all the keyposes, the mains action, have the same speed and a regular timing!rhythm03

Add variations in the intensity and speed of any actions helps you to have a more interesting shot! rhythm04.png

In a Blocking phase is really easy to adjust timing and spacing just moving your keyposes, change them or add some new breakdowns!rhythm05.png

In this new version, the Rhythm is much more interesting!Timing_newI added this variations: different spacing and intensity for each actions, more breakdowns, some anticipations, some exaggeration…and now also the mood of the character is more clear!rhythm06.png

rhythm07.png

Ref_Lesson #4


Lesson #4 –Principles of Animation RECAP

here the LESSON

The secret of animation is enclosed in the Principles of Animation!

That you will have to learn, understand and well “impress” in your mind if you want to became a good animator! 😉principlesAnimation.png

but let’s quickly see “how animation works” first. The first thing you should understand is that animation is composed by:

A timeline (the series of frames that compose each seconds, sequenced over the time)keys1.png

On this frames we create some KEYS (the poses that we create and impress in the timeline, in the software are represented by the red stick)

we start setting the KEY POSES, the most important and stronger poses that describe the action (in case you are doing an Acting animation) or the EXTREME KEYS (in case we are doing an action or something connected to body mechanic like a walk cycle)  this are the pose at the start and the end, or the extreme lower and higher position, or the forward and backward. keys3.png

Between the Key poses (or the extremes)  the software will create an automatic linear interpolation, too avoid a mechanic and linear movement we add some BREAKDOWN KEYS approximately in the middle of the 2 key poses, and can be called also Passing Positions cause are the poses that we have during the movement from A to B, “how we reach position B from position A”. keys4.pngAfter the breakdown, we go to create some  IN-BETWEENS KEYS (it’s not necessary to have a key on each frames, but just the strictly necessary to have a nice movement). With the in-betweens we take control of the interpolation created by the software: adjusting positions, spacing, arcs and so on.keys5.png

Clear? 🙂 Let’s sum it again:mainterms

Ok! Let’s see all the Principles of Animation, that were showed in the amazing book “Illusion of life” by two Disney Animators in 1981:illusionLife1.png

———————

Let’s start …!

timing1.pngThe TIMING is the speed and the rhythm of your animation, it change depending on where you set the Extreme Poses.

MORE FRAMES: slower movement

LESS FRAMES: faster movementtiming1.pngtiming


spacing1.pngThe SPACING is the variation of the speed during the change of position

SLOW SPACING: less change in position

FAST SPACING: more changespacing2.pngspacing.giftiming_spacing.png


slowInslowOut1.pngSLOW-IN & SLOW-OUT are used to  soften the movement at the start and the end. To make it more fluid and nice to see, we manage the position of the in-betweens, if we move the in-betweens closed to the starting pose, the extreme one, the movement will starts slower, and if we do the same for the in-betweens closed to the final pose, the last extreme, the movement will also ends slower.slowin_slowout


squash_stretch1.pngA bouncing ball would STRETCH its volume before the contact and would SQUASH when it’s on the ground. During a walk the body chest would squash when the body go down, because of the weight, and would stretch when the body go up. In facial, when a character close his eyes (especially during a big change of expression) it would squash the head when the eyes are closed, and would stretch for few frames when it open the eyes again.squashStretch2.pngsquashStretch3.pngsquash_stretch


anticipation2.pngThe ANTICIPATION is used to make a movement more readable or to create a more cartoon funny effects, it’s a movement that happens before the main one, usually in the opposite direction.
If the object moves forward, we add a backward movement 3 or 4 frames before. anticipation1.pnganticipation1anticipation3.pnganticipation2


follow1.pngIf we are animating a character turning from right to left and the head leads the movement, the rest of the body follow the head. So the head moves first, then the chest, then the arms and so on. This parts FOLLOW the head movement. During this movement we can have different reactions of each parts: before turn on the left, the arms could bend in the opposite direction, OVERLAPPING the ACTION.follow2.pngfollow_trough.gif


secondary2.pngTo make the action more interesting, or to make the intentions and the emotions of the character more clear, we can use SECONDARY ACTIONS to intensify the general feeling of the animation. During a walk, the main action is the movement of the feet and hip, but we can make the character turning his head looking around or the arms swinging, this are secondary actions.secondary4.pngsecondary1.pngsecondary_actions.gif

 


exaggeration.pngWhen we create a pose, we can EXAGGERATE it to make it more appealing, or during a movement we can make it stronger and extreme to emphasize it. NEVER BE AFRAID TO EXAGGERATE! 😀 Always think, is interesting or readable enough? Take inspiration from reality but always add your creativity!exaggeration2.pngexaggeration


appeal2.pngAPPEAL MAKES THINGS INTERESTING!

The APPEAL of a character mostly depending on the design and the story, but…we can make it more strong with poses and animation. Emphasize a pose to make the appeal of the character instantly readable!appeal.png


arcs2.pngAny movement we create, follows a path and generate an invisible ARC.

A smoothed, circular arc makes the movement fluid, more realistic and nice to watch. A straight path makes thinghs more mechanic.arcs.png


staging.pngWhen we create a shot, first of all we need to plan what where are going to show and we will try to focus the attention in the correct way, so we need to work on the STAGING. Setting the camera, the character and any other assets in the scene in a way that the main action is clearly readable and with a good rhythm, so that anybody can follow the scene and well understand what’s going on!staging1staging2staging4


poseToPose.pngThere are two way to start an animation: STRAIGHT AHEAD & POSE TO POSE

If you chose for STRAIGHT AHEAD means that you start creating the first pose and you go “straight ahead” up to the last one.streightahead.pngIf you chose for POSE TO POSE means that you start creating the main poses, the ones necessary to tell the story and better describe the main actions, and in a second time you go to add the other poses, breakdowns and in-betweens.posetopose1.png


This was just a quick explanation of the Principles of Animation, in the next lessons I’ll go trough and deeper to explain each of this principles !

So… don’t miss the next lesson: TIMING!