
{"id":811530,"date":"2023-08-07T09:00:00","date_gmt":"2023-08-07T16:00:00","guid":{"rendered":"https:\/\/community.wacom.com\/en-us\/?p=811530"},"modified":"2025-03-06T08:35:21","modified_gmt":"2025-03-06T16:35:21","slug":"squash-and-stretch-in-after-effects","status":"publish","type":"post","link":"https:\/\/community.wacom.com\/en-us\/squash-and-stretch-in-after-effects\/","title":{"rendered":"Exaggerate your animation using squash and stretch in After Effects"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo.jpg\" alt=\"\" class=\"wp-image-811227\" title=\"School of Motion logo\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo.jpg 225w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo-200x200.jpg 200w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo-100x100.jpg 100w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<p class=\"wp-block-paragraph\"><em><a title=\"School of Motion\" href=\"https:\/\/www.schoolofmotion.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">School of Motion<\/a> is reimagining art school with world-class training that is available on your schedule from anywhere on Earth. They offer a wide variety of courses that can take your creative goals to the next level. Check out their <a title=\"website\" href=\"https:\/\/www.schoolofmotion.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">website<\/a> to see all of their offerings.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>A version of the below article originally appeared on <a href=\"https:\/\/www.schoolofmotion.com\/blog\/squash-and-stretch-quick-tip\" target=\"_blank\" rel=\"noreferrer noopener\">School of Motion's blog<\/a>.<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Using squash and stretch<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Squash and Stretch<\/strong> is an \"easy to learn, hard to master\" principle, mostly because it's very easy to overdo it. Want to show that your object is moving fast? Maybe your animation needs to feel heavy and make an impact. But how?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Squash and Stretch is a super simple animation principle to grasp, but a little trickier to implement. The tools in <a title=\"After effects\" href=\"https:\/\/www.adobe.com\/products\/aftereffects.html\" data-type=\"URL\" data-id=\"https:\/\/www.adobe.com\/products\/aftereffects.html\" target=\"_blank\" rel=\"noreferrer noopener\">After Effects<\/a> are set up very intuitively for it, but there are plenty of ways to work around that and get your animations looking awesome.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/@JacobRMotion\" target=\"_blank\" rel=\"noreferrer noopener\">Jacob Richardson<\/a> shows us how effective squash and stretch can be for exaggerating movement and adding a little more life to your animations. Check out this quick tip, and then <a href=\"https:\/\/www.schoolofmotion.com\/blog\/squash-and-stretch-quick-tip\" target=\"_blank\" rel=\"noreferrer noopener\">head over to School of Motion to download the project files<\/a> if you'd like to follow along.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Squash and stretch After Effects tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Exaggerate Animation with Squash and Stretch\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/cx3Jpz4tYj4?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">What is squash and stretch?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">From the 12 principles of animation, Squash and Stretch is an amazing way of separating amateur work from professional work. This may seem like an easy principle to apply, but when you start to dig into it this can be a hard one to master.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">How does squash and stretch work and what's happening? To start off, let's break down the two different terms.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">By manipulating an object's shape through stretching its height, you can help give your object a sense of speed. Stretching is also a good way of showing strain on an object, and can help show how moldable or \"squishy\" your objects are.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why use squash and stretch<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We're trying to tell stories using animation, and in those stories, we are attempting to give an illusion of life. Squashing can really help the viewer understand the up or down impact being dealt on an object. For example, an object hitting the ground or a person's cheek gathering when being punched. Like stretch, squash can show how moldable or squishy your objects are.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a title=\"Wine After Coffee\" href=\"https:\/\/vimeo.com\/wineaftercoffee\" target=\"_blank\" rel=\"noreferrer noopener\">Wine After Coffee<\/a>&nbsp;showcased this clean animation for&nbsp;<a title=\"Blend\" href=\"https:\/\/www.blendfest.ca\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blend<\/a>&nbsp;a few years ago, and the squash and stretch principle is so well done. Check out the video below, and notice how you can tell the difference between solid objects and their counterparts, providing a truly dynamic experience.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Blend 2017: Save the Date!\" src=\"https:\/\/player.vimeo.com\/video\/182040900?dnt=1&amp;app_id=122963\" width=\"1080\" height=\"608\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">When it comes to giving more detail about your animated subjects, keep in mind how loose or rigid your object is. If you have a bowling ball dropping into your scene, it's probably not going to change shape very much. But if you have a stress ball being tossed back and forth, then it has the potential to really get bent out of shape!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">See if you can spot the subtle squash and stretch details in this adorable animation created by the legendary&nbsp;<a title=\"Jorge R. Canedo E\" href=\"https:\/\/jrcanest.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">Jorge R. Canedo E<\/a>. from&nbsp;<a title=\"Ordinary Folk\" href=\"https:\/\/ordinaryfolk.co\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ordinary Folk<\/a>, below.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Being A Dad (for Animography Monthly: January)\" src=\"https:\/\/player.vimeo.com\/video\/83502320?dnt=1&amp;app_id=122963\" width=\"1080\" height=\"608\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">These rules can easily be broken if you're wanting to spice up an animation, or even if you're looking to show speed using traditional smear frames. Smear frames come from hand-drawn animations, but this isn't the article for that. Instead, you can&nbsp;<a title=\"read more about them here\" href=\"https:\/\/www.ceros.com\/originals\/the-art-of-the-smear\/\" target=\"_blank\" rel=\"noreferrer noopener\">read more about them here<\/a> if you would like. Definitely an eye-opener.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here's a really cool onion skin of a bunny hop created by&nbsp;<a href=\"https:\/\/dribbble.com\/MarkusM\/click?type=site\" target=\"_blank\" rel=\"noreferrer noopener\">Markus Magnusson<\/a> as an example:<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/6188447bd51b2f45feb8b37b_bunny_jump-promo.gif\" alt=\"School of Motion GIF example\" class=\"wp-image-812138\" title=\"\"><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Ready to learn more about animation?<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-constrained wp-block-column-is-layout-constrained\" style=\"flex-basis:20%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"225\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo.jpg\" alt=\"School-of-Motion-Logo\" class=\"wp-image-811227\" title=\"\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo.jpg 225w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo-200x200.jpg 200w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/07\/School-of-Motion-Logo-100x100.jpg 100w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<p class=\"wp-block-paragraph\">Are you ready to take your animation skills to the next level? Check out&nbsp;<a title=\"Animation Bootcamp\" href=\"https:\/\/www.schoolofmotion.com\/animation-bootcamp\" target=\"_blank\" rel=\"noreferrer noopener\">Animation Bootcamp<\/a>. Animation Bootcamp is School of Motion\u2019s most popular course, and for a good reason. It has helped transform motion design careers across the globe. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Not only will you learn how to master the graph editor, but you'll also learn the principles of animation alongside hundreds of other students. If you're ready to dig deep and take on a challenge, head on over to their&nbsp;<a title=\"our courses page\" href=\"https:\/\/www.schoolofmotion.com\/courses\" target=\"_blank\" rel=\"noreferrer noopener\">courses page<\/a>&nbsp;to find out more!<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this informative School of Motion tutorial, learn how to make your animation come alive using squash and stretch in Adobe animation software After Effects.<\/p>\n","protected":false},"author":88,"featured_media":811541,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2326,2330,2338,2341],"tags":[135,260,2547],"class_list":["post-811530","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation","category-creative-education","category-how-to","category-software","tag-adobe","tag-after-effects","tag-school-of-motion"],"_links":{"self":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts\/811530","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/users\/88"}],"replies":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/comments?post=811530"}],"version-history":[{"count":0,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts\/811530\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/media\/811541"}],"wp:attachment":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/media?parent=811530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/categories?post=811530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/tags?post=811530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}