- Cómo animar una ilustración en CSP -

12 866

Lemon_night

Lemon_night
  • HOLA -

Me presento:

Soy Lemon, artista francés y estudiante de animación;)

IG: _lemon_night

Bienvenido a estos consejos sobre: ¿Cómo animar una ilustración?

Es una forma realmente 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 simple gif!

- Preparar el espacio de trabajo -

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

En primer lugar, ¡necesitamos una ilustración!

Elegí este, que hice a propósito para animar. Para hacerlo simple y accesible en todos los niveles, no debes querer que todo se mueva, solo un elemento es suficiente para que tu ilustración cobre vida: 3

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

Así que lo vamos a separar del resto de la ilustración para que podamos hacer que se mueva más fácilmente, sin afectar lo que está debajo.

Terminamos con eso

Para poder integrarlos más fácilmente en la animación, debe exportarlos en png eliminando todos los demás elementos alrededor y debajo del gato.

Como esto :

Haz lo mismo con el resto de la ilustración para terminar con los dos elementos separados.

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

Y venimos a seleccionar Animación

Para que sea en el formato de nuestra ilustración cambiamos las dimensiones en la de nuestra imagen base, es aquí de 3508 x 4961

Luego, para eliminar los bordes que no necesitamos, dejamos todo a ceros aquí

Luego vengo a reducir la cantidad de imágenes por segundo, están configuradas en 30 pero prefiero el formato de 24 por segundo

Haces clic en Aceptar y normalmente terminamos con esto:

Luego importamos nuestras dos imágenes de antes

Sin embargo, el escritorio siempre está hecho para la animación, así que simplemente lo cambiamos yendo a "Ventana", luego a "Espacio de trabajo" y hago clic en "Espacio de trabajo de animación".

Estoy usando este espacio de trabajo cargado en Activos, está bien construido y lo encuentro útil para principiantes.

Haces clic en "Aceptar" sin cambiar nada, entonces tu espacio de trabajo debería verse así:

es posible que el tuyo no sea exactamente el mismo, adapté el espacio de trabajo para que sea similar al que utilizo para mis ilustraciones, te aconsejo que hagas lo mismo, te será más sencillo encontrar tu camino: 3

Para poder utilizar los magos importados, simplemente haga clic en "Pixelizar"

Y haces lo mismo con el otro, pero no es necesario porque aquí solo se modificará el chat

Para evitar abarrotarse demasiado con capas innecesarias, puede borrar estas tres, no se utilizarán en este tutorial.

Una vez que tenga todo listo, esto es lo que debe tener:

Las tres capas de la parte superior derecha están en el mismo orden en la cronología de la parte inferior, puedes darle colores a las capas, será más fácil encontrarte así

Para ir a las capas deseadas, aquí solo estará el gato

Luego haces clic en este pequeño cuadrado y eliges el color que prefieras

Por lo que será fácilmente reconocible en su línea de tiempo.

Ahora que la mesa de trabajo está lista, podemos comenzar a animar: 3

- Animación -

En lo que les voy a mostrar, esta es una forma muy fácil de animar, no necesitará volver a dibujar el diseño cada vez para moverlo.

Simplemente duplicaremos y moveremos la cola del gato cada vez para crear el movimiento.

Para ello ya vamos a acortar el tiempo de fotograma que toma nuestra primera imagen

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

Por lo tanto, acortaremos el tiempo de la imagen y solo haremos que dure 1 fotograma, así:

 

Esto es para que la imagen solo sea visible para 1 fotograma y luego deje espacio para otros que vendrán después.

Luego duplicaremos esta imagen y la moveremos para que quede después

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

Para hacer esto, vaya a "Acceso rápido" y haga clic en "Transformación de malla"

Y esta red de malla aparecerá en tu imagen:

Como aislamos a nuestro gato antes, la transformación solo se hará en él, porque es el único elemento de la capa. Sin embargo, los puntos son demasiado grandes y no se puede mover la cola sin afectar el resto del cuerpo.

Por lo tanto, aumentaremos estos dos ajustes al máximo.

Entonces terminamos con esto:

Entonces podemos mover la cola del gato

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

Continuando así, terminamos con esto:

Así que acabamos de terminar la primera parte del movimiento, ahora la cola debe bajar 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 que desciende

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

Te aconsejo que cambies los colores a medida que duplicas las capas, es bastante fácil perderse en este momento pero la mano amiga se toma rápidamente

Entonces duplico esta capa así

Y para que este siga la cronología, lo moveremos al final del movimiento de la cola, esto por lo tanto bajará el movimiento.

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 dar esto:

Ahora crearemos el movimiento para que suba por el otro lado.

Simplemente vamos a reproducir la misma operación que antes y mover la cola fotograma a fotograma para que suba, luego duplicaremos todo para que baje de la misma forma.

 

Puse la primera parte del movimiento en una carpeta antes de continuar aclarando mis capas.

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.

Entonces terminamos con esto:

- Exportar -

Ahora que nuestra animación está terminada, podemos exportarla como un gif para que la animación se repita

Para hacerlo, vaya a "Archivo", luego "Exportar animación" y haga clic en "GIF animado"

Cambie el nombre de su gif, solo elegí "gato", luego presione "ok"

Presiona "ok" sin tocar nada, prefiero hacer la animación en 8 cuadros por segundo en lugar de 24, el movimiento lo hace mejor.

- Final -

¡Y ahí tienes!

¡Se acabó el entretenimiento!

¡Es realmente genial de hacer y ayuda a que una ilustración sea más vívida y atractiva!

Espero que esto te haya enseñado cosas: 3

Besos grandes: D

Comentario

Nuevo

Últimas publicaciones en Oficial