Stick Page Forums Archive

Let's git gud: Exercise 07 - Overlap/Follow-through

Started by: Unbounded | Replies: 20 | Views: 8,017

Unbounded

Posts: 249
Joined: Feb 2015
Rep: 10

View Profile
Apr 11, 2016 1:55 AM #1445502
New exercise added 5-2-2016: Overlap/waving motion

New exercise TBA


Heya everyone, Unbounded here. Since I figured this spot was lacking some activity, and because I find things way more fun when other people are joining as well, I decided to make a fun ol’ thread where we can really just take a step back, and focus on learning the basic animation stuff, the fundamentals, really well. Like, really really well. You know, stuff like the bouncy ball, walk/run cycles, etc etc etc.

Oh, and I’m going to be tackling them in order. From the very bottom, (ball bouncing, no decay), so regardless of animation ability you should be able to jump in and participate. Heck, pretty much everyone should be able to benefit from this thread anyway.

“But Unbounded!” You might say, “I’ve already been animating for X amount of years! I’m already above this!”

Well, sure, I thought that myself. I’ve been playing with animation for roughly a year myself, but when I do a bouncy ball exercise I still get some weird results like this. Until you try it you can’t figure out if you have mistakes in the first place!

But for a better answer, no, no you aren’t above the basics. Industry professionals aren’t above the basics.

https://www.youtube.com/watch/?v=l_q6eyswBD4

Here’s an example of a pencil test from Milt Kahl for Bambi. Freakin’ Bambi. It’s basically modeled as a bunch of bouncing balls. It’s important. Trust me. Learning and practicing this stuff will improve every animation you work on from here on in.

Convinced yet? Good! Let’s get started then. The first few exercises will be listed below:

Absolute Beginner animation exercises (Taken from 11secondclub forums):

1: Bouncing ball, no decay. (Loop)

For this exercise we’re just going to be taking a single bouncing ball. It starts at the top, falls vertically, and is nondecaying. This means that there is no energy lost due to air friction, and there is no energy lost in the ground, and as a result the bouncing ball always ends at the same height that it started. It’s the perfect, ideal universe.

There’s no horizontal motion yet. That comes later!

I'll be posting tips for each of the exercises as I find them. I know I'm looking up ways to improve on this stuff myself. I see no reason why I shouldn't share this.

11secondclubTips (Click to Show)


Submitted exercises/critiques: (Click to Show)


2: Bouncing ball, decay
This is similar to the first one in that we’re working with a bouncy ball, but the big thing here is that it’s actually decaying, meaning that it is losing energy. The heights of the bounces will gradually decrease until it settles at the bottom. This one is actually pretty powerful, and by simply changing the timing of the bounces and the heights of the ball you can easily convey what type of ball it is. (We’ll get on this a bit more later.)

11secondclubTips (Click to Show)


Submitted exercises/critiques: (Click to Show)




3: Different types of balls. (Different weights, composition, etc etc)
So this is pretty interesting. With the previous two exercises we were getting a hang of both timing and spacing. We tried to make some random circular object convey the idea that it was a ball.

It turns out though, that by varying the timing and spacing of the bouncy ball animation, we can make it seem like a completely different type of ball! That's exactly what we're going to be doing for this exercise. Tweak the timing and spacing to make a few different kinds of balls. Because I want to keep a bit of focus, I'll recommend a few types of balls to focus on:

A bowling ball
A golf ball
A water balloon
A regular inflated balloon
A lump of clay

Really, there's any number of objects you can try out, I just think those are some good ones to play with. Good luck!

Generic advice (Click to Show)


11secondclubtips (Click to Show)


Submitted exercises (Click to Show)


4: Horizontal bouncing ball, no decay

This one is pretty similar to the first exercise, except now we acknowledge the existence of a second spacial dimension!

It's going to be a ball that is bouncing horizontally across the screen. There is no decay in height. To make it a little bit more interesting though, let's also put a bit of spin in there. Simple enough, right? It should be a bit of a break after that last exercise!

Some things to keep in mind:

-Arcs! Remember that most natural motion moves in arcs. This case is no di
Unbounded

Posts: 249
Joined: Feb 2015
Rep: 10

View Profile
Apr 11, 2016 4:08 PM #1445576
For my submission for the day:

https://www.youtube.com/watch?v=AMM9iGx98PA

Bouncing ball w/ decay exercise.

I feel much better about this one than the previous two, but I'm becoming more aware of some issues. At each of the impacts due to me adding more frames it's less jarring and you feel more like the ball has a bit of give to it. I may have added too many frames on the third bounce, however. It probably should have been cut to two there. Adding some REALLY subtle squash and stretch helps mitigate the whole "it becomes a ping-pong ball" feeling I had previously but it's still there somewhat. Figuring out the heights is probably the hardest part of this for me right now. They currently look a little odd, but I was unable to pinpoint why they looked odd or how to fix the issue.

I reduced the squash/stretch significantly and it looks better for it imo. I could make it transition to the stretch in a bit more of an exponential manner. This would probably look better with the increasing velocity before the contact positions.

That's all the stuff I noticed. If anyone has any comments and/or critique that would be much appreciated!

Edit: Submission 2 for the day:

https://www.youtube.com/watch?v=Y7X9To4D4VE&feature=youtu.be

Bouncy ball, no decay. I still feel a little iffy when it comes to the squash at the bottom. Getting it just right so it feels like there's an impact and so it still looks okay isn't the easiest thing ever, but I'll keep bashing my head against it until I get it.
Tun3
2

Posts: 292
Joined: Nov 2012
Rep: 10

View Profile
Apr 13, 2016 12:28 AM #1445806
Submission 1: http://www.fastswf.com/TNaoj24
Unbounded

Posts: 249
Joined: Feb 2015
Rep: 10

View Profile
Apr 13, 2016 2:05 AM #1445826
Quote from Tun3


Sweet. Thanks for being the first to participate in this!

Now, regarding your animation:
-The first thing that sticks out to me is that it doesn't really look like it's under any gravitational influence. It looks like it's moving back and forth in a linear fashion. To figure this out, check the spacings of the frames. Generally when you drop a ball from rest, you begin with very little spacing for each consecutive frame, and this spacing increases exponentally as you get towards the bottom. It hits the ground and bounces up elastically, (so there should be only one or two frames of contact). As it goes back up the spacings between the frames decrease again until you hit the top, and then you repeat the process. It's best to do this exercise with a ball bouncing by itself to really *get* the idea.

So basically at the top you should always be easing in/easing out.

Also, the ball is completely rigid. It wouldn't move that fast vertically without having some level of stretch!

Anyway, keep at it brah. Looking forward to seeing more from you. Keep doing that practice thing!

Edit: Third bouncy ball with no decay. I think I'm satisfied with this exercise:

https://www.youtube.com/watch?v=negiTMQ8keE&feature=youtu.be

As always, cnc appreciated. I plan to do one more bouncing ball with decay implemented then I'll put up the next exercise.

EDIT: 4/13/2016

Final attempt at the bouncing ball with decay. I experimented with this one a bit and I'm pretty OK with how the result turned out.

https://www.youtube.com/watch?v=Zrw8HaAA4Xw&feature=youtu.be

And since as I'm posting this it's the 14th I can finally start the next exercise, Bouncing balls of different weights!
Unbounded

Posts: 249
Joined: Feb 2015
Rep: 10

View Profile
Apr 15, 2016 5:15 AM #1446186
4/14-4/15, finished my first go at the "Bouncing balls of different weights" exercise.

https://www.youtube.com/watch?v=3kaKLrbN2_E&feature=youtu.be

As always, tips and tricks are appreciated. In particular I had a lot of trouble with the water balloon and the air balloon.
chantful
2

Posts: 20
Joined: Mar 2016
Rep: 10

View Profile
Apr 16, 2016 12:37 PM #1446332
Yo sorry if I'm a bit late on this : http://sta.sh/0hugnfei8rk
Unbounded

Posts: 249
Joined: Feb 2015
Rep: 10

View Profile
Apr 17, 2016 4:53 AM #1446418
So I meant to get up my second attempt at the balls with different weights up yesterday, and today, but I've been out of town for the weekend. I'm still animating and all but I haven't had much time to just sit down and plow through the entire exercise.

Quote from chantful
Yo sorry if I'm a bit late on this : http://sta.sh/0hugnfei8rk


Sweet! Another participant! Glad you could join the party!

So, the big thing here is the easing of the ball. You definitely seemed to understand that it starts out slowly, and that's great! What you didn't quite convey is that as it gets towards the bottom, it continues to get faster. (At least, at the heights we're dealing with and with this particular normal ol' bouncy ball.) To get this idea across you need to keep increasing the spacing between frames until it actually hits the bottom. For you after about midway it seems to fall at a constant rate. You'll want to avoid this for most motion because the force of gravity is always constantly accelerating an object downwards.

Squash and stretch seems pretty solid for the most part. You may have stretched a little bit too much on the frame right before the contact position. Remember that for squash and stretch to be believable you also need to keep volume in mind.

It's a definitely a solid start. Keep it up!
hamnet
2

Posts: 74
Joined: Sep 2013
Rep: 10

View Profile
Apr 17, 2016 3:03 PM #1446467
Bouncy ball: no decay (loop)

Image

Bouncy ball: decay (no loop)

Image
Unbounded

Posts: 249
Joined: Feb 2015
Rep: 10

View Profile
Apr 18, 2016 5:56 AM #1446573
https://www.youtube.com/watch?v=YpWY3yyqZso&feature=youtu.be

Second shot at balls of different weights. I actually want to revisit this one a few more times. (It's actually hard AF) For now though, I'll keep moving on and instead backtrack during one of the less intense exercises. As always, Cnc appreciated! Feel free to nitpick the crap out of that thing.

Some of the more subtle stuff might be hard to see so I'll make sure to re-render it zoomed in a bit closer when I clean up the thread a bit tomorrow.

Quote from hamnet
Bouncy ball: no decay (loop)

Image

Bouncy ball: decay (no loop)

Image


A challenger approaches! Thanks for participating.

-Your spacing is actually really solid. Props for that. You've also managed to keep the volume of the ball extremely consistent, which is a feat in and of itself.

-At least from how I'm seeing it, you're overdoing the squash a bit much on the contacts. Remember that squash and stretch tells you about the physical properties of the object you're working with. Its composition, density, etc. With how much squash and stretch you have on both of those animations, it feels less like a bouncy ball, and more like a water balloon. It seems like something that is sloshing around. This isn't inherently bad at all if you're going for a much more cartoony feel, definitely, but that isn't quite what we're trying to accomplish here.

-My eyes might be playing tricks on me since it's a little late and all, but it feels like on the decay it's losing a bit too much height on the second bounce. I'll make sure to get back at it with fresh eyes though.

Anyway, good job! You have a pretty decent grasp of some of this stuff already, so it's great that you're willing to take a step back and fine-tune your abilities. Keep at it!

And as of me posting this, it is officially the 18th of April. As promised I have to get the next activity up, so here it is:

Bouncing a ball forward, with no decay in height or speed

The thread will be updated for this new exercise.
hamnet
2

Posts: 74
Joined: Sep 2013
Rep: 10

View Profile
Apr 18, 2016 9:31 PM #1446636
Quote from Unbounded
https://www.youtube.com/watch?v=YpWY3yyqZso&feature=youtu.be

Second shot at balls of different weights. I actually want to revisit this one a few more times. (It's actually hard AF) For now though, I'll keep moving on and instead backtrack during one of the less intense exercises. As always, Cnc appreciated! Feel free to nitpick the crap out of that thing.

Some of the more subtle stuff might be hard to see so I'll make sure to re-render it zoomed in a bit closer when I clean up the thread a bit tomorrow.



A challenger approaches! Thanks for participating.

-Your spacing is actually really solid. Props for that. You've also managed to keep the volume of the ball extremely consistent, which is a feat in and of itself.

-At least from how I'm seeing it, you're overdoing the squash a bit much on the contacts. Remember that squash and stretch tells you about the physical properties of the object you're working with. Its composition, density, etc. With how much squash and stretch you have on both of those animations, it feels less like a bouncy ball, and more like a water balloon. It seems like something that is sloshing around. This isn't inherently bad at all if you're going for a much more cartoony feel, definitely, but that isn't quite what we're trying to accomplish here.

-My eyes might be playing tricks on me since it's a little late and all, but it feels like on the decay it's losing a bit too much height on the second bounce. I'll make sure to get back at it with fresh eyes though.

Anyway, good job! You have a pretty decent grasp of some of this stuff already, so it's great that you're willing to take a step back and fine-tune your abilities. Keep at it!

And as of me posting this, it is officially the 18th of April. As promised I have to get the next activity up, so here it is:

Bouncing a ball forward, with no decay in height or speed

The thread will be updated for this new exercise.

Thanks for the feed back, never really played around with the basics like this but I knew about spacing so I wanted to try it out, as for the squash I was just experimenting with it never actually done that either. Great thread keep those challenges coming!
Unbounded

Posts: 249
Joined: Feb 2015
Rep: 10

View Profile
Apr 18, 2016 11:28 PM #1446644
Quote from hamnet
Thanks for the feed back, never really played around with the basics like this but I knew about spacing so I wanted to try it out, as for the squash I was just experimenting with it never actually done that either. Great thread keep those challenges coming!


It's fine. Experimentation is good. You learn things when you do that!

And exercise # 4 is up completely. I'll submit my first shot at it and then clean up the thread. Good luck to everyone!

EDIT: My first submission for this exercise:

https://www.youtube.com/watch?v=ViyHBeGSQrY&feature=youtu.be

Cnc appreciated. I'm probably going to tweak the rotation a bit next time so it doesn't appear so... canned, if that makes any sense.

EDIT: 4/19 - 4/20 2016 - Made another one, fixed the rotation issue I had.

https://www.youtube.com/watch?v=1wSYJ5G-q4c&feature=youtu.be

I think I may have underdone it with the squash on contact again. I'm trying to find my personal sweet spot where it doesn't seem like too much or too little squash. I'll figure it out in due time, I suppose!

EDIT: 4-20 2016 - A third go at this!

https://www.youtube.com/watch?v=t1XXuPvS2GQ&feature=youtu.be

Tweaked the height, and now it doesn't have that weird "floatiness" it had before. Seems much more "alive" to me at least.

I'm pretty satisfied with it. I'm going to try again tomorrow to see if I can drag out any more improvements.
Tun3
2

Posts: 292
Joined: Nov 2012
Rep: 10

View Profile
Apr 21, 2016 11:20 PM #1446928
http://www.fastswf.com/_W7Z6Uo - no decay

http://www.fastswf.com/BfV8LHA decay
Unbounded

Posts: 249
Joined: Feb 2015
Rep: 10

View Profile
Apr 22, 2016 1:04 AM #1446931
Quote from Tun3


Glad you're still participating! I appreciate that a ton.

Cnc:

No decay:
-It shouldn't really be stretched by the same amount the whole way down. It should start from a more neutral position, and then as it goes down it becomes more and more stretched as it moves faster.
-When it squashes, it actually goes more squashed than it was in its perfectly circular pose. How much it squashes depends on its speed.
-You didn't loop it perfectly. You can just repeat the frames you had on the way down in reverse if you want to for this exercise.
-It accelerates, but it should be accelerating at a much faster rate than it currently is!

Overall you still need to put a bit of work into it, but you've definitely improved over your previous shot. Keep at it man!

Decay:
-Remember, it stretches in midair, but it only squashes at the contact. Be wary of this.
-The height of the third, fifth, and sixth bounces seem a little off. It should lose a bit more height with each bounce at the fifth and six bounces as well.
-It should only be at the very peak for roughly one frame.
-The amount of frames going up will be the same as the amount of frames going down for each bounce. Gravity is constantly accelerating the ball downwards at the same rate. Always.

Overall, making some nice strides man. Looking forward to seeing more of your progress!

As for me:

https://www.youtube.com/watch?v=lbuZuv8BnCQ&feature=youtu.be

That's my last shot at the horizontal bouncing ball w/ no decay exercise, and that's also the last day for this exercise as well. I'll make sure to put the next one up tomorrow!

EDIT: 4/24/2016

So I finally managed to get this one done. It was way tougher than I expected it to be. Getting used to accounting more for rotation is going to take a bit.

https://www.youtube.com/watch?v=KjOVuHQ_MH4&feature=youtu.be

So after finishing it I felt that the contacts lasted for a bit too long. Two frames should be more than enough for this. I also had some trouble figuring out what to do with the horizontal velocity and the rotation on the contacts. I'm going to have to look up some video references to understand just what's happening there.

As always, criticism and advice appreciated. I'm going to do this again. It should take wayyyyy less time now.
Creepin_Bro
2

Posts: 757
Joined: Mar 2016
Rep: 10

View Profile
Apr 24, 2016 2:47 PM #1447160
Ima participate in this, so I'll edit this post or make another when I'm done
(this is good for me, cause I am a beginner animator)

EDIT: I got no decay done: http://sta.sh/016pt8gqq3ha
TheOrigin

Posts: 552
Joined: May 2015
Rep: 10

View Profile
Apr 24, 2016 11:01 PM #1447188
Horizontal movement w/ decay w/ pokeball
http://imgur.com/SvXIztT
Website Version: 1.0.4
© 2025 Max Games. All rights reserved.