LlopisAnimation Blog

Este tutorial está basado en uno de los tutoriales de Keith Lango, “Tricks for Cartoon Snappy Motion”. Hace tiempo encontré un tutorial similar, pero más básico, de “Stephane Marino” y simplemente lo adapté a Maya.
La finalidad de este tutorial es entender la energia que se produce al mover un cuerpo de un lado a otro. Simplemente lo que hacemos es aplicar principios de la animación, en este caso, la anticipación antes de mover un cuerpo, la frenada al final de movimiento y el squash & stretch, para dotar de dinamismo al objeto en cuestión.
El tutorial es aplicable a cualquier objeto o parte del cuerpo, en este caso haré una explicación sencilla sobre una esfera para que sea totalmente entendible.

Primera Parte: Movimiento

Lo primero que haremos será hacer un movimiento rápido. Lo que haré será mover la esfera 10 unidades de grid en X, en 3 fotogramas, de modo que obtengo lo siguiente:

Frame 1 –> TranslateX = 0
Frame 4 –> TranslateX = 10

Si vemos la animación observamos que existe un movimiento rápido, pero no es muy bonito. (video 01)

Segunda Parte: Anticipación y Frenada

Ahora dotaremos a la esfera de una anticipación y una frenada para que el movimiento tenga más personalidad.
Lo primero que haré será darle algo de anticipación (los 3 primeros fotogramas le daré una translación en X de 0.5 unidades).
Para la frenada usaré también un movimiento en X de 0.5, pero esta vez en 8 fotogramas.
De modo que tenemos el mismo movimiento de 3 fotogramas, pero con una anticipación de 3 frames y una frenada de 8.
Así entonces nos queda esto:

Frame 1 –> Translate X = 0
Frame 4 –> Translate X = -0.5 (anticipamos)
Frame 7 –> Translate X = 10 (movimiento de la primera fase)
Frame 15 –> Translate X = 10.5 (frenada)

Ahora el movimiento es mucho más vivo, tiene más sentido, nos avisa de lo que va a pasar con la anticipación y al frenar le dota de un cierto realismo. (video 02)

Tercera Parte: Squash & Stretch

A partir de aquí ya solo nos queda añadir detalle. Para eso usaremos el squash y el stretch. Lo que haremos será darle un stretch a la esfera en la anticipación, de modo que cuando la esfera frena antes de iniciar el movimiento todavía está terminando el stretch, esto lo hacemos para desfasar los movimientos y que no quede muy robótico. Aguantamos el stretch 2 frames y hacemos un squash hasta el frame 9 de modo que dotamos de deformación a la esfera a medida que avanza. Del frame 9 al 15, lo único que haremos será recuperar la forma normal de la esfera. Para conseguir estas deformaciones estoy escalando la esfera en X Y, porque se trata de una vista lateral.
Ahora tenemos lo siguiente:

Frame 1 –> ScaleX = 1 ; ScaleY = 1
Frame 4 –> ScaleX = 0.9 ; ScaleY = 1.09
Frame 5 a 6 –> ScaleX = 1.7 ; ScaleY = 0.7
Frame 9 –> ScaleX = 0.9 ; ScaleY = 1.09
Frame 15 –> ScaleX = 1 ; ScaleY = 1

Este sería la animación final, el movimiento es lineal y muy dinámico, anticipamos y frenamos para hacerlo más realista y le damos squash & stretch para darle más vida al objeto. (video 03)

Así es como han quedado todas las curvas de animación, piensa que siempre puedes jugar con los valores en el GraphEditor para cambiar algun aspecto de la animación.

Recuerda que estos principios son aplicables a cualquier objeto o parte y que los valores son simplemente orientativos para que entiendas mejor como he realizado el tutorial.
Ahora simplemente queda practicar.