Cómo hacer que una imagen cobre vida así

(para un análisis más profundo de las técnicas utilizadas en su ejemplo, vaya al final de esta respuesta)

He hablado con un chico que trabaja para League of Legends, donde tienen este tipo de imágenes animadas en la pantalla de inicio del juego: una nueva una vez al mes más o menos.

La forma en que lo hace, (y la forma en que lo haría), es

1) Obtiene el archivo de Photoshop del dibujo digital del artista con cada capa disponible.

2) Luego utiliza las herramientas en un programa llamado Adobe After Effects; específicamente establece fotogramas clave utilizando la herramienta de títere en caracteres o en otras partes que desea mover.

Video tutorial breve sobre la herramienta de marionetas en After Effects (de lynda.com)

3) Eso, junto con algunos buenos sistemas de partículas y una animación regular de movimiento / rotación / escala (todo hecho dentro de After Effects), hace que la imagen cobre vida.

La clave para que parezca creíble es ser sutil.

Se puede hacer hasta cierto punto con una sola imagen (sin capas de Photoshop) si las partes móviles se separan manualmente, pero cosas como animar la iluminación del personaje serían difíciles.

Aquí hay un ejemplo de un fondo en movimiento en bucle para League of Legends, hecho con las técnicas mencionadas anteriormente:

——

TIEMPO DE ANÁLISIS:

Como hay varias formas de hacer estas cosas, es posible que no sea 100% exacto sobre cómo se hizo, pero aquí está mi mejor análisis de su ejemplo específico:

1) Los ojos se mueven animando la posición de la capa que contiene el iris / pupilas, usando una máscara alrededor de los ojos para contener las capas dentro de los párpados. Mientras las sombras en el ojo permanezcan en su lugar, parecerá que los globos oculares están girando.

El doble resaltado en cada ojo, ambos tienen su rotación animada alrededor del centro de cada ojo respectivo.

2) El lado derecho e izquierdo de su cabello está separado de la cabeza y tiene la herramienta de marioneta aplicada o algún efecto de distorsión de onda.

3) Un sistema de partículas forma las partículas de gran tamaño en primer plano, otro sistema de partículas forma los puntos más pequeños en el fondo, y luego un tercero crea los puntos más grandes y de baja opacidad en el fondo (aparentemente con el modo de superposición ‘Overlay’ )

4) Sus ropas están separadas y con títeres o distorsiones animadas aplicadas.

5) Su cuerpo y mano con espejo tienen fotogramas clave en posición, para moverse hacia arriba y hacia abajo, lo que sugiere respiración.

5) Su pulgar está separado de la mano y animado con una urdimbre de marionetas o simplemente gira alrededor de la base del pulgar.

6) @ 0: 13 Un brillo de luz en la parte inferior izquierda del espejo, tiene opacidad (transparencia) animada.