Introducción

Hola chicos, bienvenidos de nuevo a otro tutorial espeluznante de su profesor de medianoche favorito Crimsy.

 

En el tutorial de hoy crearemos una espeluznante pantalla animada en blanco y negro para Twitch utilizando animación de 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 debemos hacer es crear el lienzo para nuestro proyecto.

 

Así que simplemente diríjase a Archivo -> Nuevo ... Y cuando se abra la ventana del proyecto, asegúrese de que el tamaño de su lienzo siga la misma proporción de imagen que la que transmite. La mayoría de la gente transmite en 1080p, pero optaré por un lienzo 4K para obtener la mejor calidad de imagen, que es 3840 x 2160p.

 

Además, no olvide asegurarse de que su DPI también esté en 300 y luego presione Aceptar.

Planificación y dibujo de su escena!

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

 

En primer lugar, recuerde que para este tutorial estaremos animando esta escena utilizando únicamente la animación de fotogramas clave, no la animación fotograma a fotograma, para que podamos poner tantos detalles en el arte como queramos.

 

La animación de fotogramas clave, también conocida como animación de interpolación, se produce cuando crea movimiento a partir de imágenes estáticas mediante la interpolación entre los fotogramas clave en una línea de tiempo. Supongo que se podría decir que la animación de fotogramas clave es similar a mover una marioneta de cuerda, todas las diferentes partes de su marioneta son objetos estáticos que se mueven independientemente entre sí y visualmente permanecen iguales.

 

 

Entonces, cuando busque ideas, intente pensar en lo que se vería bien usando movimientos simples, como traducciones, rotaciones y escalado. Trate de tener suficientes objetos moviéndose en su escena para que parezca dinámica, pero evite exagerar o su lienzo podría terminar como un desastre caótico.

 

Entonces, como probablemente puedas ver, para este proyecto, quería crear una escena oscura en blanco y negro con una iluminación cambiante con una decoración espeluznante y la cabeza fantasmal de mi Persona levitando en el medio con enormes mechones de cabello negro flotando hacia arriba y hacia abajo.

 

 

SUGERENCIA 01: en caso de duda, asegúrese de que su movimiento se vea bien, que puede simular usando Ctrl + T, moviendo el punto de pivote (+) de su pieza a su origen y gírelo para ver cómo se verá .

 

SUGERENCIA 02: haz que las piezas en movimiento estén lo más completas y rellenas que puedas porque mover las piezas de un lado a otro definitivamente puede descubrir agujeros en tu arte, lo cual es bastante fácil de evitar si las imaginas como activos independientes como este. Básicamente, asegúrese de renderizar la pieza completa, incluso si parte de ella puede estar oculta detrás de otra cosa.

 

SUGERENCIA 03: agregue un borde alrededor de los objetos que desea resaltar un poco. Puede agregar un borde a capas individuales, pero también puede agregar un borde a una carpeta completa si lo desea. En este escenario, agregué un borde blanco a la carpeta de encabezado flotante para que resaltara y un borde negro alrededor de la mesa y las rosas para espesarlas un poco.

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

Convierta sus capas en objetos de archivo

Entonces, una vez que haya renderizado todas sus capas y su escena comience a verse bastante bien, asegúrese de guardar su proyecto y crear una copia de respaldo usando Archivo -> Guardar como ... y darle un nombre diferente. Este paso es opcional, pero me gusta mantener las versiones inalteradas de los proyectos en general, así que siéntete libre de hacerlo u omitirlo.

 

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 comenzar a animar nuestra escena.

Para hacer esto, simplemente haga clic derecho en una carpeta o capa -> vaya a Objeto de archivo -> y luego haga clic en convertir capa a objeto de archivo.

La conversión de capas y carpetas en objetos de archivo tiene muchos beneficios.

 

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

 

2. Los objetos de archivo conservan todo el contenido de la capa anterior al tiempo que le permiten modificar el archivo original tanto como desee, pero lo mejor de esto es que no alterará los fotogramas clave de animación que ya existen, por lo que incluso después de comenzar a animar aún puede realizar cambios en el arte.

3. lo más importante de todo, una vez que habilite los fotogramas clave en una capa regular, notará que dicha capa se bloquea, lo que le impide realizar acciones de transformación comunes como rotaciones y escalado, pero si lo convierte primero en un objeto de archivo, A continuación, puede ir al menú de objetos y utilizar todas las funciones de transformación disponibles.

Por supuesto, asegúrese de mantener todas y cada una de las partes que desea 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.

¡Empiece a animar su escena!

¡Ahora comienza la parte verdaderamente divertida, dando vida a tu escena!

 

Lo primero es lo primero, 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 abran las ventanas de la línea de tiempo, simplemente asegúrese de que su reproducción esté configurada en 24 cuadros, a menos que tenga la versión EX de Clip Studio Paint, en cuyo caso no dude en hacer que su animación dure más.

Luego, cambie la velocidad de fotogramas a 8 y esto nos dará tres segundos completos de animación para jugar.

Luego regrese al menú superior -> Ventana -> Y haga clic en Línea de tiempo.

Ahora, como puede ver, tenemos nuestra línea de tiempo completa aquí, siéntase libre de acercar o alejar el zoom usando estos íconos de lupa y también asegúrese de activar el ícono de bucle para que su animación se repita una vez que llegue al final del línea de tiempo.

¡Ahora comencemos a animar!

 

Lo primero que debe considerar al crear sus fotogramas clave es el tipo de interpolación que ha habilitado entre esos fotogramas. Hay tres tipos de interpolación entre los que puede elegir: Mantener, Lineal y Suave. Puede cambiar rápidamente la forma en que se interpolan sus fotogramas clave haciendo clic derecho en el fotograma y cambiar al método que desee.

 

SUGERENCIA: Tenga en cuenta que aquí también puede copiar, cortar y eliminar marcos si es necesario.

 

Aquí hay 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 desee utilizar la interpolación suave porque esta opción crea el movimiento de aspecto más orgánico.

Entonces, primero, decidí crear el movimiento hacia arriba y hacia abajo para la cabeza, así que seleccioné todas las capas de la carpeta de personajes y hice clic en "habilitar fotogramas clave para esta capa".

Luego vaya al primer fotograma, mueva la cabeza y presione la tecla corta K en el teclado para mover las capas como un grupo y haga clic en "agregar fotograma clave".

 

Y luego, para hacer que su animación se repita perfectamente, presione Alt en su teclado y arrastre sus fotogramas al último fotograma clave para duplicarlos o simplemente vaya al final de su línea de tiempo y agregue un fotograma clave.

Después de eso, todo lo que hice fue agregar cuadros intermedios a la animación y me aseguré de mover su punto de pivote para asegurarme de que la rotación se originaría en la posición correcta.

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

 

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

 

SUGERENCIA 01: es bueno tener en cuenta que puede mover los objetos de cada archivo por separado con la herramienta de transformación de objetos, pero no puede usar esta herramienta para mover varios objetos a la vez. Sin embargo, puede habilitar fotogramas clave en una carpeta que contenga varios objetos de archivo que estén animados y los muevan, roten o escalen como una sola entidad. Incluso podría crear una jerarquía de carpetas compleja para la animación de marionetas usando este método, pero estoy divagando.

 

SUGERENCIA 02: Recuerde revisar su animación con la mayor frecuencia posible durante este proceso y no dude en ocultar algunas carpetas si la vista previa de la animación se retrasa un poco.

 

Animando la opacidad y el brillo

Seguí prácticamente los mismos pasos para toda la escena, pero vale la pena 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 parte superior. vela.

 

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

Agregar una cámara 2D en su escena

A pesar de que todo parece bastante terminado, todavía hay una última cosa que debemos agregar a la escena para crear aún más profundidad en el movimiento, un movimiento sutil de la cámara acercándose y alejándose.

 

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

A continuación, simplemente seleccione todas las carpetas y capas en su escena y arrástrelas y suéltelas 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, copie / pegue su primer fotograma en el último fotograma y debería estar listo para comenzar.

 

Por último, para mostrar el punto de vista de su cámara en el lienzo, seleccione la carpeta de su cámara y en la propiedad de la herramienta, seleccione el ícono "mostrar el campo de visión de la cámara".

¡Renderizando su animación final!

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

Para renderizar su animación, vaya a Archivo -> Exportar animación -> Seleccione el formato de salida deseado.

Personalmente fui con la opción de película, luego elegí MP4 como mi extensión de archivo, le di un nombre y luego presioné Guardar. Una vez que haga esto, aparecerá una última ventana y le permitirá elegir el tamaño y la velocidad de fotogramas que desee. No olvide marcar la casilla "Aplicar efectos de cámara 2D" si desea que el movimiento de su cámara en el render final y presione Aceptar.

Y ahora, solo esperamos, eso es todo, ¡finalmente echemos un vistazo a nuestro renderizado final!

Pensamientos finales

Bastante bien, ¿verdad? > :)

 

Ahora realmente espero haber cubierto todo lo que necesitaban en el tutorial de hoy, si hay algo más que le gustaría saber, si le gustó este video y se siente agradecido, entonces siéntase libre de comentar, muéstrele al canal un poco de amor al darle me gusta al video. , suscríbete si quieres ver más tutoriales como este y deja que tu espíritu se desvíe hacia estos otros videos recomendados si te apetece, pero eso será todo para mí, es hora de acurrucarme en mi cripta, hasta la próxima vez. !

 

Aurevoir ~