Imagem do recurso SoM Squash Stretch

Aumente sua animação usando squash e stretch no After Effects

7 de agosto de 2023
School of Motion Logo

A School of Motion está reimaginando a escola de arte com um treinamento de classe mundial que está disponível em sua agenda de qualquer lugar do mundo. Eles oferecem uma ampla variedade de cursos que podem levar suas metas criativas para o próximo nível. Acesse o site da empresa para ver todas as suas ofertas.

Uma versão do artigo abaixo foi publicada originalmente no blog da School of Motion.

Usando squash e stretch

O Squash and Stretch é um princípio "fácil de aprender, difícil de dominar", principalmente porque é muito fácil exagerar. Deseja mostrar que seu objeto está se movendo rapidamente? Talvez sua animação precise ser pesada e causar impacto. Mas como?

Squash and Stretch é um princípio de animação super simples de entender, mas um pouco mais complicado de implementar. As ferramentas do After Effects são configuradas de forma muito intuitiva para isso, mas há muitas maneiras de contornar esse problema e fazer com que suas animações tenham uma aparência incrível.

Jacob Richardson nos mostra como o squash e o stretch podem ser eficazes para exagerar o movimento e dar um pouco mais de vida às suas animações. Confira esta dica rápida e, em seguida, vá até a School of Motion para fazer o download dos arquivos do projeto, caso queira acompanhá-lo.


Tutorial de esmagamento e alongamento no After Effects

O que é squash e stretch?

Dos 12 princípios de animação, Squash and Stretch é uma maneira incrível de separar o trabalho amador do trabalho profissional. Esse pode parecer um princípio fácil de aplicar, mas quando você começa a se aprofundar nele, pode ser difícil dominá-lo.

Como funciona o squash e o stretch e o que está acontecendo? Para começar, vamos detalhar as duas condições diferentes.

Ao manipular a forma de um objeto por meio do alongamento de sua altura, você pode ajudar a dar ao objeto uma sensação de velocidade. O alongamento também é uma boa maneira de mostrar a tensão sobre um objeto e pode ajudar a mostrar o quão moldáveis ou “moles” seus objetos são.

Por que usar squash e stretch

Estamos tentando contar histórias usando animação e, nessas histórias, estamos tentando dar uma ilusão de vida. O esmagamento pode realmente ajudar o visualizador a entender o impacto para cima ou para baixo que está sendo causado em um objeto. Por exemplo, um objeto batendo no chão ou a bochecha de uma pessoa se juntando ao receber um soco. Assim como o estiramento, o esmagamento pode mostrar o quanto os objetos são moldáveis ou moles.

A Wine After Coffee apresentou essa animação limpa para o Blend há alguns anos, e o princípio de esmagar e esticar é muito bem feito. Assista ao vídeo abaixo e observe como é possível distinguir os objetos sólidos de suas contrapartes, proporcionando uma experiência verdadeiramente dinâmica.


Quando se trata de fornecer mais detalhes sobre seus objetos animados, lembre-se de quão solto ou rígido é o objeto. Se uma bola de boliche cair em sua cena, ela provavelmente não mudará muito de forma. Porém, se você tiver uma bola antiestresse sendo jogada para frente e para trás, ela poderá ficar realmente fora de forma!

Veja se você consegue identificar os detalhes sutis de esmagamento e alongamento nesta adorável animação criada pelo lendário Jorge R. Canedo E. do Ordinary Folk, abaixo.


Essas regras podem ser facilmente quebradas se você quiser incrementar uma animação, ou mesmo se quiser mostrar velocidade usando quadros de manchas tradicionais. Os quadros de manchas vêm de animações desenhadas à mão, mas este não é o artigo para isso. Em vez disso, se desejar, você pode ler mais sobre eles aqui. Definitivamente, é um abrir de olhos.

Aqui está uma casca de cebola muito legal de um bunny hop criada por Markus Magnusson como exemplo:

Exemplo de GIF da School of Motion

Pronto para saber mais sobre animação?

School-of-Motion-Logo

Está pronto para levar suas habilidades de animação para o próximo nível? Confira o Animation Bootcamp. O Animation Bootcamp é o curso mais popular da School of Motion, e por um bom motivo. Ele ajudou a transformar as carreiras de design de movimento em todo o mundo.

Você não apenas aprenderá a dominar o editor gráfico, mas também aprenderá os princípios da animação com centenas de outros alunos. Se você estiver pronto para se aprofundar e enfrentar um desafio, acesse a página de cursos deles para saber mais!

Publicações relacionadas:

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

Como o lendário animador Aaron Blaise criou seu novo curta-metragem, Snow Bear

Como o lendário animador Aaron Blaise criou seu novo curta-metragem, Snow Bear

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 5: Como usar o 'modo de precisão'

Aproveitando ao máximo sua Wacom, com Pablo Munoz Gomez - Dica 5: Como usar o 'modo de precisão'

Comparação entre Affinity e Adobe para criar um marcador de página, com Vivienne Le

Comparação entre Affinity e Adobe para criar um marcador de página, com Vivienne Le

Conecte-se com a Wacom nas mídias sociais

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