¡Hola! Mi nombre es Manu Mercurial. Soy animador 2D. En este tutorial, te mostraré cómo crear animación 2D en Clip Studio Paint. Esta es la animación final que crearemos:

Usaré la versión EX del programa, pero también puedes trabajar con la versión PRO. La única diferencia es que estás limitado a 24 dibujos por archivo de animación. Para empezar, iremos a Archivo > Nuevo > y seleccionaremos el preajuste de animación

LADO IZQUIERDO: Aquí puedes elegir la resolución que tendrá tu lienzo, tanto en ancho como en alto. La resolución estándar para un monitor es de 1920x1080 píxeles. Tienes una pequeña vista previa de cómo se ve tu lienzo justo al lado. El Cuadrado Azul es tu lienzo. También puedes elegir entre tener un área segura de mosaico, que también se conoce como área segura de TV. Este es un contorno imaginario que no aparecerá en el renderizado final, pero te recuerda que no debes dibujar demasiado cerca de los bordes. Por otro lado, también tenemos la opción de un marco de desbordamiento. Este es un espacio extra alrededor del lienzo, y puedes usar los cuadrados del punto de referencia si quieres desplazarlo del centro. Esto tampoco se renderizará, pero te permite tener más espacio para respirar al dibujar tu animación. LADO DERECHO: Ahora pasemos a la configuración de tu línea de tiempo. Aquí está la velocidad de fotogramas de tu escena. Esto es la cantidad de dibujos por segundo a la que se ejecutará tu animación. Te recomiendo que siempre lo mantengas en 24, ya que es un estándar de la industria mostrar 24 dibujos por segundo. Esto es para que podamos trabajar en 'doses' y 'treses', que es un dibujo cada dos o tres fotogramas respectivamente. Pero tenemos la opción de trabajar en 'unos', que es un dibujo cada fotograma si lo necesitamos.

La única excepción es si estás trabajando con Clip Studio PRO, puedes bajar esto para que tu animación dure varios segundos en lugar de solo uno. También tenemos nuestro tiempo de reproducción, que se mide en fotogramas y nos dice cuánto durará nuestra escena de animación. Como quiero que mi animación dure cuatro segundos para empezar, multiplicaré 24 * 4 = 96 y escribiré 96 fotogramas de tiempo de reproducción. ¡Hagamos clic en OK y comencemos!

Ahora, el cuadrado que ves es lo que el programa exportaría si renderizáramos un video. En nuestro panel de capas verás que tenemos una carpeta de animación con una celda de animación dentro y también un papel. El programa puede verse diferente para ti. En caso de que te falte alguno de los paneles o herramientas que usaré, solo tienes que ir a Ventana > Y aquí están todos. ¡Aquí está la Línea de Tiempo!

Tu línea de tiempo de animación podría estar mostrando una miniatura. Personalmente, desactivo esto porque me da más espacio, yendo aquí a las opciones de la línea de tiempo y yendo a tamaño de miniatura y cambiándolo a ninguno.

Si iniciaste un archivo sin usar un preajuste de animación, tu línea de tiempo puede estar desactivada. Puedes ir al botón Nueva línea de tiempo. Y luego, en la ventana emergente, puedes seleccionar opciones como la velocidad de fotogramas y el tiempo de reproducción.

Al lado, tenemos el botón de reproducir/detener para la animación. Y junto a los controles de reproducción, tenemos los botones de 'nueva carpeta de animación' y 'nueva celda de animación'. Hablemos de las carpetas de animación. Si hago clic en el botón de nueva celda de animación, crearé una nueva celda en mi línea de tiempo, pero también una nueva capa dentro de la carpeta de animación. Pero ¿qué pasa si simplemente creo una nueva capa dentro de la carpeta? ¡No aparece en la línea de tiempo! Tendría que hacer clic derecho en la línea de tiempo y seleccionar qué dibujo quiero mostrar.

No importa qué tipo de capa estés usando. Si creo una nueva capa vectorial, en lugar de una ráster, y hago clic en el botón 'nueva celda de animación', creará una nueva capa vectorial a continuación. Si quisiera eliminar alguno de estos dibujos, simplemente iría y haría clic en el botón Eliminar celdas especificadas. Lo eliminará, pero aún guardará el dibujo aquí en caso de que necesite una copia de seguridad.

Tengo 3 poses clave, cada una en una capa diferente.

Separaré ciertas partes del personaje en diferentes carpetas. Esto no es obligatorio. Esto es solo para facilitarme la vida, ya que cosas como el cabello tienden a quedarse atrás o las letras en su sombrero necesitan permanecer sólidas. Y lo bueno de hacer esto es que, por ejemplo, si quisiera cambiar el cabello, podría hacer una selección amplia en el tercer dibujo de la carpeta de animación del cabello y cambiarlo como quiera, y no afectará al resto. Así que todo lo que estoy haciendo es hacer una selección en las imágenes y luego cortar y pegar en carpetas de animación para cada parte.

Siempre quiero respetar la convención de nombres de 1, 2 y 3, ya que el programa aprovecha esto. Puedes ir al botón de menú de la línea de tiempo, luego a Editar pista y renombrar todas las capas dentro de tu carpeta de animación, ya sea en un orden de línea de tiempo o en un orden de capa, y verás que han sido renombradas.

Entremos en las convenciones de nombres en Clip Studio. Supongamos que quiero crear un desglose entre los fotogramas 2 y 3. Así que iré justo aquí en el medio y presionaré el botón de nueva celda de animación. Notarás que CSP agrega una A. Así que ahora es 2A. Un número más una letra. Si creara otro entre esos dos, sería B. Así que continúa usando el mismo sistema de nombres. De esta manera, sabemos que podemos usar números para nuestros fotogramas clave (poses que cuentan la historia, nos dicen QUÉ está sucediendo), y un número y una letra para nuestros desgloses (poses que nos dicen CÓMO el personaje pasa de un fotograma clave al siguiente). ¿Qué podemos hacer para los intermedios? Supongamos que quiero crear un intermedio entre 2A y 2B. Si lo creo normalmente, lo nombrará Capa 1. Pero podemos ayudar al programa nombrándolo 2A1. Y luego, si creo otro intermedio, lo nombrará 2A2.

Esto podría parecer innecesario, pero cuando empieces a trabajar con escenas más complejas y muchas carpetas de animación, teniendo diferentes personajes en la misma escena y coloreándolos, verás que empieza a volverse un poco confuso. Por eso, recomiendo usar este sistema a tu favor.

También puedo duplicar capas para reutilizar partes del dibujo. Abriré mi carpeta de animación. Haré clic en el dibujo que duplicaré y lo arrastraré al botón de nueva capa. Lo uso desde la pose 1 a la 2 porque el sombrero y las letras no cambian demasiado, así que simplemente borro la cara. No podemos empezar a animar sin presentar a nuestro mejor amigo en la animación digital, la herramienta Papel de calco (Onion Skin), que es este botón, y mostrará un fantasma del dibujo anterior y del siguiente.

Aprovechando que puedo separar el cabello de sus características base, puedo aplicar un poco de "squash and stretch" a los desgloses. Puedes verlo, pero también puedo agregar un par de desgloses más entre esas poses para cambiar cómo sube. Estoy arrastrando algunas características aquí y allá. Y luego, cuando baja, en realidad se excede y luego se asienta. Esto es más interesante que simplemente ir de una pose a la siguiente, agregando intermedios justo en el medio. Así que este es el resultado. También comenzaré a definir los gráficos de animación. Son la información que me permite saber dónde tendremos aceleración y desaceleración. También es una especie de guía para los intermedios, ya que me está indicando el espaciado que deben tener los intermedios.

Una recomendación que tengo para evitar que tu panel de capas se sature es usar el botón 'cambiar color de capa'. Esto es solo para codificación de colores. Puedes elegir los colores que quieras. Ahora quiero mostrarte el secreto para usar una carpeta de animación como un profesional. Así es como lo hacemos en la industria del anime. Las carpetas de animación en Clip Studio solo pueden mostrar 1 elemento a la vez. Entonces, si necesitamos tener una capa de arte lineal y una capa de guías de sombras, mostrándose al mismo tiempo, necesitaremos 2 carpetas de animación para mostrarlas ambas, ¿verdad? Incorrecto. ¡Podemos introducir carpetas normales! En una carpeta normal, todas las capas se muestran al mismo tiempo, y podemos activarlas y desactivarlas por separado cuando queramos. Todo lo que hacemos es colocar las capas que necesitamos dentro de una carpeta normal, y luego colocar esa carpeta dentro de la carpeta de animación. Luego seleccionamos la carpeta normal como una celda dentro de nuestra línea de tiempo, y ahora estamos mostrando varios elementos, dentro de una carpeta de animación, al mismo tiempo.

¿Qué pasa si empieza a volverse confuso con todas esas capas dentro? Usaremos el botón 'cambiar color de capa' para seleccionar cuál será el ÚNICO color que esa capa podrá dibujar, así que si lo configuro en azul, no importa qué color elija, si estoy dibujando en esa capa, siempre dibujaré en azul. Al hacer esto, ni siquiera tenemos que cambiar los colores. SIEMPRE dibujaré con una línea negra.

También mantengo la convención de nombres correctamente para estas celdas de 'carpeta'. Así, si estoy dibujando en la tercera pose clave, nombraré mi carpeta '3'. También puedes simplemente crear una carpeta vacía con todas las capas negras que necesitarás, con el 'cambiar color' ya activado, y tenerla como copia de seguridad y simplemente empezar a duplicarla cada vez que necesites añadir nuevos dibujos.

Hablemos del menú de configuración de reproducción. Se encuentra en Animación > Configuración de reproducción. Aquí puedes elegir entre priorizar la reproducción de la animación en tiempo real, lo que significa que su sincronización será exacta, incluso si tiene que saltarse algunos dibujos o reproducir todos los fotogramas. Incluso si la animación tiene que reproducirse un poco más lento. Y también, una gran opción: el botón Renderizar antes de iniciar la reproducción. Esto forzará al programa a hacer un pequeño renderizado, pase lo que pase, antes de intentar reproducir la animación. De esta manera, siempre mostrará los fotogramas antiguos y también la reproducirá a la velocidad correcta. Simplemente tarda un poco más antes de empezar.

Después de haber hecho nuestra limpieza, todo lo que queda es hacer nuestros intermedios, que es básicamente aplicar nuestros gráficos de espaciado usando el papel de calco para verificar dónde debo dibujar mis líneas. A veces, simplemente puedes seleccionar partes de una celda y transformarlas. Por eso recomiendo trabajar con líneas vectoriales.

Una vez que hayamos terminado con esto, podemos pasar al coloreado. Para esto, crearé una carpeta que necesitaremos, cada una para una pieza de color diferente. Necesitarás crear capas de trama ya que los vectores no pueden usarse con la herramienta de relleno, también conocida como herramienta de cubo. Ahora configuraré todas mis capas de trama vacías en la línea de tiempo y luego comenzaré a duplicar esta carpeta de animación vacía, que es una forma más fácil de obtener todas las carpetas que necesito. Tener varias carpetas de color en lugar de una nos da más control en la postproducción. Pero también puedes rellenar cada color en una sola carpeta de animación si lo deseas.

Al usar la herramienta de relleno, asegúrate de activar la función de cerrar huecos para que el color no se escape por pequeñas aberturas en el dibujo, y también el escalado de área. Esto ayudará a cubrir esos pequeños píxeles que podrías haber pasado por alto.

Una vez que hemos rellenado cada carpeta de animación con su color respectivo, estamos listos para la postproducción. En primer lugar, el orden de las capas importa mucho. Una de las cosas que hice fue tener el color de la pupila, que es este rojo, y los brillos de los ojos encima de la línea. Puedes verlo por el color de cada carpeta de animación, cosas como los brillos o cualquier cosa que tenga que ver con la luz se ven mejor cuando están encima de la línea, porque entonces cambian su color o simplemente lo cubren por completo. Podemos jugar con los modos de fusión, que es una forma de mezclar los colores de una carpeta de animación o, para el caso, cualquier otro elemento en Clip Studio con otro.

Así que voy a usar el modo de fusión multiplicar para las sombras, y puedes ver el efecto que da. También puedo bajar la opacidad para que no sea tan abrumador. Pero ahora la sombra está funcionando encima del personaje. También hay modos de fusión que pueden ayudar para los brillos, por ejemplo, para hacer que se vea más brillante.

Puedes usar el botón de 'recortar a la capa inferior' para, por ejemplo, pintar una textura para las letras doradas. Y luego simplemente recortarla a la capa con el color del texto.

Finalmente, hablemos de la interpolación en Clip Studio. Cambiaremos de escena para hacer un pequeño movimiento de cámara. Simplemente iré a mi imagen de fondo y haré clic en el botón 'habilitar fotogramas clave en esta capa'. Me permite establecer fotogramas clave en todas las propiedades de transformación de esta capa. Esto es escala, posición, rotación e incluso opacidad. Al lado tenemos la opción que nos dice qué tipo de interpolación estamos creando. Mantener significa que no habrá cambio de un fotograma clave a otro. Simplemente mostrará el fotograma clave. Lineal significa que no tiene aceleración ni desaceleración, ya que el espaciado será totalmente uniforme. Y finalmente, la interpolación suave, que es la más común, tiene aceleración y desaceleración.

Con la herramienta de operación y el modo objeto, he seleccionado la capa de fondo y estableceré un fotograma clave para todas estas proporciones. Es decir, posición, escala y rotación. Ahora me moveré más abajo en la animación y cambiaré la posición 900 píxeles a la derecha. Si deseas modificar las curvas de aceleración y desaceleración, presiona el botón Editor de gráficos.

También podemos animar la opacidad para generar efectos como este. La iluminación está cambiando. Esto se debe a que configuré diferentes conjuntos de capas. Algunas se están apagando, otras se están encendiendo.

Hablemos de las opciones de exportación. Primero, iremos a Archivo > Exportar animación, y aquí tenemos las opciones. Si este es tu destino final en cuanto a esta animación, puedes exportarla como GIF o Video, que puedes guardar como AVI o MP4, recomiendo encarecidamente MP4. Si planeas hacer postproducción en otro software, como yo hice. Exporta una secuencia de imágenes de animación como PNG. Simplemente desactiva todo (incluido el papel de fondo) y deja solo la capa que deseas exportar. Las secuencias PNG tienen una gran calidad sin ser enormes en tamaño, y también tienen opacidad. Este fue el resultado final:

¡No puedo esperar a ver lo que crearás usando esto! Y recuerda: “Cada línea que dibujas, estás un paso más cerca de tu sueño.” @ManuMercurial en todas las plataformas: www.youtube.com/c/ManuMercurial www.twitch.tv/ManuMercurial www.instagram.com/ManuMercurial www.twitter.com/ManuMercurial