• HOLA -

Me presento:

Soy Lemon, una artista francesa y estudiante de animación ;)

IG : _lemon_night

Bienvenidos a este consejo sobre: ¿Cómo animar una ilustración?

Es una forma muy divertida de hacer que tus dibujos e ilustraciones cobren vida, y verás que la animación no es tan complicada como parece :3

 

Hoy te mostraré cómo hacer este sencillo gif.

- Preparar el espacio de trabajo -

Trabajo en iPad Pro, con la versión Ex de Clip Studio Paint.

Antes que nada, ¡necesitamos una ilustración!

Elegí esta, que hice específicamente para animar. Para que sea simple y accesible para todos los niveles, no hay que intentar moverlo todo, un solo elemento es suficiente para dar vida a tu ilustración :3

Aquí nos centraremos en la cola del gato, que será el elemento en movimiento del dibujo.

Por lo tanto, lo separaremos del resto de la ilustración para poder moverlo más fácilmente, sin afectar lo que hay debajo.

Nos quedamos con esto.

Para poder integrarlos más fácilmente en la animación, deben exportarlos como PNG, quitando todos los demás elementos alrededor y debajo del gato.

Así:

Hagan lo mismo con el resto de la ilustración para que los dos elementos queden separados.

Luego crearemos nuestra animación, para ello haremos clic en este botón:

Y seleccionamos Animación.

Para que tenga el formato de nuestra ilustración, cambiamos las dimensiones a las de nuestra imagen base, que aquí son 3508 x 4961.

Luego, para quitar los bordes que no necesitamos, bajamos todo a cero aquí.

Luego reduzco el número de fotogramas por segundo; están configurados en 30, pero prefiero el formato de 24 por segundo.

Hacen clic en aceptar y normalmente nos quedamos con esto:

Luego importamos nuestras dos imágenes de antes.

Sin embargo, el escritorio sigue configurado para animación, así que lo cambiamos yendo a "Ventana", luego a "Espacio de trabajo" y hago clic en "Espacio de trabajo para animación".

Uso este Espacio de trabajo descargado de Assets, está bien construido y lo encuentro práctico para principiantes.

Hacen clic en "OK" sin cambiar nada y su espacio de trabajo debería verse así:

Es posible que el suyo no sea exactamente igual, he adaptado el espacio de trabajo para que sea similar al que uso para mis ilustraciones, les aconsejo que hagan lo mismo, así les será más fácil orientarse :3

Para poder usar las imágenes importadas, hacemos clic en "Rasterizar".

Y hacen lo mismo con el otro, pero no es necesario porque solo el gato será modificado aquí.

Para evitar saturarse con capas inútiles, pueden borrar estas tres, no nos servirán en este tutorial.

Una vez que todo esté listo, esto es lo que deberían tener:

Las tres capas superiores derechas están en el mismo orden en la línea de tiempo inferior, pueden dar colores a las capas, así les será más fácil orientarse.

Para ello, vayan a la capa deseada, aquí será solo el gato.

Luego hacen clic en este pequeño cuadrado y eligen el color que deseen.

Así será fácilmente reconocible en su línea de tiempo.

Ahora que el espacio de trabajo está listo, podemos empezar a animar :3

- Animación -

En lo que les voy a mostrar, se trata de una forma muy sencilla de animar, no necesitarán redibujar el dibujo cada vez para que se mueva.

Simplemente vamos a duplicar y mover la cola del gato cada vez para crear el movimiento.

Para ello, vamos a acortar el tiempo de fotograma que ocupa nuestra primera imagen.

Estamos en formato 24/s, esto significa que para hacer un segundo, necesitamos 24 imágenes.

Así que acortaremos el tiempo de la imagen y la haremos durar solo 1 fotograma, así:

 

Esto sirve para que la imagen sea visible solo durante 1 fotograma y luego dé paso a las siguientes.

Luego vamos a duplicar esta imagen y moverla para que quede después.

En el modelo duplicado, comenzaremos el movimiento de la cola.

Para hacerlo, vayan a "Acceso rápido" y hagan clic en "Transformación de malla".

Y esta cuadrícula de malla aparecerá en su imagen:

Como hemos aislado a nuestro gato antes, la transformación se hará solo sobre él, ya que es el único elemento de la capa. Sin embargo, las mallas son demasiado grandes y no podemos mover la cola sin afectar el resto del cuerpo.

Así que subiremos estos dos ajustes al máximo.

Así que nos quedamos con esto:

Así podemos mover la cola del gato.

Y así sucesivamente, duplicamos la imagen que acabamos de hacer, luego la movemos un fotograma para que se sigan, creando así el movimiento de la cola del gato.

Continuando así, nos quedamos con esto:

Acabamos de terminar la primera parte del movimiento, ahora la cola debe volver a su punto de partida para balancearse hacia el otro lado.

Para ello, simplemente duplicaremos todo lo que acabamos de hacer para reproducir el movimiento descendente.

Así que elegiremos el último movimiento de la cola como el más alto, y duplicaremos el que viene justo antes, aquí la capa verde.

Les aconsejo que cambien los colores a medida que duplican las capas, es bastante fácil perderse en este punto, pero se le coge el truco rápidamente.

Así que duplico esta capa así:

Y para que este siga la cronología, lo moveremos al final del movimiento de la cola, lo que hará que el movimiento descienda.

Movemos el fotograma para que se coloque después en la línea de tiempo.

Y así sucesivamente, reproducimos el movimiento hacia abajo, debería quedar así:

Ahora vamos a crear el movimiento para que suba del otro lado.

Simplemente vamos a repetir la misma operación que antes y mover la cola fotograma a fotograma para hacerla subir, luego duplicar todo para hacerla bajar de la misma manera.

 

He puesto la primera parte del movimiento en una carpeta antes de continuar para que mis capas estén más claras.

El movimiento ahora se ve así:

Una vez que estemos satisfechos con el movimiento, acortamos la duración del fondo para que tenga la misma duración que el movimiento que acabamos de crear.

Así que nos quedamos con esto:

- Exportación -

Ahora que nuestra animación ha terminado, podemos exportarla como un gif para que se reproduzca en bucle.

Para hacerlo, vayan a "Archivo", luego a "Exportar animación" y hagan clic en "Gif animado".

Renombren su gif, yo simplemente elegí "gato", luego pulsen "ok".

Pulsen "ok" sin tocar nada, preferí hacer la animación a 8 fotogramas por segundo en lugar de 24, el movimiento se ve mejor así.

- Fin -

¡Y listo!

¡La animación está terminada!

¡Es realmente genial de hacer y permite que una ilustración sea más viva y atractiva!

Espero que les haya enseñado algo :3

Muchos besos :D