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:

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

Conecte-se com a Wacom nas mídias sociais

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⁣
131 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
709 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
570 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 ⁣ ⁣
844 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
2086 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