BEtr Thn U's Complete Pivot Tutorial!
This is my helpful tutorial competition entry.
THIS IS UNFINISHED SO DO NOT POST/REPLY IN THIS TOPIC UNTIL I HAVE SPECIFIED YOU MAY.
Contents:
I - Smoothness/Choppiness
II - Easing
III - Physics
IV - Stiffness
V - Movements
VI - Effects
----------------------------------------------------------------------------------------------------------
Section I: Smoothness/Choppiness
Smoothness is one of the most important aspects of animations. It's just basically using more frames in movements to make animations look smoother. Easing is ESSENTIAL with Smoothness. To catch up with easing, go to section II (Easing).
Choppiness is the OPPOSITE of smoothness. It's what you DON'T want in animations.
Heres an example of smoothness WITHOUT easing. (Choppiness example)
http://pivothost.org/public/pbserver1/1208835054.gif
See, it's still choppy without easing.
[.PIV]
Now, here's an example of smoothness WITH easing.
http://pivothost.org/public/pbserver1/1208855412.gif
That looks, A LOT better doesn't it?
[.PIV]
Exactly :]
Now, lets look at an animation with smoothness.
http://uploaded.pivothost.org/pivotmasterr...utorialoern.gif
Can you spot the smoothness?
EVERYWHERE!
For example:
When the guy walked
When the guy pulled up his hand
When he punched
[.PIV]
----------------------------------------------------------------------------------------------------------
Section II: Easing
Easing is probably the most important aspect of animation.
Easing is the acceleration and deceleration of movements. So when someone says that you need
easing in your animations, they mean your movements need to look like they're either speeding up
or slowing down, instead of going at one speed constantly.
E.G
|-|--|---|----|---|--|-|
That's a quick example of easing.
The | is the figure, and the - symbolized empty space/pixels of movement.
Let's look at some easing in an animation.
https://2img.net/r/ihimizer/img521/9137/easingts5.gif
That's GOOD easing. It's what you want to put in animations.
[.PIV]
In movements, I would reccommend this sort of pattern for the easing
Frame1: Move 1 pixel
Frame2: Move 2 pixels
Frame3: Move 4 pixels
Frame4: Move 8 pixels
Frame5: Move 16 pixels
Frame6: Move 8 pixels
Frame7: Move 4 pixels
Frame8: Move 2 pixels
Frame9: Move 1 pixel
Or something like that. That's a pattern that I'm just saying is probably better for people new
to easing.
NOTE: There is ABSOLUTELY POSITUVELY NO MOVEMENT THAT DOES NOT NEED EASING. NO LOOPHOLES.
There is another type of easing too, it's called "Heavy Spacing"
The example would be somewhat like this:
|--|----|-------|----|--|-|
Heavy spacing uses more easing in deceleration than in acceleration.
Here's an example of heavy spacing:
https://2img.net/r/ihimizer/img91/4237/heav...edeasingxo4.gif
See how it's faster than the first one? Try to compare and contrast them to find the differences.
[.PIV]
E.G
Frame1: Move 1 pixel
Frame2: Move 3 pixels
Frame3: Move 7 pixels
Frame4: Move 4 pixels
Frame5: Move 2 pixels
Frame6: Move 1 pixel
It's simple, really. But easing isn't easy when you just start. You'll get the hang of it.
Also, one thing I have noticed that the easiest/best way to improve or test with easing is by getting
a random figure (a base reccommended) and making a random movement with easing.
I'll give you an example.
http://uploaded.pivothost.org/pivotmasterr...utorialoern.gif
P.S. I know it's the same example from before, I'm using it again because it looks good.
(My opinion, not trying to brag)
http://uploaded.pivothost.org/pivotmasterr...utorialoern.gif
[.PIV]
Can you spot the easing?
EVERYWHERE (again)
For example:
As he started to being his first motion
In the walking
When he pulled up his back arm
When he punched
I know it's not much of a random movement, but random animations are just animations that
have no plot, you just make it up.
P.S. Heavy Spacing is not much of a type of easing as it is a type of animating style. One
thing for sure though, it's pretty popular.
It doesn't have to look
good, but as you keep going, you'll get better, even if you challenge yourself more throughout the
practice.
----------------------------------------------------------------------------------------------------------
Section III: Physics
Physics is the realistic aspect of animations.
https://2img.net/r/ihimizer/img365/647/ballbouncegb0.gif
That's a decent example of physics. It's what you DO want in animations.
Depending on how heavy the ball is, you will want to make the bounces a bit more heavily spaced. Lighter ball = not as heavily spaced, heavier ball = heavily spaced.
I recommend you study it off the pivot file as well.
[.PIV]
Lets look at a heavier bounce.
https://2img.net/r/ihimizer/img151/381/ballbounce2qy7.gif
See how the spacing increased, and the bounces have decreased? THAT'S how you make a ball look heavier.
[.PIV]
Now, thats just a ball bounce. Theres other things too, like reactions.
Let's look at a guy landing.
http://pivothost.org/public/pbserver1/1208919082.gif
[.PIV]
That's hard to do. But you'll get the hang of it sooner or later.
THIS IS UNFINISHED SO DO NOT POST/REPLY IN THIS TOPIC UNTIL I HAVE SPECIFIED YOU MAY.
Home 
