Please ensure Javascript is enabled for purposes of website accessibility
Business of Animation Logo

Master These Squash and Stretch Examples in Animation

ben marvazi 2020

Make More Money as an Animator

Check out our FREE TRAINING on How Animators Can Make Over $10,000 Per Month
GET FREE TRAINING

"The principles of animation are like a language; once you know them, you can speak it fluently in any style."

Frank Thomas

Cover GIF by Zapp4499 via Tenor

Animation is a dynamic and captivating medium, and mastering the principles of animation can elevate your work from average to exceptional. One of the most important principles to understand is squash and stretch. This technique adds a sense of weight, flexibility, and life to your animations. 

In this blog, we'll explore various squash and stretch examples to help you gain a better understanding of this essential technique. By the end, you'll be equipped with the knowledge to apply squash and stretch in your own animations, making them more dynamic and engaging.

Bring Your Animations to Life with Squash and Stretch Examples

Pokemon creature bouncing on a purple bouncing ball  in the air whilst a boy with a cap sits and watches

GIF by crirex via Tenor

The Importance of Squash and Stretch in Animation

Squash and stretch is a fundamental principle of animation, as it adds a sense of realism and exaggeration to your characters and objects. 

It conveys the feeling of weight, volume, and elasticity, making your animations feel more natural and believable. By mastering squash and stretch examples, you can improve the overall quality of your work and better engage your audience.

1. Squash and Stretch Examples: Bouncing Ball

a ball bouncing from the ground to a wall showing one of the squash and stretch examples

GIF by vinyluck via Tenor

One of the most common squash and stretch examples is the bouncing ball. This simple exercise is an excellent starting point for understanding the principle. As the ball hits the ground, it squashes, indicating the impact and weight. As it bounces back up, it stretches, conveying upward force and acceleration. 

This squash and stretch cycle adds a sense of life and energy to the animation, making it more enjoyable to watch.

2. Squash and Stretch Examples: Character Jumps

fox like character looking very happy and jumping up and down with its paws in the air in a field with grass and trees and a blue sky

GIF by Nuka_kitsune via Tenor

In character animation, applying squash and stretch can make your character's movements feel more organic and dynamic. When a character jumps, they will stretch as they leave the ground, and squash as they land, absorbing the impact. 

This gives the jump a sense of weight and energy, making it more visually interesting and believable.

3. Squash and Stretch Examples: Walk Cycles

squash and stretch examples of a sketched human walking

GIF by ozemjajsndk via Tenor

Walk cycles are another area where squash and stretch can make a significant difference. When a character takes a step, their body will squash as their weight is transferred onto the supporting leg. As they lift off the ground, their body stretches, adding a sense of energy and forward momentum. 

By incorporating squash and stretch into your walk cycles, you can make your character's movements feel more natural and dynamic.

4. Squash and Stretch Examples: Facial Expressions

girl character with a pink face and blue hair looking shocked with big eyes and her hands on her face with her mouth open

GIF by KuliRam via Tenor

Squash and stretch can also be applied to facial expressions, adding depth and emotion to your characters. For example, when a character is surprised, their face can stretch upward, with their eyes widening and mouth opening. 

Conversely, when a character is sad, their face can squash downward, with their eyebrows drooping and their mouth turning down. These subtle squash and stretch examples can greatly enhance the emotional impact of your animation.

5. Squash and Stretch Examples: Animated Text

Animated text with the word "Favola" showing squash and stretch examples

GIF by blablaismi via Tenor

Don't forget that squash and stretch can be applied to non-character elements as well! For instance, when animating text, you can use squash and stretch to create a sense of movement and energy. This can be especially effective in title sequences, where dynamic text animation can captivate your audience and set the tone for your content.

6. Squash and Stretch Examples: Object Interactions

Superman showing squash and stretch and he stops a building from falling with his arms

GIF by Partyfjes05 via Tenor

Squash and stretch can also be applied to objects in a scene when they interact with each other or with characters. For example, when a character picks up a heavy object, the object might squash slightly under the weight, then stretch as it's lifted. 

Similarly, when an object is thrown or dropped, it can squash and stretch as it impacts the ground. These object interactions can add an extra layer of realism and depth to your animations.

7. Squash and Stretch Examples: Animals and Creatures

Rain from Spirit stallion of the cimarron galloping across the dessert with a feather in her mane

GIF by Thelysea via Tenor

When animating animals or fantasy creatures, squash and stretch can play a crucial role in giving life to their movements. For instance, when a bird flaps its wings, the wings can stretch as they reach the top of the flap and squash as they come down. 

In the case of a quadruped, such as a lion or a horse, the body can squash and stretch as they run, adding a sense of speed and power to their movements. Experimenting with squash and stretch in your creature animations can lead to more engaging and visually appealing results.

8. Squash and Stretch Examples: Impact and Collisions

Tom trying to run away from a falling tree log and it hits him on the head and he disappears into the ground as it continues to bounce on his head

GIF by trinoptics via Tenor

In action-packed animations or scenes with heavy physical interactions, squash and stretch can greatly enhance the feeling of impact and force. When two characters collide or engage in combat, their bodies can squash and stretch to emphasize the force of the blows. 

Similarly, when a character crashes into a wall or the ground, their body can squash upon impact and then stretch back into shape. These moments of exaggeration can make your animations more dynamic and exciting for your audience.

9. Squash and Stretch Examples: Fluid and Gaseous Elements

a red dragon character blowing smoke out its nose with its eyes closed

GIF by artcraft01 via Tenor

When animating fluid or gaseous elements like water, smoke, or fire, squash and stretch can be useful tools for conveying a sense of flow and motion. As water splashes or flows, it can stretch and squash to create a sense of volume and movement. Similarly, smoke or fire can stretch and squash as it billows and moves through the air. 

Experimenting with squash and stretch in these elements can help you create more convincing and dynamic effects in your animations.

10. Squash and Stretch Examples: Vehicles and Machinery

a car accelerating from left to right and changing the perspective of what is the front and what is the rear of the car

GIF by lobsterstudio via Tenor

When animating vehicles or machinery, squash and stretch can add a sense of weight and motion to their movements. For example, when a car speeds up, its body can stretch slightly, emphasizing acceleration, and squash as it comes to a sudden stop. 

In machinery, such as a steam engine, the pistons can squash and stretch to suggest the force and power behind their movement. By applying squash and stretch to vehicles and machinery, you can enhance the realism and dynamic feel of your animations.

11. Squash and Stretch Examples: Cloth and Clothing

a girl standing on her heels wearing a beanie and a skirt and blazer which is blowing in the wind

GIF by TheDeadRinger via Tenor

Squash and stretch can also be applied to cloth and clothing elements in your animations, adding a sense of fluidity and movement. As a character moves, their clothing can stretch and squash according to their body's motion, creating a more natural and realistic appearance. 

This can be especially effective when animating flowing cloth, such as capes, dresses, or curtains. Experimenting with squash and stretch in cloth elements can lead to more visually appealing and dynamic results.

12. Tips for Applying Squash and Stretch Effectively

When applying squash and stretch to your animations, it's essential to maintain the overall volume of your characters or objects. As they squash, they should become wider, and as they stretch, they should become narrower. This ensures that your animations maintain a sense of consistency and realism, even as they exaggerate movements.

Also, remember that less is often more when it comes to squash and stretch. Overusing this principle can lead to animations that appear rubbery or unnatural. Strike a balance between exaggeration and realism to create animations that are engaging without becoming overly cartoonish.

Master Squash and Stretch Examples to Create Engaging Animations

bouncing ball landing on the ground and then bouncing and rolling as its momentum stops

GIF by MissSunShine via Tenor

By studying and applying these squash and stretch examples, you'll be well on your way to creating animations that are more dynamic, engaging, and visually appealing. This fundamental animation principle can help you breathe life into your characters, objects, and environments, making your work stand out from the crowd.

Ready to elevate your animation career? Join our Animation Business Accelerator Program and kickstart your journey today! Our program is designed to help you overcome challenges, improve your skills, and grow your animation business. 

Don't forget to check out our blog on "How to Start an Animation Studio" for even more valuable insights and advice. Embrace the power of squash and stretch and watch your animations come to life!

rocket for boa

Lacking Business Skills as an Animator?

Transform your animation skills into a profitable business with our expert-led free training.
GET FREE TRAINING
GET FREE TRAINING
Business of Animation Footer Logo
Helping Animators Succeed

Feeling Stuck in Your Animation Career? Learn How to Break the $10,000 Per Month Barrier!

X
crossmenuchevron-down linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram