HOME | DD

Pix3M — Mini Tutorial: Slowing in, Slowing out

Published: 2013-04-23 18:29:54 +0000 UTC; Views: 11071; Favourites: 331; Downloads: 122
Redirect to original
Description This technique is apparently called easing, and slow-in, slow-out. Ironically, I didn't even know the name of this technique when I made this but it was a while ago when I made this o_O

I knew about stuff like this through basic public education of physical science. In order to set an object into motion, a force must be applied. A force puts objects into motion by changing its velocity, which changes its position. For that reason, an object moves by easing itself into motion (slow-in), but easing itself back when it reaches its other extreme (slow-out). Interestingly, knowing some of the math behind this stuff really helped me make more convincing animations without even knowing the proper names of these techniques let alone how an animation professional put them into practice. Heh.

Figured that this might to be a cool thing to show. (I should be practicing more to improve my craft.)
Related content
Comments: 29

Wish-I-Was-Finnish [2016-10-15 01:09:35 +0000 UTC]

Gah, this is so hard to do X|

👍: 0 ⏩: 0

divakitty704 [2015-06-23 19:32:19 +0000 UTC]

I dont see the difference between the two   :I

👍: 0 ⏩: 1

Pix3M In reply to divakitty704 [2015-06-24 21:40:19 +0000 UTC]

Totally fine. However, pay close attention to how one of them gets slower and faster, while the other moves at the same speed all throughout the animation

👍: 0 ⏩: 0

Kerlasia-Adopts [2015-02-02 01:34:17 +0000 UTC]

It's called "ease-in" and "ease-out" in Flash, if that helps.

👍: 0 ⏩: 1

AsheroTurnick In reply to Kerlasia-Adopts [2015-06-19 20:17:15 +0000 UTC]

shortened to easing for easier remembering and usage

👍: 0 ⏩: 1

Kerlasia-Adopts In reply to AsheroTurnick [2015-06-20 06:37:57 +0000 UTC]

I see.

👍: 0 ⏩: 0

KatrueYumeNikki [2014-05-10 19:43:21 +0000 UTC]

Hidden by Commenter

👍: 0 ⏩: 1

flutist In reply to KatrueYumeNikki [2014-07-09 13:27:35 +0000 UTC]

the right is move faster when the pendulum in the middle and slower at far left and right.

👍: 0 ⏩: 0

FalseProphetX [2013-08-26 14:44:33 +0000 UTC]

A nice reminder that animators should also learn physics.Agree.

👍: 0 ⏩: 0

Winter-Stern [2013-08-23 08:34:05 +0000 UTC]

Thank you

👍: 0 ⏩: 0

MiningForDegus [2013-07-08 16:46:20 +0000 UTC]

It's subtlety is mind-boggling o_0

👍: 0 ⏩: 0

hipster-ponies [2013-05-14 07:07:23 +0000 UTC]

Currently learning/practicing animation, this is actually very helpful thanks!

👍: 0 ⏩: 0

Sergle [2013-04-29 08:17:17 +0000 UTC]

Ahh, that's really interesting! I didn't know what made it look like that, but you're right, the second one looks much more natural.

👍: 0 ⏩: 0

BlackPie [2013-04-26 09:34:27 +0000 UTC]

Great work with this

👍: 0 ⏩: 0

CraftyPixel [2013-04-24 00:16:40 +0000 UTC]

- You're doing a great job with these -

👍: 0 ⏩: 0

imakocoa [2013-04-23 19:48:58 +0000 UTC]

I agree with ~Sionann XD
But then again, I don't even know how to do it properly, so what am I talking about? XD

👍: 0 ⏩: 0

BlueTimeFlux [2013-04-23 18:57:55 +0000 UTC]

i dont see it... :/

👍: 0 ⏩: 2

BlackPie In reply to BlueTimeFlux [2013-04-26 09:34:16 +0000 UTC]

An easier way to see it is by placing your finger over the right one. See how unnatural and quick the left one is. That is because it doesnt slow in and out of the swing. Now place your finger over the left one. See how the swing is more natural and realistic in the right. When animating a quick movement, the start is slow before speeding up then slows to the halt at the end.

👍: 0 ⏩: 1

BlueTimeFlux In reply to BlackPie [2013-04-26 12:02:29 +0000 UTC]

Huh, well that happened...

👍: 0 ⏩: 0

Pix3M In reply to BlueTimeFlux [2013-04-23 20:58:42 +0000 UTC]

The tutorial itself is the demonstration in the GIF, really.

👍: 0 ⏩: 0

Sionann [2013-04-23 18:35:31 +0000 UTC]

very true! Its really annoying when you see a character run in a cartoon and then just stop dead or something bounce without speeding up or slowing down.

👍: 0 ⏩: 1

Pix3M In reply to Sionann [2013-04-23 18:36:49 +0000 UTC]

I would think 'cartoons' are often done by animators with better understanding of animation principles than I do. Or, are we talking about people who aren't necessarily professionally-paid?

👍: 0 ⏩: 1

Sionann In reply to Pix3M [2013-04-23 18:38:40 +0000 UTC]

some that are not paid and occasionally professionals, I guess those little details can get overlooked in long animation work. It must be a seriously hard job to make a long animation.

👍: 0 ⏩: 1

Pix3M In reply to Sionann [2013-04-23 18:46:33 +0000 UTC]

It's likely time restraints keeping artists from making it all perfect.

👍: 0 ⏩: 1

gandpTrixie In reply to Pix3M [2013-04-23 20:52:32 +0000 UTC]

There used to be some AWESOME videos from one of the FiM animators. He explained movements frame by frame and even showed bad examples that were scrapped. Too bad Hasbro apparently made him take down is videos... I wish someome saved them.

👍: 0 ⏩: 1

MystalurDimensh In reply to gandpTrixie [2013-04-23 22:18:43 +0000 UTC]

That's sooo sad. I'd really wanted to learn more about MLP flash animation. I don't think I've seen any 'full-length' animation in flash done so well. At first I was like 'omg! no way! D:' but then it all added up.

👍: 0 ⏩: 1

gandpTrixie In reply to MystalurDimensh [2013-04-23 22:20:49 +0000 UTC]

Here is his Youtube: [link]

Just in case they pop up again someday...

👍: 0 ⏩: 1

MystalurDimensh In reply to gandpTrixie [2013-04-24 23:46:42 +0000 UTC]

thx!

👍: 0 ⏩: 1

MisterJones4899 In reply to MystalurDimensh [2013-06-27 10:31:39 +0000 UTC]

Responding to an old post...

[link]

Grant Beaudette has a wealth of knowledge on the subject.

👍: 0 ⏩: 1

MystalurDimensh In reply to MisterJones4899 [2013-06-27 23:50:42 +0000 UTC]

TY!

👍: 0 ⏩: 0