DATOS CURIOSOS

Hola gente, a diario veo en comunidades y en post gente que diseña interfaces gráficas, ya sean gifs o interfaces para web o vídeo, y he notado que muchos tienen problemas a la hora de animar correctamente sus composiciones, así que decidí hacer este pequeño tutorial explicando los principios básicos de animación pero aplicado solamente a interfaces.

Los 12 principios de la Animación

Los 12 principios para la animación fueron creados en los años 30 por animadores en los Estudios de Disney Se trata de una serie de reglas básicas de animación que se utilizaron como base creativa y de producción de dibujos animados en aquella época. Estos 12 pincipios ayudaron a que el oficio de la animación pasara de ser algo novedoso a ser una forma de arte. Fueron aplicados inicialmente a los clásicos animados de Disney, como Blancanieves, en 1937, Pinocho y Fantasía, en el 40, Dumbo, en el 41 y Bambi, en 1942.

Estos principios hoy siguen funcionando, ayudan a crear personajes y situaciones más creíbles, proporcionan sensación de realidad.

ENCOGER Y ESTIRAR (Squash and Strech)

La exageración, la deformación de los cuerpos flexibles. Sirve para lograr un efecto más cómico o bien más drámatico. El estiramiento muchas veces se relaciona con la velocidad y la inercia.

Una característica importante de la compresión y extensión, es que independientemente de como un objeto se deforme, debería parecer que conserva su volumen.

ANTICIPACION (Anticipation)

En animación, la acción discurre normalmente por tres etapas: La preparación para el movimiento, el movimiento en si mismo y la prolongación de la acción. A la primera parte se la conoce como Anticipación.

Esta ayuda a guiar la mirada del público al lugar donde está a punto de ocurrir la acción. Es ideal para "anunciar la sorpresa". Así, a mayor anticipación menor es la sorpresa, pero mayor el suspenso.

PUESTA EN ESCENA (Staging)

Representación de una idea. Con este principio traducimos las intenciones y el ambiente de la escena a posiciones y acciones específicas de los personajes. Poniendo en escena las posiciones claves de los personajes definiremos la naturaleza de la acción. Hay varias técnicas de puesta en escena para contar una historia visualmente, esconder o revelar el punto de interés.

ACCIÓN CONTINUADA Y SUPERPUESTA (Follow through and overlapping action)

Diferentes cosas se mueven a diferente tiempo.

Con esta premisa deberemos tener en cuenta que existen elementos que aunque conservan la misma animación que otros, ésta ocurre con cierto desfase. Un ejempo muy típico sería la cola de un perro; cada hueso se mueve ligeramente después que el anterior, permitiendo conseguir ese efecto de látigo en mayor o menor medida.

A esta ley no hay que confundirla con la de Secondary action (acción secundaria). Como hemos dicho, la animación del elemento desfasado es la misma (suele serlo) que la del elemento que le precede; no estamos hablando de una animación independiente que viene dada por una fuerza externa o mayor.

FRENADAS Y ARRANCADAS (Ease in and out on slow in and out)

Acelerar el centro de la acción

...