Jump to navigation

  •  
  •  
  •  

  • Courses
  • Resources
  • Case study
  • Showcase
  • Tools
  • Gallery
  • Videos

Search form

Animation Design Communication Design Design Fundamentals Interaction Design Product Design Tools for Design Open Design
Home / Courses / Principles of Animation / Squash and Stretch / Ball Bouncing Example

.

  • yohoho
  • Design Course

    Principles of Animation

    The 12 Fundamentals
    by
    Prof. Phani Tetali with Vajra Pancharia, Rohit Kelkar and Shyam Wanare
    IDC, IIT Bombay
    Ball Bouncing Example
     
    • Printer-friendly version

    In the example below a normal ball won’t have much of squash and stretch as compared to a rubber ball because the weight and materials are different. Similarly, in the case of a metal ball; there won’t be any stretch and squash as the ball is very heavy and it falls without any squash. Thus, squash and stretch also help in defining the material of the object by its visual appearance.









    Also, there are forces that apply to the object. In the below example, the ball doesn’t bounce by itself but there are forces that act upon the ball. Like Gravity that pulls the ball down and as the ball is stopped abruptly by a surface it squashes. Speed also plays an important role as the ball catches speed since gravity pulls it down. The ball tends to stretch in the direction it is going.




    Kindly refer to the videos for detailed process:

    • Youtube
    • D'source
    • Download

    SPYWmhdDJso

    AttachmentSize
    File bouncing-ball.mp417.53 MB

    • Youtube
    • D'source
    • Download

    B6j3jUNmewg

    AttachmentSize
    File jump-action.mp47.57 MB


    Exercise:
    For practicing stretch and squash it’s better to try animating a bouncing ball and apply the principle to understand how stretch and squash work.


     

    • Introduction
    • Squash and Stretch
      • Ball Bouncing Example
      • Water Balloon Example
      • Facial Expression Example
    • Anticipation
    • Staging
    • Straight-ahead Animation
    • Pose to Pose Animation
    • Follow Through and Overlapping Action
    • Slow In Slow Out
    • Secondary Action
    • Timing
    • Arcs
    • Appeal
    • Exaggeration
    • Solid Drawing
    • Video
    • Downloads
    • Contact Details
    • Credits

    Creating Digital-learning Environment for Design



    • Courses
    • Resources
    • Case study
    • Showcase
    • Tools
    • Gallery
    • Videos
    • Animation Design
    • Communication Design
    • Design Fundamentals
    • Interaction Design
    • Product Design
    • Tools for Design
    • Open Design
    • Contribute to our Dsource
    • About
    • People
    • Events
    • Job@D'source
    • Contact Us
    • Privacy Policy
    • Download App
    • YouTube
    • Facebook
    • Twitter

    Indian Language
    English Bangali Gujarati Hindi
    Kannada Malayalam Marathi Punjabi
    Sindhi Tamil Telugu Urdu