Bouncy Ball Animation // Plot and Study from The Animator’s Survival Kit

avatar

Welcome to my first animation study post!

Just a heads up that this first post is just the planning, and the animation will come in the next post.

The exercise I'm planning here is from The Animator's Survival Kit by Richard Williams. If you want to get into 2D animation , I think this is the best place to start. This book has been on a lot of recommended reading lists for beginners, including UCLA’s animation workshop, where I learned about it.

He doesn’t specifically line up animation exercises in this book, but the bouncy ball is a pretty standard starting point and I never actually did one - so no time like the present!

Here’s what I’m using:

0F935D30C299451F8A93FC96A4CC398D.png

1: The Animator’s Survival Kit by Richard Williams
I’ve copied the relevant information from the book and posted it below, if you decide you want to try it too.

2: iPad with Rough Animator software
For frame by frame, this is the easiest set up for me. If you want to do it traditionally, I think a little flip book would work well for this.

3: Apple Pencil (cleverly disguised as a real pencil)
Works with my iPad, but won’t work with a flip book. Try a regular pencil if you have the flip book - but please don’t use a regular pencil on my iPad.

4*: Old glasses because mine are missing
Has anyone seen my glasses?

*you won’t need if you don’t need glasses


A quick thought from Richard Williams about the importance of planning:

F6640D2AB12A483285618F815CD49E6F.jpeg

Ok, so obviously I don’t need days to think about a bouncy ball animation exercise. But I will take some time to consider the timing and spacing of the ball and how I can use those tools to give the ball life instead of just motion.


RELEVANT READING

F7D193743D7642D1AFD09D6F6CD84FB8.jpeg

E25F9F63935B455CA9FD8E965497A02F.jpeg


PLANNING THE ANIMATION

Step 1: Timing

Timing is where the ball hits the ground.

E9CBFEEFDB38420DA7290BDCBCB12302.png

Step 2: Spacing

Spacing is where the ball is between each bounce.

CEF42F29B8F44832A79260CAE964C931.png

Step 3: Plot

Numbering the ball shows me that this animation will take 27 frames - 1(ish) second at 24 FPS, or just over 2 seconds at 12 FPS.

BA0B066A75DD4001B79E402A0F3B129F.png


Product

This graphic gives me a great base with which to make my animation. Now when I’m drawing, I can focus on consistency of the ball and exaggerating the squash and stretch to give it personality.

685BCBEC9A2B4B77AFC7810BA4C055C7.jpeg



0
0
0.000
20 comments
avatar

Hahaha! I bought this book studying animation, I should open it once in a while!

0
0
0.000
avatar

Definitely! He's a funny writer, and a genius at boiling things down 😄

0
0
0.000
avatar

Yeah and his method is more important then ever with the ever growing part digital art plays in the industry. Students must emulate something that used to come natural like the expressiveness of their characters.

0
0
0.000
avatar

The first animation tutorial i saw at youtube was the bouncy ball,lol

0
0
0.000
avatar

Ha. I think it's good to start with a ball so they're not tempted to make it too detailed! Lots of Detail = the slow death of the animator 😆

0
0
0.000
avatar

Congratulations @ashleypox! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You received more than 500 upvotes. Your next target is to reach 1000 upvotes.
You got more than 10 replies. Your next target is to reach 50 replies.

You can view your badges on your Steem Board and compare to others on the Steem Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP

Vote for @Steemitboard as a witness to get one more award and increased upvotes!
0
0
0.000
avatar

That's a great study to do! I like how it's laid out.

I also use Rough Animator, albeit on my phone, not an iPad. Further, my phone is an Android. And I only use it help me with stop-motion. I've found it's really good at loading a boatload of photos in numerical sequence and spitting out a movie.

0
0
0.000
avatar

Wow, that's so cool! I had no idea you could do that with rough animator. Do you use a little tripod for your phone? I'd love to see that setup!

0
0
0.000
avatar

I'll take some photos and write up a writeup the next time I make one! I'm hoping this weekend.

0
0
0.000
avatar

Wow! Awesome post! 😀. Welcome to Steem!!! I saw your post on #pypt PYPT

!BEER
$trdo
!DERANGED

0
0
0.000
avatar

Thank you so much! :D I'll share some more of my favorite bits from this book going forward. It's a really amazing learning tool!

0
0
0.000
avatar

ASK is the best book! :D

0
0
0.000