Soccer Running Man

Objetivo del proyecto
El desafío de este proyecto, era generar un ciclo animado para el splash screen de una aplicación el cual fuera lo suficientemente versátil como para poder editar los colores según las fechas, y así generar infinidad de posibilidades para aplicación. Toda la animación está hecha a partir de shape layers dentro de after effects

Proceso de creacion
Antes de comenzar con la animación, se debía de generar un personaje el cual fuera fácil de entender, además de replicable fácilmente dentro de after effects (pensando en los shape layers para facilitar el flujo de trabajo), y que fuera lo suficientemente expresivo como para brindar diferentes sensaciones de personalidad a través del color. Se definió la forma principal (torso), que fuera como una pequeña oreja, la cual integrada dentro de la composición, nos ayuda a resaltar la forma del jugador de fútbol promedio al correr, mientras éste es reforzado con las extremidades que a su vez están construidas con un trazo de diferentes grosores, haciendo más grueso el de los brazos, con el fin de estilizar un poco la forma del personaje principal.

Los elementos secundarios, están construidos a partir de formas geométricas y trazos compuestos, ésto con la finalidad de mantener una misma línea gráfica entre las formas predominantes en el personaje además de generar un contraste con aquellos elementos que contienen ángulos, como lo son el triángulo, el medio círculo, y los dos triángulos sobrepuestos. Se ha optado por hacer solo 3 nubes diferentes, ya que durante el proceso de animación, éstos pasarán desapercibidos, y sólo servirán como un apoyo gráfico y narrativo dentro de la composición entera.

Proceso de animación
Para los elementos del fondo que se encuentran en el piso, se han distribuido dentro de una composición alargada, que es la que nos servirá para loopear durante la composición entera, todos ellos vinculados a un controlador que se encarga de manipular el color global de los elementos, mientra que las nubes están hechas de la misma forma, simplificándolas a solo dos elementos para que ayude a vincular todos los personajes.

Proceso de animación del personaje
Cabe destacar que para la animación principal, se buscaba desde un principio simular el movimiento "simplificado" de un futbolista, por lo que el movimiento de el torso, se vuelve el más importante, ya que en él se determina la velocidad, proporción y posición del personaje, lo cual más tarde nos ayudará a generar el timing que estamos buscando para la composición entera. Una vez que la animación del torso, se puede comenzar a animar los elementos restantes, tratando de que siempre sean consistentes con todos los demás elementos.

La animación realizada en la cabeza, y en el balón se vuelven particularmente especiales, ya que con ellas se definirán intervalos de tiempo que nos ayudarán a saber cuándo cambiar los colores. Básicamente cada intervalo de 3 rebotes del balón, la cabeza rebota el doble, haciendo de los frames de la composición entera pares, lo cual simplificará el proceso de loop.

Versión con sonido:

Paleta de colores
Durante la selección de la paleta de colores, se debe de cuidar que los colores sean contrastantes entre sí, además de prestar particular atención a los colores utilizados por las diferentes equipos, así como su lugar de procedencia. El color se vuelve un recurso narrativo que va más allá de la gráfica.
La facilidad de trabajar con nulos (controladores) , es que cambiar un color se vuelve una labor sencilla dentro de after effects, y en este punto del proyecto, se puede generar cualquier paleta de color, haciendo de ésta una animación versátil que puede tener miles de posibilidades diferentes.

Versión con sonido: