Principios de animación Bam Feature

Cómo empezar a animar tus personajes: Los cuatro principios

2 de junio de 2023

La animación de personajes es un tema complejo. Si nunca lo has probado, puede parecerte que estás intentando dar en un blanco móvil o, mejor dicho, dibujando un blanco móvil. En este tutorial divertido e informativo, los veteranos del sector Brent Noll y Maximus Paulson, de BaM Animation, desglosan cuatro principios clave del movimiento y los demuestran mientras animan un gato bailarín con Adobe Animate y ToonBoom Harmony en una Wacom Cintiq Pro.

La animación es abrumadora, y la mayoría de los artistas piensan que, como ya saben dibujar, podrían aprender a animar con bastante facilidad, y aunque es cierto que saber dibujar ayuda, es un conjunto de habilidades totalmente nuevo que requiere tiempo y práctica.

Imagen de aspecto entrecortado Bam Principios de animación 1

La mayoría de la gente sobreestima sus habilidades incluso antes de dibujar el primer fotograma, y eso es porque necesitan adquirir la comprensión de los principios del movimiento. Al fin y al cabo, animación no es igual a ilustración; animación es igual a movimiento.

Según The Animator's Survival Kit de Richard Williams, hay 12 principios de animación. Aun así, en este vídeo vamos a centrarnos sólo en cuatro fáciles para que empieces.

Principios de la animación Bam de imágenes fluidas 1

I. Facilitar

Facilitar es una palabra elegante para acelerar. Ten en cuenta que un coche no puede pasar bruscamente de cero a sesenta instantáneamente; es muy poco natural. Los coches son pesados y tardan en acelerar, al igual que todos los objetos o personajes en movimiento. Cuando un objeto tarda en acelerar, lo llamamos soltar, y cuando se ralentiza hasta detenerse, lo llamamos meter.

Un movimiento que se suaviza correctamente tiene un aspecto más natural: un objeto que se suelta en el aire se suaviza desde su altura original, pero no se suaviza cuando toca el suelo. Por eso, saber cuándo utilizar los eases también es clave. En lugar de eso, mantiene su velocidad original y vuelve a dispararse hacia arriba, y entonces puede aflojar de nuevo en la cima al perder impulso.

Espaciado dinámico Principios de animación Bam

Como la velocidad de fotogramas de la animación es tan constante, conseguimos la suavidad ajustando el espaciado entre cada dibujo, de modo que los dibujos muy juntos formen un movimiento lento, y las ilustraciones muy separadas formen un movimiento rápido. Observa cómo los dibujos de la parte superior están muy juntos y luego se van separando a medida que la bola cae. Esto se llama espaciado dinámico, que es como se crea la aceleración o la flexibilización.

Principios de animación Bam

II. Sobrepasar

Intentemos animar una mano. Como estamos aprendiendo a animar personajes y a moverlos del punto A al punto B, vamos a añadir nuestro segundo principio, el rebasamiento, cuando un objeto sobrepasa su punto de reposo final sólo para volver a encajarse en su sitio. Esta idea puede parecer demasiado caricaturesca, pero puede dar mucha vida a los movimientos de tu personaje.

En este ejemplo, voy a ajustar los fotogramas finales para que pasen dos fotogramas; luego retrocederá aquí y después avanzará un poco, para finalmente asentarse. ¡Mira qué diferencia! Ahora puedes ver cómo añadir sobrepasos en los extremos de tu animación aporta aún más vida. Por supuesto, a menos que seas un robot, no es posible llegar a una parada perfecta, así que, a menos que vayas a hacer un alabeo muy rígido, incluso añadir un fotograma de sobrepasamiento puede hacer mucho.

Principios de animación estática dinámica de formas Bam

III. Aplastar y estirar

Los personajes son orgánicos y cambian de forma al moverse. Una animación debe exagerarlo. Aplastar y estirar es un principio que hace hincapié en la elasticidad.

Fíjate en estos dos botes de pelota: a la derecha, la pelota cambia de forma; parece mucho más maleable y elástica porque he cambiado algunos cuadros para que parezcan aplastados o estirados. Esto ayuda a enfatizar el movimiento. Puede que no parezca algo que debas hacer a los personajes, pero aplastarlos y estirarlos puede ayudar mucho a transmitir movimiento.

Anticipación Bam Principios de animación

IV. Anticipación

En el ejemplo de la mano, la mano simplemente se mueve hacia delante, pero ¿y si hubiera una pequeña vacilación, como si se estuviera preparando para avanzar, como si le estuvieras dando cuerda para lanzar?

Hagamos algo más sutil. Hagamos primero que la mano retroceda en estos fotogramas y luego acelere hacia delante hasta su posición final. ¡Mira qué diferencia! La anticipación no siempre es natural en cada movimiento, pero es mucho más agradable de ver y hace que la actuación sea más evidente. Como dijo Alan Becker, la Anticipación "ayuda a comunicar acciones a la audiencia preparándola para la acción siguiente, de modo que no se la pierda".

La principal diferencia entre la animación mala y la buena es que la mala no se mueve de forma interesante.

Rebote de la pelota Principios de animación Bam

Después de ver esta demostración de los cuatro principios básicos de la animación, puede que sientas que dominas mejor la distinción entre un buen movimiento y un mal movimiento, pero eso no significa que de repente seas capaz de animar como un animador de Disney de los 90. En cambio, convertirse en un buen animador requiere una larga serie de formación mediante ejercicios de aprendizaje, empezando por lo más básico.

El ejercicio más básico con el que empiezan muchos alumnos es el rebote de la pelota. Sin embargo, es engañosamente más complicado de lo que parece, y la mayoría de la gente se equivoca porque abre su programa de animación, dibuja una bola, la mueve lentamente hacia abajo y luego vuelve hacia arriba y dice: "¡Aquí! Lo he conseguido!" Pero hecha así, la animación queda fatal; no hay espaciado gradual.

La mejor forma de animar el rebote de la pelota es colocar los fotogramas superiores muy juntos y luego espaciarlos gradualmente para crear una aceleración dinámica. Luego copia e invierte los fotogramas.

Bam Animación ejemplo de rebote de pelota

Pero puedes hacerla aún más interesante basándote en más técnicas, como el aplastamiento y el estiramiento, y añadiendo un marco de impacto.  A medida que tu animación progrese, te harás lo suficientemente fuerte como para abordar tareas más avanzadas, como un péndulo, una bola que cae, una mano que agarra, una cara que gira y, con el tiempo, llegar hasta un ciclo de paseo completo. Aprender a abordar movimientos sencillos afinará tu vista y te preparará para movimientos de personajes complejos y con múltiples capas.


Acerca de BaM Animation

Logotipo de Bam Animation

BaM Animation fue creada por Brent Noll y Maximus Pauson, veteranos de la industria de la animación profesional con sede en Burbank. Lanzaron su popular canal de YouTube en 2017 y encontraron una forma única y lúdica de ofrecer contenido de animación informativo y educativo de una manera atractiva y memorable.

Max dibuja los personajes para BaM y suele ser el director de acción real y el supervisor de guiones. En su vida fuera de YouTube, Max es un diseñador de personajes ganador de un Emmy que ha trabajado en series como Rick y Morty, FutureWorm, Disenchantment y Nico y la Espada de la Luz.

Brent se encarga de los fondos, la animación y muchos aspectos técnicos del programa, como la filmación, el audio, la posproducción, los efectos visuales y la resolución de problemas en general. También gestiona la presencia de BAM en las redes sociales. Cuando no está trabajando en BaM, Brent es diseñador de fondos y atrezzo para programas como Rick y Morty, FutureWorm, Troll Hunters y Final Space.

Una característica popular de BaM es que piden a los espectadores que envíen su arte original al programa para que pueda aparecer en los próximos episodios. Si quieres enviar una obra para su consideración, puedes hacerlo aquí.

Para saber más de BaM Animation, visita BaM Animation en YouTube, su sitio web, su Discord o su Instagram. Consulta también los sitios web de Brent Noll o Maximus Pauson, o el Twitch de Brent.

Entradas relacionadas:

Making the most of your Wacom with Pablo Muñoz Gómez — Tip 10: How to Back Up Your Custom Wacom Settings

Making the most of your Wacom with Pablo Muñoz Gómez — Tip 10: How to Back Up Your Custom Wacom Settings

“Movink Reminded Me Why I’m An Artist:” Animator Joshua Bronk Reviews The Wacom Movink 13

“Movink Reminded Me Why I’m An Artist:” Animator Joshua Bronk Reviews The Wacom Movink 13

Making the most of your Wacom with Pablo Muñoz Gómez, Tip 9: Other Wacom devices and features

Making the most of your Wacom with Pablo Muñoz Gómez, Tip 9: Other Wacom devices and features

Wacom Movink, My New Best Friend! An animated review by Javadoodles

Wacom Movink, My New Best Friend! An animated review by Javadoodles

Conecta con Wacom en las redes sociales

🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Movink! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/27 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
628 419
Have you ever tried masking out a person using a mouse? 🫢 @ruthiesmagicalcamera did and it really sucked. 🤷🏻‍♀️ Ruthie likes to have full control over every single detail on her photo composites, and editing with a Wacom pen allows her to get really deep in the details, with razor sharp precision, as if she were painting over her photos 💃✍️📸🌾 Check her out trying out the new #WacomMovink! PS. The Wacom Movink is now on sale! #photoediting #photoretouch #madewithwacom #creativeprofessionals #creativesonthego #digitalphotography
415 9
Jake aka @killerrabbitmedia prefers working on a Wacom Intuos because it's easy to carry and super durable. He also loves pixel art and Asperite because it blends artistry with technical skill. There's a long tutorial video on our YouTube explaining how Jake achieved this look. Go check it out! #madewithwacom #wqcomintuos #intuos #wacomtablet #pixelart #artistsoninstagram
432 6
Enjoy this stylized illustration created by @bonehaus inspired by his recent trip to Amsterdam. ⁣ ⁣ He goes full circle, collecting inspiration and reference, sketching in #AdobePhotoshop, illustrating in #AdobeIllustrator, and then right back to #photoshop for finalizing color and texture 🔄✌️⁣ ⁣ Once in Illustrator, Kirk outlines and traces the major shapes of his sketch, then removes the lines and focuses instead on shapes and shadows. ⁣ ⁣ "I start building in more shadows and more details to help separate any of the shapes that are struggling without that outline. I like my art without a ton of outline, so I prefer the challenge of using some shadows and highlights and stuff to separate them.”⁣ - @bonehaus⁣ Head to the #WacomBlog to read the full interview! ⁣ #MadeWithWacom #WacomCintiqPro #DigitalIllustration #adobeillustrator #Photoshop
369 1
El óleo perfecto para tus ideas es tan delgado como un espejo. 🪞🌾 Descubre la magia de Wacom Movink, nuestro primer lienzo digital OLED. Video creado por la maravillosa @martinab.illustrations 🌹 #WacomMovink #creativeprofessionals #creativesonthego #tabletadigital #artedigital
500 5
📝 Managing license requests and agreements is an essential part of protecting your work as a professional artist. And in this tutorial we show you how to do it easily. Wacom Yuify allows you to easily view, approve, or reject requests, ensuring your creative rights are secured. Streamlining the process means more control over your art and less hassle. 🔒 Ready to simplify your license management? Register for free at yuify.com *Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder. #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
84 2
This week's giveaway is closed now. ✌️✌️✌️ Congratulations @dumartrigali, you're the lucky winner. Thanks to everyone who participated. Stay tuned for this week's giveaway coming up soon! 🎉✨ December of Giveaways is HERE! ✨🎉 The holiday magic is upon us and we're ecstatic to bring you weekly giveaways throughout the month of December! 🎁 Come back every Friday for your chance to unwrap something amazing! ✨ This week, we're giving away a Wacom Cintiq 16! 🎨 Here's how to enter: 🎅 Follow @wacom and @wacomedu ❤️ Like this post 🌟 Tag a friend + your favorite creator! This week's giveaway ends 12/20 at 9 am PST. Winner will be tagged in this post and ONLY contacted through official Wacom accounts. Please be extra cautious if contacted via DM – make sure the sender is @wacom or @wacomedu before sharing any personal info. 📩 We’ll only ask for your shipping details if you win! Good luck 🍀 #Wacom #WacomForEducation #WacomGiveaway
932 585
Therapeutic break! Let's draw some Winnie stickers with @konistudio on a #WacomOne 13. 🧣❄️🌲 #Wacomworkspace #madewithwacom #artistsoninstagram #artistlife
713 13
How to draw fire without burning yourself 🧯🔥 @lplucas thank you for this important service. Stay cozy and stay safe out there friends ✌️ #madewithwacom #drawingtips #digitalartist #digitalart #wacomtips
151699 108
How do you keep inspired during ordinary days? @buttersketch shares a glimpse into her creative process, full of graphic novels, picture books, music, journaling and art materials. "“I really love bribing myself with new materials,” she confesses with a smile. “I think it helps my brain bypass the anxiety of starting, because now I’m focused on just playing.” - @buttersketch✌️ #Wacomworkspace #WacomMovink #creativeprofessional #artistlife #artistsoninstagram #creativeinspiration
238 2
As an artist, protecting your work can feel impossible. Watermarks distort your art, and even then, they can be removed. Many have felt the frustration of seeing creations copied without credit - and that’s why Wacom Yuify exists ✨ —it adds an invisible mark to your work, keeping it safe and traceable without compromising its beauty. 🔒 Ready to protect your art? Visit Yuify.com for more info. Now available for @escapemotions #WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
154 2
Reimagining everyday objects by adding a little bit of magic is easy with a little ingenuity, patience and curiosity. Thank you @monsieur_arefin for walking us through your process and showing us how you edit using Wacom Intuos Pro 🥰 #madewithwacom #photoshop #photoediting #ConnectedInk2024 #artistsoninstagram
282 5