Hello, and welcome back to this tutorial by arrow media. In this assignment, we learn how to animate a bouncing ball using the motion path technique. Let's solve this with a new document in Flash. You must have realized by now that the basic two elements we'll need here are a ball and the ground, which it will bounce on. So, name the first layer ground. And using the line tool, draw a ground line, add another layer and simply draw a circle on the stage using the oval tool.

Just hold down shift on your keyboard to get a perfect circle. We don't need it to be black. So pick any other color and fill it. Let's try to make it a little more realistic. Go to color options, change the type from solid to radial so that we get a highlight on it which will make it look more real. We'll change the colors for the ball as per your choice and fill it.

Now, press F to choose the gradient Transform tool. You can see some more handles here. Pick up the center here and move it to the top right. light color gives the feel that light source is coming on the ball. Hold the middle circle here, and let's decrease the light portion by moving inside. Please follow the video.

Before moving ahead, save the Flash file and name it bouncing ball. Now, select the ball. Press f8 to convert the drawing of the ball to a graphic symbol and name it ball. Now, we are ready to animate the bouncing ball. Create a guide There, you can find this option besides add new layer in the timeline. On this guide layer, we have to now draw a proper path using the line tool.

This will be the path on which ball will be animated. while drawing that path, use the sub selection tool so we can edit the nodes easily. The path shows that the ball will come in and go out from the stage taking do bounces. scale down the ball and also check that snap to object is on in toolbar. It will help to snap the exact center Have the ball to the path, please check the video carefully. On the very first key, connect the ball to the starting point of the path in timeline, extend the length of all the layers up to 65 frames.

This will be the total length of our animation. Select and shift the ground level slightly downwards and lock it in the ball layer. Go to frame 12 and insert a keyframe and then add motion to end. On the 12th frame, move the ball to the first bounce point. Connect the pivot of the ball perfectly to the joint of the lines. See that the ball is moving perfectly on the path.

Go ahead, add two more keyframes on frames 21 and 29. Add motion to into them on frame 21. Place the ball on the top center of the path and on frame 29 plays the ball on the very next bounce. Point. As you can see, the ball is moving ahead perfectly on the Bob. Now, let's try to make the ball more alive.

So, add one more keyframe at 38. Apply motion twin and link it to the endpoint of the path as seen in the video. Yes, the ball automatically picks it up as its path for the action. Now, let's make it even more effective. The ball should actually accelerate while going down and decelerate when coming up. In order to do this, we'll apply some ease in and ease out values to the motion twin.

Between the first two keyframes give the easing value of minus 50. The value on easing refers to the slow to fast movement of the object. In the second part, apply the ease out value of 50. And remember, ease out refers to fastest Little movement of that object, again, where the ball is going downwards, give the easiest value of minus 50. And at the end, give 50 as is out value to the motion. Now, when you play, you'll see that the ball speeds up when it goes down and slows down while it is coming up.

This way, we can create a feel of gravity working on the ball. Okay, now, let's move on to the bounce. Add two keyframes around the key where the bounce takes place, one at the 11th frame and another added 13th. On the 12th key, squash the ball from about using the free transform tool and on 11th and 13th frames stretch the ball in this direction as seen in the video. Again, said the ease out values 200 for the second part, this stretching and squashing will give the perfect impact of bounds. See, the animation looks much better now.

Now let's do the same for the next point where the ball bounces. Add two key frames besides frame number 29 as seen in the video, squash the ball at frame number 29 and stretch the ball and frame number 28 and 30 And here again, make sure that the ease out value is 100. Now, let's see the result of all that stretches, bounces and moves to the selected path. We have the animation working the way we want now, hide the guide layer and switch on the onion skin. Adjust the handles, select all the frames and here we go. You can see the path and every key of the ball.

You can also find out how the ball is squashing and stretching according to its upward and downward movement. Notice that while coming to the center at the top, the ball has slowed down and picks up speed as it approaches towards the ground. Switch of that earnings can now and enjoy the bouncing ball animation. You can create some more interesting animations using such basic and simple techniques. That's it for now. Hope you found this tutorial from aro media useful.

Thank you