EX3: 2D Bouncing Ball

Today we started learning about the ‘Principles of Animation’ and were tasked on applying it in Adobe Animate during the lesson.

There are 12 principles of animation, and these were developed by the older members of Disney’s Animation studio.

These include:
– Squash n’ Stretch
– Anticipation
– Staging
– Pose to Pose (Straight aheads)
– Follow Through and Overlapping
– Arcs
– Slow-in and Slow-out
– Solid Drawings
– Exaggeration
– Secondly Action
– Timing
– Appeal

And then made an animation of a bouncing ball, which would use five of these principles, timing, arcs, pose-to-pose, squash n’ stretch and slow-in and slow-out.

Making the animation:

For this task we used our copies of Adobe Animate CC 2017, and had the option to draw the ball each time, or use the shape tool to create them.

First I created the arcs (remember, everything uses arcs!!) with the pen tool, and created 5, each decreasing in height after the other as this will be the path the ball will follow, I wanted the path to be more realistic, as to not look jarring in the ball’s movement. I also added the ground for the ball to be bouncing on.

The arcs are a little messy as I am inexperienced with the pen tool, but they got the job done.

Like mentioned above, the arcs are used to calculate the weight of the ball as it is moving, we can then apply squash and stretch to to show this and the speed in the animation by manipulating the ball’s height and width.

ball 2

Instead of animating the entire piece, we used a technique called ‘pose-to-pose’, wherein we applied keyframes of the ball in the bottom and top of each arc, and then filled in the in-between frames.

ball 3.png
Using onion skin to help determine where the subject in the next frame should be placed.

Leaving me with this result:


As we can see, I used slow-in and slow-out by having more drawings at the start of the arcs to help calculate the timing.

Without the arc, I’m left with this result.ballmove2.gif

I’m quite satisfied with this, but if I were to attempt this again, I’d pay more attention to applying the ‘slow-in and slow-out’ principle, as I feel the ball looks unnatural at the very end of the cycle.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s