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.
– Squash n’ Stretch
– Pose to Pose (Straight aheads)
– Follow Through and Overlapping
– Slow-in and Slow-out
– Solid Drawings
– Secondly Action
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.
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.
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.
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.
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.