SoM Squash Stretch Feature Image

Exagérez votre animation à l’aide de squash et étirez-vous dans After Effects

Le 7 août 2023
School of Motion Logo

School of Motion réinvente l’école d’art avec une formation de classe mondiale qui est disponible sur votre emploi du temps de n’importe où sur Terre. Ils offrent une grande variété de cours qui peuvent faire passer vos objectifs créatifs au niveau supérieur. Consultez leur site Web pour voir toutes leurs offres.

Une version de l’article ci-dessous a été publiée à l’origine sur le blog de School of Motion.

Utilisation de la courge et de l’étirement

Squash and Stretch est un principe « facile à apprendre, difficile à maîtriser », principalement parce qu’il est très facile d’en faire trop. Vous voulez montrer que votre objet se déplace rapidement ? Peut-être que votre animation doit se sentir lourde et avoir un impact. Mais comment?

Squash and Stretch est un principe d’animation super simple à saisir, mais un peu plus difficile à mettre en œuvre. Les outils d’After Effects sont configurés très intuitivement pour cela, mais il existe de nombreuses façons de contourner cela et de rendre vos animations impressionnantes.

Jacob Richardson nous montre à quel point le squash et l’étirement peuvent être efficaces pour exagérer le mouvement et ajouter un peu plus de vie à vos animations. Consultez ce conseil rapide, puis dirigez-vous vers School of Motion pour télécharger les fichiers de projet si vous souhaitez suivre.


Tutoriel squash et stretch After Effects

Qu’est-ce que le squash et l’étirement ?

Parmi les 12 principes de l’animation, Squash and Stretch est un moyen étonnant de séparer le travail amateur du travail professionnel. Cela peut sembler un principe facile à appliquer, mais lorsque vous commencez à creuser dedans, cela peut être difficile à maîtriser.

Comment fonctionne le squash et l’étirement et que se passe-t-il ? Pour commencer, décomposons les deux termes différents.

En manipulant la forme d’un objet en étirant sa hauteur, vous pouvez aider à donner à votre objet une idée de la vitesse. L’étirement est également un bon moyen de montrer la pression sur un objet, et peut aider à montrer à quel point vos objets sont moulables ou « spongieux ».

Pourquoi utiliser la courge et l’étirement

Nous essayons de raconter des histoires en utilisant l’animation, et dans ces histoires, nous essayons de donner une illusion de vie. L’écrasement peut vraiment aider le spectateur à comprendre l’impact vers le haut ou vers le bas sur un objet. Par exemple, un objet qui touche le sol ou la joue d’une personne qui se rassemble lorsqu’elle est frappée à coups de poing. Comme l’étirement, la courge peut montrer à quel point vos objets sont moulables ou spongieux.

Wine After Coffee a présenté cette animation propre pour Blend il y a quelques années, et le principe de la courge et de l’étirement est si bien fait. Regardez la vidéo ci-dessous et remarquez comment vous pouvez faire la différence entre les objets solides et leurs homologues, offrant une expérience vraiment dynamique.


Lorsqu’il s’agit de donner plus de détails sur vos sujets animés, gardez à l’esprit à quel point votre objet est lâche ou rigide. Si vous avez une boule de bowling qui tombe dans votre scène, il ne va probablement pas changer de forme beaucoup. Mais si vous avez une boule de stress qui est projetée d’avant en arrière, alors elle a le potentiel de vraiment se détressurer de forme !

Voyez si vous pouvez repérer le squash subtil et étirer les détails dans cette adorable animation créée par le légendaire Jorge R. Canedo E. de Ordinary Folk, ci-dessous.


Ces règles peuvent facilement être enfreintes si vous voulez pimiter une animation, ou même si vous cherchez à montrer la vitesse à l'aide d'images de frottis traditionnelles. Les images de frottis proviennent d’animations dessinées à la main, mais ce n’est pas l’article pour cela. Au lieu de cela, vous pouvez en savoir plus à leur sujet ici si vous le souhaitez. C'est certainement une révélation.

Voici une peau d’oignon vraiment cool d’un houblon de lapin créé par Markus Magnusson à titre d’exemple :

Exemple gif de School of Motion

Prêt à en savoir plus sur l’animation ?

School-of-Motion-Logo

Êtes-vous prêt à faire passer vos compétences en animation au niveau supérieur ? Découvrez Animation Bootcamp. Animation Bootcamp est le cours le plus populaire de School of Motion, et pour une bonne raison. Il a contribué à transformer les carrières de motion design à travers le monde.

Non seulement vous apprendrez à maîtriser l’éditeur de graphiques, mais vous apprendrez également les principes de l’animation aux côtés de centaines d’autres étudiants. Si vous êtes prêt à creuser profondément et à relever un défi, rendez-vous sur leur page de cours pour en savoir plus !

Articles connexes :

A Studio of One: Nick Shaheen’s Motion Capture and Visual Effects Process With Wacom Movink

A Studio of One: Nick Shaheen’s Motion Capture and Visual Effects Process With Wacom Movink

Speeding Up Your Workflow with Digital Ink

Speeding Up Your Workflow with Digital Ink

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

Vera Brosgol on her creative career journey, the difference between traditional and digital art, and the benefits of starting small

Vera Brosgol on her creative career journey, the difference between traditional and digital art, and the benefits of starting small

Connectez-vous avec Wacom sur les médias sociaux

Picture the café you ducked into after an art show,⁣ or the library where you dove into research.⁣ Maybe it's the bed you sank into to take a breather.⁣ Then, in a moment of inspiration, you grab your Wacom #Movink and make it happen, the idea flowing before it slips away. 🍂🌬️🪁📕✍️⁣ ⁣ #CreativesOnTheGo #WacomMovink #CreativeProfessionals
135 1
Ready to crush it in 3D art, make killer illustrations, or edit photos that pop off the screen? 🤔💡⁣ ⁣ Grab a #WacomIntuos, it's a total game-changer for newbies diving into digital art or for pros craving that extra precision and smoothness you just don't get with a regular mouse or trackpad 🖱️🫣⁣ ⁣ Intuos comes with a feather-light, ultra-accurate pen that never needs charging, and you get some cool software for free to match how you roll.⁣ ⁣ Now on sale! 🏷️⁣ #WacomTablet #WacomSale #EdTech #DigitalArt #Wacom⁣
133 1
Get lost in the details like @danidiamondphotography 📷☕🔍 Experience color like never before with the Wacom Cintiq Pro 27! With 99% Adobe RGB, 98% DCI-P3, and over 1 billion colors, your photos will pop with incredible accuracy. 🎨 Plus, with HDR Gamma support, stunning 4K resolution, and a smooth 120Hz refresh rate, your photo editing sessions will feel more immersive than ever. 😍 And with its ergonomic design, it’s the most comfortable way to edit for long hours without any strain. #wacomworkspace #CintiqPro27 #wacomcintiqpro #photoediting #retouching #photography
711 5
Today we celebrate the 𝐍𝐚𝐭𝐢𝐨𝐧𝐚𝐥 𝐇𝐚𝐧𝐝𝐰𝐫𝐢𝐭𝐢𝐧𝐠 𝐃𝐚𝐲 🤩! Ever wished you could learn calligraphy? We asked @afinkandink to teach us some basics to get you started. ✏️✒️🖊️✍️🖋️ Doesn't she make it look so easy? #nationalhandwritingday #Handwriting #DigitalInk #DigitalPen #WacomPen #calligraphy #creativelettering #lettering #moderncalligraphy #madewithwacom
138 6
Calling all newbies! 📣📣📣 Try these three exercises to help you master your digital pen ✍️ #Wacom #WacomTips #wacomtablet #drawingtips #drawingtablet #digitalart #wacompen #wacomintuos #wacomintuospro
572 13
Today, we lift our heads high and draw one another in even tighter. 🤲🥹⁣ ⁣ We extend our deepest sympathies to all those enduring the aftermath of the distressing fires in Los Angeles. The sorrow wrought by this tragedy is close to our hearts, and in this time of trial, we embrace our community with unwavering support.⁣ ⁣ Art by the wonderful @yingshiart ⁣ ⁣
845 6
Change is scary sometimes. It also requires time. 🫠 For @adam_theillustrator, it took some time to switch the mouse over a stylus, but he never looked back. 💪 Do you remember what it was like for you? How many tries did it take you to master drawing with a tablet? What advice do you have for new users? #wacomtablet #wacomintuospro #digitalartist #digitalart #wacom #wacompen
2088 63
Time flies when you're absorbed in the details, hyper focusing on every stroke and thinking about every line. 👀🤓🧐🔍🐲 Love seeing @andrezgalviz_art taking advantage of his beautiful Cintiq Pro 24 canvas to sculpt for hours. #madewithwacom #Wacomworkspace #wacomcintiq #CintiqPro #3dmodeling #3dsculpting #3dart
1079 10
Don't mind us, we're out here mesmerized watching @andreaalice.nz make petals 🌺🌸💜🖌️ What beautiful things are you making today? Tag us #MadeWithWacom Now go feast your eyes and check out Andrea's stunning botanical prints. #creativeprofessionals #digitalart #artistsoninstagram
391 8
How many strokes to draw Rengoku? 🗡️💥❤️‍🔥 @caleo_real did this challenge and the results were..... Interesting 🤯😂 Do you count your strokes? An artist may choose to paint with as few brush strokes as possible for many reasons, including aesthetic effect, style, technique or emotional impact. #madewithwacom #digitalartist #digitalart #demonslayer #rengoku #fanart #artchallenge
1073 11
One of the most important steps in animation is BLOCKING! We asked @fabgioffre to walk us through his process to show you how easy it can be, especially if you're using the right tools like @toonboomanimation and a Wacom tablet (Fabio is using the Movink on this video). Head to Fabio's YouTube channel for the full tutorial or head to our stories to get there. #toonboom #wacommovink #madewithwacom #animation
210 8