After Effects Tutorial - Bouncing Ball with Squash and Stretch

[Music] hello everybody and welcome to a new after effects tutorial today i'm going to show you how to create this bouncing ball with the squash and stretch effect this is pretty easy to animate and it's also really fast as well and you will get a really cool and fun result so let's get right into it so as you can see here i have my reference composition with the ball animation you'll see that when the ball is falling faster it will stretch and when it is on the floor it will squash the same when it is going up and the same with the remaining bounces all right so the stretch it's automatic and the squash will will have to do it manually but it's pretty easy so let's get right into it alright so let's create a new composition i'm going to set the width to 1500 and the height also to 1500 and i'm going i'm going to call this composition main all right i'm going to bring here my floor and my background layers just to have as a reference let me crop the length over here to 5 seconds that's it so i'm going to create a new ellipse that is going to be the ball and i'm going to call this layer ball of course i'm going to we have to make sure to have the anchor point set on the middle of the ball just like that and now we can begin animating the ball so let me just align the ball to the middle and before we start animating the position i'm going to press p on my keyboard to bring the position value we need to make sure that we have the two axis separated because let me just show you if we animate the position having the the same the axis united you will see what is going to happen so i'm going to animate just really quickly and i'm going to curve the path and what we have to do is to set the the keyframes when the ball is on floating on the on the air we have to set them with a little we have to we have to use them okay so i'm going to press f i'm going to select both keyframes when the ball is on top and i'm going to press f9 on my keyboard so you will see that the effect that we have is not the correct one because the ball is also stopping there on the x-axis and the movement on the x-axis is constant so it doesn't have to stop you'll see that this is not a very realistic result so we're going to split the dimensions like that again i'm going to align the ball on the middle and we're going to set the first keyframe on the y position when the ball is on the top and we i'm going to move ten frames and set the ball on the floor and then i'm going to move eight frames instead of 10 because the ball will be bouncing the ball will be will be bouncing lower and and therefore faster so i'm going to advance 10 frames and then move back to move the ball up again and then move eight frames so it will be on 26 and just going to paste the keyframe when the ball is on the floor again and i'm going to repeat the same process for two or three more bounces so now instead of moving eight places eight frames sorry we are going to move six one two three four five six and again i'm i'm going to move the ball six frames again one two three four five six and copy and paste the keyframe when the ball is on the floor and now i'm going to move four frames one two three four move the ball up a little bit again one two three four and again on the floor and now we can maybe move two frames but that that will be a little wheeled because it will be pretty fast so we are going to move four frames again and to make the last bounce one two three four then ball up a little bit one two three four and the ball down again so you'll see that we have this bounce it's not very realistic but we are going to ease the key frames when the ball is on top again so i'm going to select these keyframes that are the ones when the ball is on top on floating in the air sorry and this is the last one and i'm going to press f9 on my keyboard to ease them and you will see that we will have a mostly realistic animation but we have to adjust the curves a little bit so with these keyframes selected i'm going to the graph editor and i'm going to pull and i'm going to adjust the curves so i have a little bit more of the so i so the ball will stop a little bit more where when it is floating on the earth so you will see that we have maybe that's too much i'm going to go back and adjust it a little bit less there we go so that's that's something i like so now we have to animate the x-axis because the ball is going to come from the left to the right so i'm going to set a keyframe on the x position and move or you'll see that the y position is moving along along with the x position so we'll move it right there and then i'm going to step on the last keyframe on the y position and move the x axis to the right and you will see that we have here a pretty pretty curve where that indicates how the ball is going to bounce so you will see that we have a pretty realistic animation uh something that i don't quite like is that the ball is stopping quite suddenly on the x-axis as you can see there so i'm going to is them is this keyframe sorry with f9 and maybe i'm going to adjust the curve a little bit and move it a little bit to the right like that so the ball will stop right on the right so now we have the position animation uh now we have to animate the squash effect and we are going to make this animating this k so what we want to do is when the ball is touching the floor we want to make it smaller on the y-axis and a little bit bigger on the x-axis so it will man it will keep its volume so i'm going to create a keyframe on the scale one frame before the y position touches the floor and when it touches the floor i'm going to set the y scale to 65 and the x scale to 125 and we have to adjust a little bit the position because as you can see here the ball is no longer touching the floor so i'm going to adjust it and for the next frame i'm going to move another frame and just going to copy and paste the scale value when it was just normal and we're going to copy these frames select them and ctrl c and just place them for the next keyframe when the ball is touching the floor so you have to make sure that the middle frame on the scale is matching the the frame on the y position when it's on the floor and then again moving the wall a little bit closer to the floor and repeat the same process all right so we have now uh the squash animation so you'll see that when the ball is on floor it will deform so maybe on the next on the last frame you don't have you don't want to squash the ball so maybe just leave it like that because if you squash it and the position stays the same you will get this like the ball is going through the floor and we don't want that so just delete it perfect and now we have our animation all right so now we are going to add the this stretch effect for that we are going to use the echo effect just apply it and you will see that we have like a sort of stretch but not quite so we are going to make some adjustments all right so we are going to change the echo operator to maximum and then we want to say the echo time to minus 0.00 this is going to be the time delay between each echo you'll see that it's pretty together with the original ball but we're going to apply an expression now that what it's going to do is going to increase the number of echoes along with the speed on which the ball is moving so when the ball is moving faster the number of echoes will increase so it will be it will give the sensation that it's stretching and moving fast and when the ball is on the floor we won't have the echoes because we the ball is not moving at any velocity at any velocity so i'm going to alt click on a number of echoes and then paste this expression that you will find on the description of this video and this expression what it does is exactly what i just explained it just takes the speed of the y position and generates a number of echoes based on that speed so as you will see here when the ball is moving fast you see here it's moving pretty slow so we don't have a lot of echoes but when it's moving faster we can the ball will start to stretch even more so when it's on the floor it's almost like we have no echo at all and then the same again so maybe if you want to have a little bit more of a stretch you can modify this 350 you can set it to a lower number like i don't know 280 to 20 and you will have a longer stretch there you go so you can see that's a pretty fun animation alright so that's all for this tutorial remember that if you want the project it is available on the description you can purchase it through my gumroad page and you will also help me to support my channel so i would really appreciate that if you have any doubts or comments don't hesitate to put it below and i will get back to you as soon as i can so i hope you like this tutorial and see you on the next one

Channel: Francisco Giordano

Views: 4,081

Keywords:

Id: 7dMSyc7imsU

Length: 11min 29sec (689 seconds)

Published: Thu Nov 05 2020