Introducción

¡Hola a todos, bienvenidos de nuevo a otro espeluznante tutorial de vuestro profesor nocturno favorito, Crimsy!

 

En el tutorial de hoy crearemos una espeluznante pantalla animada en blanco y negro para Twitch usando animación por fotogramas clave y una cámara 2D en Clip Studio Paint, así que sin más preámbulos, ¡comencemos el ritual!

Crea tu lienzo

Lo primero que tenemos que hacer es crear el lienzo para nuestro proyecto.

 

Así que simplemente ve a Archivo --> Nuevo... Y cuando se abra la ventana del proyecto, asegúrate de que el tamaño de tu lienzo siga la misma proporción de imagen con la que transmites. La mayoría de la gente transmite en 1080p, pero yo usaré un lienzo 4K para obtener una mejor calidad de imagen, que es 3840 x 2160p.

 

Además, no olvides asegurarte de que tu DPI también esté en 300 y luego presiona aceptar.

¡Planifica y dibuja tu escena!

Una vez creado tu lienzo en blanco, ¡es hora de llenarlo de arte espeluznante!

 

En primer lugar, recuerda que para este tutorial animaremos esta escena usando solo animación por fotogramas clave, no animación fotograma a fotograma, por lo que podemos añadir tantos detalles al arte como queramos.

 

La animación por fotogramas clave, también conocida como animación interpolada o tweening, es cuando creas movimiento a partir de imágenes estáticas usando la interpolación entre los fotogramas clave en una línea de tiempo. Supongo que se podría decir que la animación por fotogramas clave es similar a mover una marioneta de cuerda: todas las diferentes partes de tu marioneta son objetos estáticos que se mueven independientemente unas de otras y visualmente permanecen iguales.

 

 

Así que, al buscar ideas, intenta pensar en qué se vería bien usando movimientos simples, como traslaciones, rotaciones y escalados. Intenta tener suficientes objetos moviéndose en tu escena para que se vea dinámica, pero evita excederte o tu lienzo podría terminar siendo un caos.

 

Como probablemente ya te habrás dado cuenta, para este proyecto quise crear una escena oscura en blanco y negro con una iluminación melancólica, presentando una decoración espeluznante y la cabeza fantasmal de mi Personaje levitando en el centro con enormes mechones de cabello negro flotando arriba y abajo.

 

 

CONSEJO 01: en caso de duda, asegúrate de que tu movimiento se verá bien, lo cual puedes simular usando Ctrl + T, moviendo el punto de pivote (+) de tu pieza a su origen y rotándola para ver cómo quedará.

 

CONSEJO 02: haz que las piezas en movimiento estén lo más completas y rellenas posible, porque mover piezas puede dejar al descubierto huecos en tu arte, lo cual es bastante fácil de evitar si las visualizas como elementos independientes, así. Básicamente, asegúrate de renderizar la pieza completa, incluso si parte de ella puede estar oculta detrás de otra cosa.

 

CONSEJO 03: añade un borde alrededor de los objetos que quieras que destaquen un poco. Puedes añadir un borde a capas individuales, pero también puedes añadir un borde a una carpeta entera si lo deseas. En este escenario, añadí un borde blanco a la carpeta de la cabeza flotante para hacerla resaltar y un borde negro alrededor de la mesa y las rosas para darles un poco más de grosor.

Ah, y una última cosa que debemos considerar al buscar ideas es que nuestra línea de tiempo está limitada a 24 fotogramas, es decir, si eres usuario de Clip Studio Paint Pro. Si compraste la versión EX, no tendrás ninguna limitación de fotogramas.

Convierte tus capas a objetos de archivo

Una vez que hayas renderizado todas tus capas y tu escena empiece a verse bastante bien, asegúrate de guardar tu proyecto y crear una copia de seguridad usando Archivo --> Guardar como... y dándole un nombre diferente. Este paso es opcional, pero me gusta conservar versiones inalteradas de los proyectos en general, así que siéntete libre de hacerlo o saltártelo.

 

Una vez hecho esto, lo que queda por hacer es convertir todas las capas y carpetas de nuestras diferentes partes en objetos de archivo para que podamos empezar a animar nuestra escena.

Para hacerlo, simplemente haz clic derecho en una carpeta o capa --> ve a Objeto de archivo --> y luego haz clic en Convertir capa en objeto de archivo.

Hay muchos beneficios al convertir capas y carpetas en objetos de archivo

 

1. Elimina el desorden del proyecto y te permite animar un solo objeto usando un único punto de pivote.

 

2. Los objetos de archivo conservan todo el contenido de la capa anterior, permitiéndote modificar el archivo original tanto como desees, pero lo mejor de esto es que al hacerlo no se alterarán los fotogramas clave de animación ya existentes, así que incluso después de haber comenzado a animar, aún puedes hacer cambios en el arte.

3. Lo más importante de todo, una vez que habilitas los fotogramas clave en una capa normal, notarás que dicha capa se bloquea, lo que te impide realizar acciones de transformación comunes como rotaciones y escalados, pero si primero la conviertes en un objeto de archivo, puedes ir al menú de objetos y usar todas las funciones de transformación disponibles.

Por supuesto, asegúrate de mantener cada parte que quieras animar como un objeto de archivo separado. Por ejemplo, hice un objeto de archivo para cada mechón de cabello, de lo contrario no podría animarlos todos por separado.

¡Empieza a animar tu escena!

¡Ahora comienza la parte realmente divertida, dar vida a tu escena!

 

Lo primero de todo, tendremos que crear una nueva línea de tiempo para nuestra animación dirigiéndonos al menú de animación --> Línea de tiempo --> Nueva línea de tiempo

Cuando se abra la ventana de la línea de tiempo, simplemente asegúrate de que tu reproducción esté configurada a 24 fotogramas, a menos que tengas la versión EX de Clip Studio Paint, en cuyo caso siéntete libre de hacer que tu animación dure más.

Luego cambia la velocidad de fotogramas a 8 y esto nos dará un total de tres segundos de animación para jugar.

Luego, regresa al menú superior --> Ventana --> Y haz clic en Línea de tiempo.

Ahora, como puedes ver, aquí tenemos nuestra línea de tiempo completa; siéntete libre de acercarte o alejarte con estos iconos de lupa y también asegúrate de activar el icono de bucle para que tu animación se repita una vez que llegue al final de la línea de tiempo.

¡Ahora, empecemos a animar!

 

Lo primero a considerar al crear tus fotogramas clave es el tipo de interpolación que tienes habilitado entre esos fotogramas. Hay tres tipos de interpolación entre los que puedes elegir: Mantener, Lineal y Suave. Puedes cambiar rápidamente cómo se interpolan tus fotogramas clave haciendo clic derecho en el fotograma y cambiando al método deseado.

 

CONSEJO: Ten en cuenta que aquí también puedes copiar, cortar y eliminar fotogramas si es necesario.

 

Aquí tienes un gráfico rápido que explica cómo se comporta cada tipo de interpolación, pero como base general, lo más probable es que quieras usar la interpolación suave porque esta opción crea el movimiento de aspecto más orgánico.

Así que, primero, decidí crear el movimiento de arriba y abajo para la cabeza, así que seleccioné todas las capas de la carpeta del personaje e hice clic en ''habilitar fotogramas clave para esta capa''.

Luego ve al primer fotograma, mueve la cabeza y presiona la tecla K en el teclado para mover las capas como un grupo y haz clic en ''añadir fotograma clave''.

 

Y luego, para que tu animación se repita perfectamente, presiona Alt en tu teclado y arrastra tus fotogramas al último fotograma clave para duplicarlos o simplemente ve al final de tu línea de tiempo y añade un fotograma clave.

Después de eso, todo lo que hice fue añadir fotogramas intermedios a la animación y me aseguré de mover su punto de pivote para garantizar que la rotación se originara desde la posición correcta.

CONSEJO: Ten en cuenta que los fotogramas copiados/pegados mantendrán el mismo punto de pivote, pero los fotogramas recién creados tendrán su pivote en el centro del objeto.

 

Y eso es todo, ahora lo único que queda por hacer es repetir este proceso una y otra vez para todo el cabello y pasar a los siguientes elementos.

 

CONSEJO 01: Es bueno señalar que puedes mover cada objeto de archivo por separado con la herramienta de transformación de objetos, pero no puedes usar esta herramienta para mover múltiples objetos a la vez. Sin embargo, puedes habilitar fotogramas clave en una carpeta que contenga múltiples objetos de archivo que a su vez estén animados y moverlos, rotarlos o escalarlos todos como una sola entidad. Incluso podrías crear una jerarquía de carpetas compleja para la animación de marionetas usando este método, pero me estoy desviando.

 

CONSEJO 02: Recuerda revisar tu animación tan a menudo como sea posible durante este proceso y siéntete libre de ocultar algunas carpetas si la previsualización de tu animación se vuelve un poco lenta.

 

Animando opacidad y brillo

Seguí prácticamente los mismos pasos para toda la escena, pero cabe especificar que también animé la opacidad de ciertas capas para crear el efecto de brillo en la escritura y las velas, así como el humo que sale de la vela superior.

 

Para animar la opacidad, todo lo que debes hacer es presionar el pequeño icono de más de tu objeto de archivo, habilitar los fotogramas clave y crear tu animación.

Añadiendo una cámara 2D a tu escena

Aunque todo parece bastante terminado, todavía hay una última cosa que debemos añadir a la escena para crear aún más profundidad en el movimiento: un sutil movimiento de cámara de acercamiento y alejamiento.

 

Para crear movimiento de cámara en tu escena, solo dirígete al menú superior --> Animación --> nueva capa de animación --> carpeta de cámara 2D.

A continuación, simplemente selecciona todas las carpetas y capas de tu escena y arrástralas y suéltalas en la carpeta de la cámara.

Animar la cámara también es bastante simple. Creé un fotograma clave en el fotograma 12, luego volví al fotograma 01 y reduje un poco la escala de la cámara. No demasiado, solo para que el movimiento no se vuelva nauseabundo, pero lo suficiente para que todo el entorno parezca un poco en movimiento. Luego, copia/pega tu primer fotograma en el último fotograma y ya deberías estar listo.

 

Por último, para mostrar el punto de vista de tu cámara en el lienzo, selecciona la carpeta de tu cámara y, en la propiedad de la herramienta, selecciona el icono ''mostrar campo de visión de la cámara''.

¡Renderizando tu animación final!

Finalmente, ahora es el momento de renderizar tu animación y ver el fruto de todo tu arduo trabajo ante tus propios ojos.

Para renderizar tu animación, ve a Archivo --> Exportar animación --> Selecciona el formato de salida deseado.

Personalmente, elegí la opción de película, luego seleccioné MP4 como mi extensión de archivo, le di un nombre y luego presioné Guardar. Una vez que hagas esto, aparecerá una última ventana que te permitirá elegir el tamaño y la velocidad de fotogramas deseados. No olvides marcar la casilla ''Aplicar efectos de cámara 2D'' si quieres el movimiento de tu cámara en el render final y presiona aceptar.

Y ahora, solo esperamos, eso es todo, así que finalmente, ¡echemos un vistazo a nuestro render final!

Reflexiones finales

¿Bastante genial, verdad? >:)

 

Ahora, realmente espero haber cubierto todo lo que necesitaban en el tutorial de hoy; si hay algo más que les gustaría saber, si les gustó este video y se sienten agradecidos, entonces no duden en comentar, muestren algo de amor al canal dándole "me gusta" al video, suscríbanse si les gustaría ver más tutoriales como este y dejen que su espíritu se dirija hacia estos otros videos recomendados si así lo desean, pero eso será todo por mi parte, es hora de acurrucarme en mi cripta, ¡hasta la próxima a todos!

 

Aurevoir~