Animation Basics
6 likes2,160 views
This document provides instructions for creating a basic bouncing ball animation using Toon Boom Animate Pro/Harmony. It outlines the animation process, including scripting, storyboarding, character design, and animating key poses. Specific steps are given to animate a bouncing ball, including drawing arcs, adding squash and stretch poses, and filling in frames in between to create the illusion of bouncing. The document encourages experimenting with ball details and scene elements. Viewers are directed to the author's website and YouTube channel for additional animation tutorials.
Animation Basics
- 1. Animation Basics with Bouncing Ball Tutorial using Toon Boom Animate Pro/ Harmony by Chevonnese Chevers Whyte, MBA, B.Sc.
- 2. The Process 1. Script 2. Storyboard 3. Scratch Audio 4. Animatic 5. Character Design (Drawing)
- 3. The Process 6. Digitize Character 7. Rig Character 8. Animate Scenes 9. Post-Production
- 4. Script ● Dialogue ● Description of scene and characters ● Camera operations
- 5. Exercise - Script It’s evening. The light from outside is still able to illuminate the basketball court. As though there is some mysterious force guiding it, the ball bounces from one end of the court to the other end. And slowly comes to a halt.
- 6. Storyboard A visual representation of the script. Each panel depicting what occurs in the scene. ● Think comic strip Software ● ToonBoom Storyboard Pro ● Windows Movie Maker/ PowerPoint ● Paper
- 8. Scratch Audio ● Practice audio ● Saves time in studio ● Actors practice lines ● Used in animatic and for animating ● Sound Effects and Dialogue ○ Sound Recorder/ Audacity ○ Cellphone/ Tablet ○ Freesound.org
- 9. Exercise - Audio Bouncing Ball https://drive.google.com/folderview? id=0B36G9ULpxtrwfjVYaEdRTHQ5SGtoN1Zv VFp6WjI5anQ1WjRoWFhTVTRPRGpEMnEtbj JWV3M&usp=sharing
- 10. Animatic Animating the storyboard (sometimes with sound) https://www.youtube.com/watch?v=tBPOEip8LCE
- 14. Animation Software ● Toon Boom Harmony/ Animate Pro ● Synfig ● Blender ● Anime Studio ● Pencil ● Adobe Flash/ After Effects/ Photoshop/ Illustrator ● Windows Movie Maker
- 15. Introduction to ToonBoom Toon Boom Basics
- 16. Harmony vs. Animate Pro No difference really Can’t transfer files between the two
- 17. Creating A New Document Project Directory Project Name NTSC
- 18. Preferences - Shortcuts Tab Allows you to set your keyboard shortcuts
- 19. Preferences - Shortcuts Tab
- 20. Preferences - General Tab
- 23. Preferences ● Stop-Motion Keyframes: does the tweening automatically ● Select tool Works on Single Drawing: select one drawing and not an entire stack on a particular layer ● Select Tool Is Lasso: allows you to make a selection from the shape created
- 25. Bouncing Ball
- 28. Other Reference Videos Check these out at your leisure https://www. youtube.com/watch? v=TF6zfEfvW7s&list=PL8DBDFA684FFE41A3 &index=8
- 29. Whip Out That Sketch Book! It’s time to draw!
- 30. The Bouncing Ball. Timing and Spacing: The Bouncing Ball is a good example of timing and spacing. The impacts- where the ball is hitting the ground- that’s the timing of the action.
- 31. The Bouncing Ball. And spacing: the ball overlaps itself when its at the slow part of its arc, but when it drops fast, its spaced further apart. That’s the Spacing.
- 32. Bouncing Ball The two basic elements of animation.
- 33. Squash and Stretch The Bouncing ball is often used to show animation ‘squash and stretch’- that is , the ball elongates as it falls, flattens on impact with the ground and then returns to its normal shape in the slower part of the arc.
- 35. Let’s Animate! Create a new Toon Boom document Call it Bouncing Ball
- 36. Try It Yourself How would you animate the bouncing ball in Toon Boom?
- 37. Bouncing Ball Tutorial 1. Rename the drawing layer to arc 2. Draw a horizontal line across the scene
- 38. Bouncing Ball Tutorial 3. Draw 4 ellipses (simulate bounce). The camera should cut the first arc in half
- 39. Bouncing Ball Tutorial 4. Delete the lower end of arcs that fall under the line
- 40. Bouncing Ball Tutorial 5. Create a new drawing layer. Call it background 6. Lock the arc and background layers 7. Create a new layer. Rename it to sketch-keyPoses 8. Reorder the layer stack: arc on top of sketch-keyPoses and sketch- keyPoses on top of background
- 41. Bouncing Ball Tutorial 9. In the sketch-keyPoses layer, mark the points for the key poses 10. Extend Exposure for the arc and sketch-keyPoses layers to Frame 60
- 42. Bouncing Ball Tutorial 11. Create a new layer and call it sketch-ball 12. Using the brush tool draw a representation of your ball at the marks in sketch-keyPoses
- 43. Bouncing Ball Tutorial 13. Each circle should be created in a new frame NB: Number your drawing 14. Test your animation
- 44. Bouncing Ball Tutorial 15. Add frames before and after Frames 5, 13, 21, and before Frame 29 to accommodate squash and squeeze (or for the frames that hit the ground) NB: Start from the right and work your way to the left 16. Duplicate Drawing for the additional frames
- 45. Bouncing Ball Tutorial 17. Create a new layer and call it sketch-squashNsqueeze 18. Using the brush tool draw a representation of your ball at the marks in sketch-ball (NB: each circle in a different frame)
- 46. Bouncing Ball Tutorial 19. Make sketch-ball unseen 20. Test your animation NB: Notice that the bounce looks more realistic because the ball is no longer a circle and the extra frames for when the ball hits the ground 20. Create a new layer. Rename it to ball. 21. With the ball layer active, create a perfect circle
- 47. Bouncing Ball Tutorial 23. Move the circle to the beginning of your bounce path (arcs)
- 48. Bouncing Ball Tutorial 24. Extend the exposure to the next frame 25. Duplicate the drawing 26. Scale and rotate the previous circle according to sketch-squashNsqueeze NB: Use the centre of the circle to place the circle over your mark 27. Repeat steps 24 to 26 and work your way to the last frame from sketch- squashNsqueeze 28. Fill each circle with a colour of your choosing 29. Unlock the background layer and create a scene of your choosing 30. Preview animation 31. Export movie
- 49. Challenge: Bouncing Ball 1. Simulate a falling heavy ball 2. Give your ball some details and/or add a scene
- 50. THE END Questions? Contact Me Through My Website http://chevonnesewhyte.com/ Need The Video Tutorial? Go To https://www.youtube.com/channel/UCybk5JXPkcaqiegx_RSiiCg