SoM Estiramiento de la calabaza Imagen característica

Exagera tu animación usando aplastar y estirar en After Effects

7 de agosto de 2023
School of Motion Logo

School of Motion está reimaginando la escuela de arte con una formación de primera clase que está disponible en tu horario desde cualquier lugar de la Tierra. Ofrecen una amplia variedad de cursos que pueden llevar tus objetivos creativos al siguiente nivel. Visita su sitio web para ver todas sus ofertas.

Una versión del siguiente artículo apareció originalmente en el blog de School of Motion.

Utilizar calabaza y estirar

Aplastar y estirar es un principio "fácil de aprender, difícil de dominar", sobre todo porque es muy fácil pasarse. ¿Quieres mostrar que tu objeto se mueve rápido? Tal vez tu animación necesite sentirse pesada y causar impacto. ¿Pero cómo?

Aplastar y estirar es un principio de animación súper sencillo de comprender, pero un poco más complicado de poner en práctica. Las herramientas de After Effects están configuradas de forma muy intuitiva para ello, pero hay muchas formas de evitarlo y conseguir que tus animaciones tengan un aspecto impresionante.

Jacob Richardson nos muestra lo eficaces que pueden ser el aplastamiento y el estiramiento para exagerar el movimiento y añadir un poco más de vida a tus animaciones. Echa un vistazo a este consejo rápido, y luego dirígete a School of Motion para descargar los archivos del proyecto si quieres seguirlo.


Tutorial de aplastar y estirar en After Effects

¿Qué es el squash y el stretching?

De los 12 principios de la animación, Aplastar y Estirar es una forma asombrosa de separar el trabajo amateur del profesional. Puede parecer un principio fácil de aplicar, pero cuando empiezas a profundizar en él puede ser difícil de dominar.

¿Cómo funciona el squash y el estiramiento y qué ocurre? Para empezar, vamos a desglosar los dos términos diferentes.

Al manipular la forma de un objeto estirando su altura, puedes ayudar a dar a tu objeto una sensación de velocidad. El estiramiento también es una buena forma de mostrar la tensión sobre un objeto, y puede ayudar a mostrar lo moldeables o "blandos" que son tus objetos.

Por qué utilizar squash y stretch

Intentamos contar historias utilizando la animación, y en esas historias, intentamos dar una ilusión de vida. El aplastamiento puede ayudar mucho al espectador a comprender el impacto hacia arriba o hacia abajo que se ejerce sobre un objeto. Por ejemplo, un objeto que golpea el suelo o la mejilla de una persona que se junta al recibir un puñetazo. Al igual que el estiramiento, el aplastamiento puede mostrar lo moldeables o blandos que son tus objetos.

Wine After Coffee mostró esta animación limpia para Blend hace unos años, y el principio de aplastar y estirar está muy bien hecho. Echa un vistazo al vídeo que aparece a continuación, y observa cómo puedes diferenciar los objetos sólidos de sus homólogos, proporcionando una experiencia verdaderamente dinámica.


A la hora de dar más detalles sobre tus sujetos animados, ten en cuenta lo suelto o rígido que es tu objeto. Si tienes una bola de bolos cayendo en tu escena, probablemente no cambiará mucho de forma. Pero si tienes una bola de estrés que se lanza de un lado a otro, ¡entonces tiene potencial para ponerse realmente en forma!

A ver si eres capaz de detectar los sutiles detalles de aplastamiento y estiramiento en esta adorable animación creada por el legendario Jorge R. Canedo E. de Ordinary Folk, a continuación.


Estas reglas pueden romperse fácilmente si quieres darle un toque picante a una animación, o incluso si quieres mostrar velocidad utilizando los tradicionales fotogramas manchados. Los fotogramas manchados proceden de animaciones dibujadas a mano, pero éste no es el artículo para eso. En cambio, si quieres, puedes leer más sobre ellos aquí. Sin duda, te abrirá los ojos.

Aquí tienes una piel de cebolla muy chula de un salto de conejo creada por Markus Magnusson como ejemplo:

Escuela de Movimiento GIF ejemplo

¿Estás preparado para aprender más sobre animación?

School-of-Motion-Logo

¿Estás preparado para llevar tus habilidades de animación al siguiente nivel? Echa un vistazo a Animation Bootcamp. Animation Bootcamp es el curso más popular de School of Motion, y por una buena razón. Ha ayudado a transformar las carreras de diseño de movimiento en todo el mundo.

No sólo aprenderás a dominar el editor gráfico, sino que también aprenderás los principios de la animación junto a cientos de otros estudiantes. Si estás preparado para profundizar y enfrentarte a un reto, visita su página de cursos para obtener más información.

Entradas 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

Conecta con Wacom en las redes sociales

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
134 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
707 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
569 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
2082 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
390 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
A seamless blend of design, engineering, technology. The Cintiq Pro 27 is designed to let professionals work and move in complete harmony. Ready for an upgrade? #wacomcintiqpro #CintiqPro
782 36