Monday, 31 October 2016

Simple Easing.

From Last week's Blog we've learn to do simple Animations, I bet you started making animations!
Anyways this time, we will talk about How easing work, And it's been a problem to many who are just starting mistaking it as smooth animation,slow motion and other terms they're naming it. Now if you look at this Gif, ad understand what it meant then I don't need to explain it anymore
https://dribbble.com/shots/1059547-Keyframe-Easing-Animated-GIF
Image : Keyframe-Easing-Animated-GIF
Now if you still haven't grasp it here's what Easing would be in Physics Terminologies, Without Easing Things would move directly to a constant speed (The same from what we made from our previous animation). See "NONE" in gif, This is a good example, but I want you to imagine this in real life. When there's a ball on the ground and you touched it the slightest touch, reality it would just slowly roll and if there's a slope its rolling downward faster, But in animation we need to look things and make things real to the eyes even the movements, So if Easing is not applied the Ball might just not speed up when going down a slope, or Blast of the space instantly from the moment it was touched, but that's just a joke. You see Easing make things more Realistic.
"IN" is when the Easing goes IN, Simply start's slowly then goes Fast.
"OUT" is when the Easing goes Out, Opposite of In.
"BOTH" is when Both from beginning and ending of animation has Easing.

How do we Apply Easing in pivot? 

Remember Our last lesson having constant "Spacing". For now we will just use 14.1 FPS

Constant Spacing Frames:                      Result:






We change the "Spacing" for "Easing IN", The spacing the between in the beginning would be small then gradually moving constant in the end.

Easing In Spacing Frames:                      Result:




For "Easing Out", The spacing between in the end would be smaller than the beginning.

Easing Out Spacing Frames:                      Result:






For "Both", The spacing between the Beginning and the End would be smaller gradually Faster in the middle.

 Easing Both Spacing Frames:                      Result:



I used the Same Number of Frames and just change the spacing in between them. Smooth may be the Right term too, But Slowmotion is a complete different concept. Man.. Physics is difficult.
Hope you learn something new from this tutorial. 



No comments:

Post a Comment