How Squash and Stretch Creates the Enchantment of Bounce, Elasticity, and Dynamic Movement

Squash and stretch is a core animation technique that animators utilize to amplify the movement and expressions of characters or objects. Although it was first popularized in the 1930s by Disney Studios, it continues to be a vital principle in animation today.

When applied skillfully, squash and stretch can effectively convey weight, force, flexibility, and emotion in the movement of any subject. This article will delve into the technical aspects that contribute to successful squash and stretch techniques.

Understanding this principle is crucial for creating dynamic and engaging animations, as it adds a layer of realism that captivates audiences. By manipulating the shape and volume of characters, animators can evoke a stronger emotional response and enhance storytelling. Whether animating a bouncing ball or a character in motion, the impact of squash and stretch is evident in its ability to create memorable and visually striking scenes. Mastering this technique enables animators to push the boundaries of creativity and bring their characters to life in ways that resonate with viewers.

12 principles of animation

The 12 Principles of Animation are fundamental guidelines that enable animators to create realistic and engaging motion. Key concepts like timing, squash, stretch, and anticipation enhance storytelling and visual appeal. Mastering these principles helps animators craft fluid animations that effectively convey emotion and action.

1. Squash and Stretch
2. Anticipation
3. Staging
4. Straight Ahead Action and Pose to Pose
5. Follow Through and Overlapping Action
6. Slow in and Slow out
7. Arcs
8. Secondary Action
9. Timing
10. Exaggeration
11. Solid Drawing
12. Appeal

What is Squash And Stretch?

Among the most significant discoveries in animation is the principle of squash and stretch. This technique involves deforming an object or character along specific axes to exaggerate motion and impacts. Squash techniques compress key dimensions, causing objects to flatten dramatically under force. In contrast, stretches elongate shapes, emphasizing rebounds and elasticity. Together, these actions alter an object’s volume and proportions over time.

Originally introduced as one of the 12 Principles of Animation for 2D, the same concepts apply seamlessly to 3D animations as well

When a static shape is moved across successive drawings, it creates a sense of rigidity. In reality, this rigidity is only observed in the most solid objects, like chairs or dishes. In contrast, anything made of living tissue, regardless of how thin or bony, displays considerable movement as it progresses through actions.

A clear illustration of this is seen in a bent arm with bulging biceps when straightened, showcasing only the elongated sinews. A crouched figure appears compact, while a figure in a full stretch or leap demonstrates expansive movement.

Mastering the art of squash and stretch allows animators to create characters that feel alive and relatable. It adds a layer of depth to animations, making them more engaging for viewers. I highly recommend reading Disney Animation: The Illusion of Life by Frank Thomas and Ollie Johnston. This book will significantly enhance your understanding of any aspect related to animation.

Deep Dive Into Squash and Stretch: Key Concepts and Execution

SectionDescription
Definition of Squash and StretchSquash: Flattening or compressing along a certain axis (e.g., ball squashing vertically).
Stretch: Elongating or enlarging a form (e.g., ball stretching vertically on the rebound).
Illusion of Weight and FlexibilitySquash and stretch together create the illusion of weight and flexibility, adding the z-axis when needed. Both squashing and stretching preserve the total mass and volume of the object.
Squashed PositionDepicts the form as compressed or bunched up under great pressure.
Stretched PositionShows the same form in an elongated condition.
Timing and Volume Consistency– Squash: Sharp timing over a few frames for abrupt impacts, maintaining volume.
– Stretch: Slower timing to emphasize elasticity, maintaining volume.
Flour Sack AnalogyLike a half-filled flour sack:
Squash: Fully flattens when dropped.
Stretch: Lengthens when picked up.
Volume remains constant in both cases.
Executing Squashes and Stretches– Squash: Sharp timing, mesh deformers, shape keys, and proper edge topology for natural compression.
– Stretch: Slower timing, bone scaling hierarchies, stretchy IK constraints for elongation.
Facial Squashing and StretchingShape key libraries for different facial poses (eyes, mouth, cheeks). Corrective shapes and secondary jiggle dynamics enhance realism and personality.
Key Principles for ApplicationFollow principles like anticipation, overlap, follow-through, and secondary motion. Subtlety ensures believability and prevents cartoony distortion.
Enhancing Animation with Squash and StretchProper use brings natural bounce, flexibility, and personality to characters, enhancing storytelling and making animations dynamic and appealing.

Squash and Stretch In Action

The principle of Squash and Stretch is distilled to its core in the classic Bouncing Ball animation. The ball squashes as it makes contact with the ground, and stretches just before and after, creating the contrast needed for dynamic movement. This technique adds realism and energy, enhancing the illusion of weight and impact. By adjusting the amount of squash and stretch, animators can emphasize different characteristics, such as softness or rigidity. Mastering this principle is essential for bringing life and believability to any animated scene.

The classic bouncing ball with and without Squash and Stretch.

The classic bouncing ball with and without Squash and Stretch

Now, let’s see it in action. The Squash and Stretch effect is subtle in the following clip, yet it adds a sense of elasticity to the material. Even with minimal exaggeration, the object no longer feels rigid or like a flat cutout. Instead, it gains a more natural, dynamic quality, bringing a sense of life to the motion. This subtle use of Squash and Stretch helps create a smoother, more engaging animation.

Squash and Stretch not only adds life and flexibility to animation, but it also conveys the material’s properties. In the case of a bouncing ball, minimal Squash and Stretch suggests a firmer material, like a ping-pong or bowling ball. On the other hand, a rubber ball would naturally display more Squash and Stretch. When applied with nuance, this principle can be highly detailed and effective. However, more isn’t always better it’s about striking the right balance for the object’s characteristics. Thoughtful use of Squash and Stretch helps ensure that movement feels authentic while keeping the animation visually appealing.

Why do we need Squash and Stretch?

Using squash and stretch in animation is crucial as it imparts a sense of liveliness and flexibility to inanimate characters and objects. This technique can be applied to specific body parts such as eyeballs, fingers, and arms or even to the overall poses of characters.

As such, understanding and implementing squash and stretch in the poses of characters and objects is essential for every animator. This is why aspiring animators often undertake the flour sack test, a foundational exercise that teaches them how to infuse a sense of life into movements and objects.

By manipulating the squash and stretch principles, animators can create more relatable and expressive characters, enhancing emotional connection with the audience. The ability to exaggerate these movements allows for a more dynamic and engaging storytelling experience. Ultimately, mastering squash and stretch enriches an animator’s toolkit, enabling them to convey depth and personality through their creations.

Character Structure:

Character Structure - Squash and Stretch Principle in Animation

Source: Vecteezy

Animators must exercise caution when applying the squash and stretch effect, as overdoing it is a common mistake among beginners.

While squash and stretch are some of the most valuable tools in an animator’s arsenal, excessive application can detract from the audience’s connection to the character. A widely recognized principle among animators is to adopt a “feel it, but don’t see it” approach. This means applying squash and stretch just enough to evoke an authentic emotional response at a glance, without making the effect so pronounced that it becomes obvious. If the effect is too overt, it may indicate that the animator has exaggerated the movement or allowed the timing to linger too long.

To achieve the desired “feel it, not see it” result while utilizing broader squash and stretch, animators should ensure that characters or objects quickly recover from their extremely squashed or stretched states, returning smoothly to their neutral shapes. This quick transition creates a sense of “bounce,” contributing to fluid movements that help the audience experience the effect without fixating on the exaggerated poses.

Maintaining Volume:

Maintain The Volume of The Object - Squash and Stretch Principle in Animation

Source: Prototypr

Another crucial aspect of applying squash and stretch is maintaining the object’s volume.

Animators should adhere to the principle that matter is neither created nor destroyed. If viewers perceive an object as gaining or losing mass and size excessively while being squashed or stretched, it reflects a failure to preserve volume properly. With effective squash and stretch, an object will be elongated in one direction while simultaneously being compressed perpendicularly, ensuring the movement remains realistic and believable.

By focusing on preserving volume, animators can enhance the illusion of weight and realism, allowing the audience to immerse themselves in the animated world fully. Properly executed volume maintenance also reinforces the character’s physicality, making their actions more convincing and impactful.

An In-depth Exploration of Squash and Stretch Principles in Animation

“Squash” refers to the action of flattening or compressing an object along a specific axis, similar to how a ball compresses vertically when it bounces. “Stretch” involves elongating or expanding a form, such as a ball stretching vertically as it rebounds. When combined, squash and stretch create the illusion of weight and flexibility, and this principle applies even when considering the z-axis.

The squashed state can illustrate an object being flattened by significant pressure or compressed tightly together. Conversely, the stretched position always displays the same form in an extended manner.

Squash compression happens over just a few frames to convey sudden impacts, and the “anticipation” phase leading into the squash enhances this effect. Stretches, on the other hand, unfold gradually to emphasize elasticity and momentum. This contrast in timing is crucial. It’s also essential to maintain volume consistency; no matter how squashed or stretched, the total mass remains unchanged.

To prevent the distorted drawings from appearing bloated or bulbous, and to avoid making the stretched positions look thin or frail, visualize the shape or volume as akin to a half-filled flour sack. If dropped, it will flatten to its widest shape, while if lifted by the corners, it will elongate to its maximum form, yet its volume will remain constant.

This principle helps animators infuse life into their characters, making them feel more dynamic and realistic. By mastering squash and stretch, animators can enhance the storytelling in their work, creating memorable scenes that resonate with audiences. Ultimately, the effective application of these techniques is what separates ordinary animation from extraordinary animation.

Mastering the Execution of Squashes and Stretches for Dynamic Character Animation

The successful execution of convincing squashes and stretches hinges on a thorough understanding of animation fundamentals

Squashes are typically timed sharply over a few frames to convey impact, with volume preserved by uniformly scaling along the compressed axes. Mesh deformers and shape keys offer precise control over the squashing effect while maintaining proper edge topology flow to prevent unwanted distortions during extreme compressions. The intensity of the squash emphasizes weight and force, while overlapped actions and secondary motions contribute to realistic follow-through.

Stretches, on the other hand, unfold over more frames with slower timing for anticipation. Volume is again preserved by uniformly scaling along the elongated axes. Bone scaling hierarchies and stretchy IK constraints are employed to create fluid and natural stretching. To ensure realistic motion, scaling operations must be ordered before joint rotations. Flexibility and rebound are emphasized through exaggerated elongation, and overlapped actions, such as jiggling flesh, further enhance the effect.

When it comes to facial animation, squashing, and stretching require extensive shape key libraries to cover a range of mouth, eye, and cheek poses. Carefully painted blend weights focus deformations on specific areas of the face, while corrective shapes ensure mesh quality is maintained during extreme expressions. Character movement is driven by bones and control curves, with secondary jiggle dynamics on loose facial features adding realism. Features such as eyes, noses, lips, and cheeks are squashed and stretched to bring out the character’s personality and expression.

The core principle is to apply squash and stretch in ways that enhance the acting and storytelling. Well-executed squashes and stretches breathe life into the character animation studio, making them feel more dynamic, natural, and appealing. These techniques not only amplify motion but also evoke emotion, deepening the audience’s connection to the character.

Thoughtful Application of the Technique for Enhanced Visual Animation

Squash and stretch should enhance performances, not overshadow them. The key to believability lies in subtlety. Overusing these techniques can lead to exaggerated, cartoony distortion. To avoid this, follow core principles such as anticipation, slow-in and slow-out, overlap, follow-through, and secondary motion. The personality and mood of the character should guide how much deformation is applied, ensuring that squash and stretch contribute to the narrative rather than becoming a distraction.

By mastering squash and stretch, animators can infuse characters with natural bounce, flexibility, and expressive movements. These techniques remain essential tools for creating the exaggerated magic that animation thrives on. When used effectively, squash and stretch can transform a static figure into a lively, dynamic character. A solid grasp of the foundational principles empowers animators to use squash and stretch to their fullest potential.

In addition, understanding when to dial back or amplify squash and stretch helps to create a balance that keeps the animation engaging without being overwhelming. This balance ensures that the deformation enhances the storytelling and emotional depth of the scene. Ultimately, squash and stretch are more than just technical tricks they’re powerful storytelling tools that breathe life into animated worlds.

Final Thoughts

Although it was developed many decades ago, squash and stretch continue to be one of the most crucial techniques in animation for breathing life into characters. When executed effectively, it imparts a sense of natural weight, flexibility, and distinct personality to every movement.

Mastering squash and stretch involves technical proficiency in timing, volume preservation, and deformation tools. However, its true effectiveness lies in comprehending the principles that allow for the realistic exaggeration of motion. Animators must apply squash and stretch with careful nuance and subtlety to enhance the acting and storytelling elements of their work.

To achieve this, animators should observe real-world movements, studying how objects and living beings react under various forces. This observation informs their application of squash and stretch, ensuring it feels organic and believable. Ultimately, when combined with strong character development and engaging narratives, squash, and stretch creates animation from mere visuals to a captivating storytelling experience.

Frequently Asked Questions (FAQ’s)

What are squash and stretch in animation?

Squash and stretch is a fundamental animation technique that involves deforming characters or objects to exaggerate motion and create a sense of weight, flexibility, and emotion. This principle helps bring animations to life by showing how objects react to forces, adding depth and realism to the movement.

Why is squash and stretch important?

This technique is crucial because it adds a layer of realism and appeal to animations. It allows animators to convey a character’s emotions and physical reactions, making it feel more dynamic and engaging. Without squash and stretch, animations can appear stiff and lifeless, lacking the charm that captivates audiences. By emphasizing the physicality of characters, squash, and stretch creates a more immersive experience for viewers. This technique not only enhances the visual impact but also deepens the emotional resonance of the story being told.

How does squash and stretch apply to 2D and 3D animation?

Though initially developed as a 2D technique, the principles of squash and stretch apply to 3D animations as well. Both forms require the manipulation of an object’s volume and proportions to convey realistic movement and reactions. Mastering these principles in both dimensions can significantly enhance the quality of your animations.

What are some common mistakes when applying squash and stretch?

Common mistakes include exaggerating the effects, which can lead to a loss of believability, and not maintaining volume consistency during deformations. Additionally, neglecting to consider the character’s personality and the context of the action can result in awkward animations. Striking the right balance between exaggeration and realism is essential for effective storytelling.

How can I achieve effective squash and stretch in my animations?

To achieve effective squash and stretch, focus on the timing of your animations. Use sharp timing for squashes to convey impact, while stretches should unfold gradually. Always maintain volume consistency, and use deformation tools like mesh deformers and shape keys for better control. Practicing with simple shapes can help you develop a feel for these techniques before applying them to complex characters.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top