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 :

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Comment le légendaire animateur Aaron Blaise a créé son nouveau court métrage, Snow Bear

Comment le légendaire animateur Aaron Blaise a créé son nouveau court métrage, Snow Bear

Tirer le meilleur parti de votre Wacom, avec Pablo Munoz Gomez - Astuce 5 : Comment utiliser le « mode précision » ?

Tirer le meilleur parti de votre Wacom, avec Pablo Munoz Gomez - Astuce 5 : Comment utiliser le « mode précision » ?

Comparaison entre Affinity et Adobe pour la conception d'un signet, avec Vivienne Le

Comparaison entre Affinity et Adobe pour la conception d'un signet, avec Vivienne Le

Connectez-vous avec Wacom sur les médias sociaux

Do you still draw with a mouse? 🖱️😱🚫 @adam_theillustrator prefers the precision of a stylus and the Wacom Intuos Pro is his trusty ally. Feels like paper. Works like magic. #intuospro #wacompen #wacomtablet
476 37
It's CYBER MONDAY! ⁣ Save big on Wacom #IntuosPro, our legendary beloved pro tablet!⁣ Perfect for photo editors who need more precision for tracing out masks or layering, illustrators who want the efficiency of working digital rather than scanning and cleaning up hand-drawn work, or a concept artists ready to take advantage of the power of digital painting software. ⁣ ⁣ Shop now through the link in our bio!⁣ #christmasgifts #holiday #deals #shopping #amazon #wacomsale
92 2
Creating magical vibes with @monsieur_arefin. ☕📔🫗 Sometimes it takes several tries to capture what you envision. And every try reveals something different and special. Stay tuned for part 3.
195 4
When you do it all, you need a tool that can keep up. 🖌️🎬🎨📸🎥🎤 @nickhshaheen found a versatile way to work on the go with the #WacomMovink. The perfect tool for creatives who do it all. Are you also a studio of one?
145 1
The Wacom Movink is on sale on our Amazon store 🖤🎁🛒⁣⁣ Save $50 USD on our lightest and thinnest pen display ever!⁣ Head to the link in our bio or our stories to save! ☝️⁣ Work and workspace by @danidiamondphotography 📷 #christmasgifts #holiday #deals #shopping #amazon #wacomsale #wacomMovink ⁣
1510 28
🌍 Hey, Wacom community! you already know @wacomeurope — and now we want to get to know You better! Drop a comment below and tell us: 📍 Where from Europe are you following us? ✨ What do you do? (Are you an artist, designer, photographer, vfx artist, or anything else?) Let’s build this incredible European creative community together! 👇✨ Don’t forget to tag your creative friends to join the conversation! #WacomCommunity #CreativeCommunity
266 169
Do you know what the #greasepencil tool is? Let's learn with @janice.journal ✍️🧋 Janice is using a #WacomOne 12 Shop #WacomOne on sale now! Via link in bio 🛒 #wacomtips #wacomart #3dmodeling #3dart #digitalart #madewithwacom
516 4
Add a dash of magic to everyday moments🫖⏱️🥃🥄🃏✨ Our friend @monsieur_arefin shows us that sometimes all we need is already around us. Look around and reimagine the ordinary. It's amazing what a glue gun and some editing can do 😍 Stay tuned for part two! 2️⃣✌🏾 #madewithwacom #photoediting #artistlife #artistsoninstagram #inspiration #ConnectedInk2024
387 11
Today @aaronblaiseart takes us through the process of how he animated Snowbear. From story boards and rough animations to adding color and more. 🐻‍❄️ Head to Wacom's YouTube to watch the full video and get a glimpse of what it's like to animate an entire short film on your own! #animation #2danimation #aaronblaise #MadeWithWacom
677 14
Black Friday Deals are here 🖤🎁🛒⁣ Head to our Amazon store to discover our exclusive #BlackFriday deals. ⁣ Whether you're a beginner artist or a pro, we have something for you!⁣ Head to the link in our bio or our stories to save! ⁣ Also check out Wacom accounts in your region to find what Black Friday exclusives we have in your area. ⁣ #christmasgifts #holiday #deals #shopping #amazon #wacomsale
123 2
Hey 👋 Artists of Europe! We’ve got some exciting news for you! 🎉 Wacom Europe now has its very own INSTAGRAM ACCOUNT — created just for YOU! Follow @wacomeurope and get ready for: ✨ Creative tips & tricks 🎨 Get inspired by incredible artists 📅 Stay updated on local events 💡 Enjoy exclusive promotions Let’s celebrate creativity together and join the Wacom community 🚀 Follow us here 👉 @wacomeurope #CreativeCommunity #WacomArtists #WacomCommunity
197 19