Tuesday, September 20, 2016

Bouncing Ball Animation Using Arcs

The Process

For the first part of the project, we created layers such as our name, the ground, the sky, and the two types of balls. You know, the basic stuff. Then, we made drew an arc layer to use as a guide for the animation. After that, we created endless layers of bouncing balls, using ease in and ease out and squash and stretch. That was the longest part of the project! Then, after the long process of the creation of the ball layers, we made a "curtain" using the paint bucket tool to slowly fade in the scene of the bouncing ball. This layer went on the beginning and end of the animation. Just like the last project, we used the timeline to animate the bouncing ball, and used the "tween" tool to slowly fade in the scene. Finally, we saved for web, and got to post it down below!



New Things in This Project

In this project, we learned the arc principle of animation and the "tween" tool in the timeline of photoshop. For starters, the arc was used as a guide to help the bouncing balls stay on some sort of track. It helped map out the animation. We drew this by making a new layer and drawing the arcs using the "paint brush" tool. The ball had to bounce it little lower each time in order for the animation to look somewhat realistic. Then, when finished creating the layers, we slowly faded in the bouncing ball scene by using the "tween" tool for the "curtain" (paint bucket-filled layer). These few new tools and principles helped make the animation better than last time, and they looked more real!

Next Time?

If we did this project again, I would probably mess around with the "no dither" when saving the animation for the web. The options, such as "selective" and "adaptive" could have helped the animation colors look better, since it doesn't blend very well. I would also try to get the bounce to stop sooner so I could add some other cool twist at the end.

Overall, the results were better than last time!

Here is a video to learn more about the animation principle of arcs:

No comments:

Post a Comment