Intent:

Students get acquainted with a traditional animation technique - squash and stretch. This is widely used to give animations more realism and weight. When a moving object comes in contact with a stationary object, it will deform on impact.
Students will create a bouncing ball by applying this technique.

Squash and Stretch

Squash and Stretch was developed by Disney animators Frank Thomas and Ollie Johnson during the 1930′s as part of the 12 Principals of Animation.
external image movement.jpg?w=300&h=225
Squash and Stretch is an animation technique that gives exaggerated movement to characters or objects in motion. It also makes their actions more fluid and their motion seem larger than life. Squash and Stretch gives the illusion of weight and volume to a character or object as it moves.
external image funnier.jpg?w=300&h=225
Using Squash and Stretch in a cartoon tends to make the cartoon funnier.
external image facial.jpg?w=300&h=225
Character animation such as facial expressions make good use of Squash and Stretch.
external image faces.jpg?w=300&h=225
It is mostly used for cartoon effects, but if used subtlety can be used for realistic movements and facial expressions as well.
external image leap.jpg?w=300&h=225

Courtesy: http://charlesthompson2.wordpress.com/2012/02/03/squash-and-stretch-presentation/

Important Terms:


Squash: When an object hits the ground it deforms and gets squashed.

Stretch: Object becomes streched as it moves itself upwards.

Easing in: Will have the tween motion start out slowly and then quickly speed up at the end of it's motion.

Easing out: Will have the tween motion start out quickly and then slow down as it comes to the end of it's motion.

Click here to see examples of easing



Your Task:

  1. Create a bouncing ball
  2. Create a character and apply either easing in or out technique
  3. Saving procedure: Save as:
        • Firstnamelastname initial_bouncing ball.fla/swf

        • Firstnamelastname initial_character easing in/out.fla/swf



Step-by Step:

  1. Draw a circle on a new layer with the oval tool. Apply a nice gradient to make it look more realistic and 3D.
  2. Select the entire ball and convert it to a symbol (movie clip). Name it "Ball".
  3. Create a Motion Tween on the first frame. On the last frame drag the ball down to the ground.
  4. Set the easing to -100 (ease in) when ball is at the ground.
  5. Insert a keyframe. Use the Freetransform tool to scale the ball so it becomes wider and shorter.
  6. Insert another keyframe about four or five frames further down the timeline.
  7. Squash and stretch the ball even more.
  8. Insert another keyframe a few frames down your timeline and transform your ball in the opposite direction.
  9. Insert another keyframe and remove all previous tranformations. Go to => Transform panel => bottom right symbol => Remove tranformation
  10. Insert another keyframe approxi. 10 frames down.
  11. Move the ball up on the last frame on its original position.
  12. Apply Easing out when the ball moves up 100 (ease out)
  13. Hit ctrl enter to watch your bouncing ball
  14. Done!


Assessment:

Design 3 marks
Animation technique 5 marks
Saved on wiki 2 marks

Total 10 marks







Need more help? Watch the screencast:)!








Teachers Exemplar