---

Introducción

¡Hola a todos! En esta guía les mostraré cómo crear algunas animaciones geniales para dar vida a sus ilustraciones. ¡La ilustración animada de abajo usa principalmente fotogramas clave!

Antes de sumergirnos en el tutorial sobre cómo animar en Clip Studio Paint, es mejor conocer las características útiles para animar en Clip Studio Paint y la diferencia entre animar en Clip Studio Paint PRO y Clip Studio Paint EX.

---

Primeros pasos

I. Funciones y herramientas para animar en CSP

Hay dos ventanas útiles para la animación: Capas de animación y Línea de tiempo. Para activar ambas, simplemente haga clic en ventana>línea de tiempo

capas de animación.

Para principiantes, recomiendo simplemente activar la línea de tiempo y es suficiente para animar con ella.

Hay herramientas útiles en la línea de tiempo, explicaré simplemente las herramientas que se usarán muy a menudo en este tutorial.

Nueva línea de tiempo: para crear diferentes líneas de tiempo y con diferentes animaciones.

Acercar/Alejar: Para acercar/alejar la línea de tiempo

Reproducir/Detener: Para iniciar/detener la animación

Nueva carpeta de animación: para crear una carpeta de animación.

Nueva celda de animación: para crear otra celda de animación, esta herramienta se usa específicamente para la animación celda a celda.

Habilitar piel de cebolla: herramientas para facilitar el dibujo de la siguiente celda de animación.

Habilitar fotogramas clave en esta capa: esta herramienta es muy útil para crear una animación de deslizamiento/zoom/transición suave en la capa. De hecho, la ilustración que hice se animó principalmente usando esta función.

Añadir fotograma clave: añade un punto en la línea de tiempo para guardar la posición/visual de la capa. En este tutorial, uso principalmente la interpolación suave para crear una transición fluida del fotograma clave anterior al siguiente.

II. La diferencia entre CSP PRO y CSP EX en animación

Dado que las características de CSP PRO priorizan la creación de cómics o ilustraciones, existen algunas características limitadas para animar en CSP PRO. El máximo de fotogramas en CSP PRO es de 24 fotogramas, lo que significa 1 segundo con 24 fps o 3 segundos con 8 fps. En CSP EX no hay limitación en la cantidad de fotogramas que puedes hacer en 1 segundo, por lo que recomiendo usar CSP EX si te interesa hacer muchas animaciones. Aunque con esta limitación, no significa que no puedas animar más de 1 segundo en CSP PRO. ¡Usé CSP PRO para crear la animación, así que los usuarios de CSP PRO también pueden intentar hacer animaciones!

III. Antes de empezar

Para crear un nuevo archivo de animación, elija el de animación. Es un lienzo diferente en comparación con el de ilustración. En el lienzo de animación hay un espacio en blanco y una opción de velocidad de fotogramas. Puede elegir hasta 60 fps si usa EX y 24 fps para PRO. Si por casualidad comienza en un lienzo de ilustración, simplemente active una nueva línea de tiempo y luego cree una nueva carpeta de animación.

Otro consejo es que si te sientes cómodo separando la capa de color del arte lineal, puedes simplemente crear una nueva carpeta dentro de la carpeta de animación y colocarlos juntos allí cuando lo animes. Como se acaba de mover dentro de la carpeta de animación, generalmente comienza como oculto.

Para hacerlo aparecer, puede hacer clic derecho en la línea de tiempo y elegir la capa. Esto también es un buen uso para la animación dibujada a mano, puede simplemente insertar o eliminar capas sin eliminarlas realmente del archivo.

Parte de pre-animación

Puedes empezar a dibujar el tipo de ilustración que tienes en mente y planificar la duración de la animación. Para mi ilustración, planeo crear una animación de 7 segundos a 24 fps con cada segundo de movimiento basado en el foco de luz:

1.       aparece el foco de luz

2.       el foco de luz desciende lentamente

3.       el foco de luz se ajusta al centro

4.       el foco de luz se detiene

5.       el foco de luz comienza a descender de nuevo lentamente

6.       el foco de luz desciende hasta desaparecer

7.       no más foco de luz

Además de eso, comencé a planificar qué partes se animarían y me aseguré de que las capas estuvieran separadas de las capas estáticas:

1. Ojos (celda)

2. Línea negra (celda)

3. Globo ocular (fotograma clave)

4. Líquido (fotograma clave)

5. Mariposa (fotograma clave)

6. Foco de luz (fotograma clave)

7. Brillo en los ojos (fotograma clave)

Coloreado en la parte de animación por celda (ojos y línea negra)

Como hice la ilustración pintando en lugar de usar líneas vectoriales/sombreado de celda que a menudo se usa para animación, lleva tiempo pintar cada celda de animación. Coloqué la capa de color debajo del arte lineal que dibujé, siguiendo el boceto de la animación. La parte de los ojos se dividió en 4 celdas: Completamente abiertos, casi cerrados, completamente cerrados y casi completamente abiertos. Puedes ajustar el ritmo de la animación del parpadeo usando 'casi cerrados' y 'casi completamente abiertos' como celdas intermedias entre 'completamente abiertos' y 'completamente cerrados'. Para asegurarme de que el color se mantenga con la celda, coloqué cada celda en una carpeta diferente dentro de la carpeta de animación.

En cuanto a la línea negra, simplemente garabateé 4 líneas aleatorias y coloqué cada celda en un orden aleatorio.

Animación con fotogramas clave

I. Animar el globo ocular con fotogramas clave

Para hacer que el globo ocular parezca moverse, hago que la pupila se mueva con fotogramas clave. Antes de empezar a animarlo con fotogramas clave, debe convertir la capa en una capa de material de imagen haciendo clic derecho en la capa> convertir capa y en la ventana de convertir capa elegir capa de material de imagen.

Haga clic en habilitar fotogramas clave en esta capa y luego haga clic en añadir fotograma clave en el punto de inicio. Cuando se mueve a otro fotograma y mueve la capa, se registra automáticamente un fotograma clave.

Para asegurarme de que se mueva de manera diferente dentro de 7 segundos, hice el mismo plan que decidí para el foco de luz. Usando CSP EX, puedes simplemente hacer diferentes fotogramas clave de forma suave a otro segundo. En cuanto a los usuarios de CSP PRO, necesitan crear una nueva línea de tiempo y luego copiar el último fotograma clave y pegarlo al inicio de la nueva línea de tiempo.

Esta es una forma de hacer una animación de más de 1 segundo con 24 fps en CSP PRO. La desventaja de PRO es que hay algunas pausas rápidas incómodas entre segundos cuando lo renderizas porque requiere un ritmo preciso y similar para que fluya suavemente, a menos que puedas calcular el ritmo.

II. Animar líquido con fotogramas clave

Si observas de cerca, hay algunos líquidos que fluyen más rápido/lento que otros. El truco es que hice 2 capas de líquido y controlo el ritmo del flujo usando fotogramas clave. Para asegurarme de que el líquido fuera del marco quede oculto, me aseguro de que el fondo de pantalla lo cubra para que parezca que comienza a salir del marco. Usando el mismo método que con el globo ocular, creé diferentes ritmos en segundos con 1 línea de tiempo por segundo en CSP PRO. Hice que la capa de líquido (1) saliera primero y luego la capa de líquido (2) saliera lentamente. Luego, en otro segundo (línea de tiempo en CSP PRO), la capa de líquido (2) fluye más rápido que la capa de líquido (1).

III. Animar alas de mariposa

Para crear cada parte en movimiento por separado, creo cada recurso de ala. Puedes intentar animar la mariposa con mi recurso aquí.

Para asegurar que las alas giren como si estuvieran unidas al cuerpo, necesitas mover el punto de control a la punta del ala que está oculta bajo la capa del cuerpo. Ahora puedes hacer que cada fotograma clave del ala gire mientras está unida al cuerpo.

IV. Animar el foco de luz

Antes de crear el foco de luz, debes hacer que la ilustración se vea más oscura bloqueando el dibujo con un color oscuro, preferiblemente un tono frío, y configurando la capa en multiplicar. Dibuja un círculo con la herramienta elipse y elige la opción relleno. Puedes ajustar la intensidad del círculo dibujándolo con la mitad de opacidad o ajustando la opacidad de la capa. Selecciona Añadir (Brillo) o Superponer dependiendo de la saturación.

Para colores intensos, preferiblemente elija la opción Añadir (Brillo), mientras que para colores pálidos es mejor usar Superponer. Si el color sigue siendo demasiado brillante, puede ajustar la opacidad antes de convertir la capa en una capa de material de imagen. Puede empezar a animar el foco de luz simplemente usando fotogramas clave.

Añadiendo detalles basados en la iluminación

I. Animar sombras + brillos según la presencia del foco de luz

Usando una fuente de luz de cerca, necesitas añadir algunos brillos y sombras cuando haya luz. El método más simple es crear una capa de sombra y una capa de brillo recortada en la carpeta del foco de luz.

Dado que está recortado a la capa del foco de luz, solo aparecerá cuando el foco de luz cubra el área.

II. Animar el brillo de los ojos

Dibuja el brillo y asegúrate de que la capa sea Añadir (Brillo). Para asegurarte de que el brillo solo aparezca cuando los ojos estén abiertos y el foco de luz lo cubra, añade un fotograma clave con una opacidad del 0% cuando los ojos estén cerrados/no haya foco de luz. Y cuando los ojos se abran/aparezca el foco de luz, puedes volver a establecer la opacidad al 100% y registrarlo en un nuevo fotograma clave. Ten cuidado con el tipo de fotograma clave, ya que la interpolación suave hace que la opacidad se desvanezca no de forma instantánea de un fotograma clave anterior a uno siguiente. Es posible que quieras verificar la opacidad de cada fotograma.

Extra: Efecto de ruido en movimiento

Así que, creé 2 estilos al hacer esta ilustración. Uno con efecto de ruido para que se sintiera como un video antiguo documentado y otro con foco de luz. Si te fijas, el ruido se ve inestable. El método es simple. Primero, crea un efecto de ruido o usa un recurso de capa de ruido. Yo uso este recurso para crear el efecto de ruido.

Establezca el tipo de capa en multiplicar o pantalla y ajuste la intensidad según su preferencia. Después de eso, como se establece como capa de material de imagen, debe mover el objeto fuera del dibujo. Asegúrese de registrar el fotograma clave al inicio de la animación. En el siguiente fotograma, no muy lejos, haga que se mueva ligeramente a otro lugar.

Ahora tienes 2 fotogramas clave en la línea de tiempo, selecciónalos ambos > clic derecho > copiar y luego pegar en el siguiente fotograma cercano. Multiplícalo seleccionando todo y luego copiando y pegando de nuevo hasta el tiempo final.

Ahora tu ilustración tiene un efecto de ruido en movimiento.

Cerrando la guía: Exportar la animación

Si usas CSP EX, simplemente puedes hacer clic en Archivo> Exportar animación y elegir el tipo de archivo que desees. Para los usuarios de CSP PRO, existe una limitación ya que la exportación solo cuenta 1 línea de tiempo. Por lo tanto, para poder exportar la animación, haz clic en Archivo> Exportar animación cada línea de tiempo.

Por ejemplo: exporto a secuencia de imágenes y renderizará la línea de tiempo 1. Una vez finalizado, elija otra línea de tiempo y expórtela. Repita hasta la última línea de tiempo. Después de obtener todas las líneas de tiempo, es posible que necesite un software/sitio web de terceros para fusionar todas las líneas de tiempo.

---

¡Y ahora la animación está terminada! Esta es la primera vez que hago una guía, ¡así que muchas gracias por leerla! ¡Espero que se diviertan experimentando con la animación!