¿Alguna vez has pasado horas viendo videos de baile y te ha resultado difícil dejar de buscar más? ¡Creemos también la animación de baile con Clip Studio Paint EX!

 

 

Nota: El software que estoy usando es Clip Studio Paint Ex 4.1. La mayoría de las técnicas de este tutorial funcionan en versiones anteriores, excepto la Deformación de marioneta (Puppet wrap).

Resumen del tutorial

•Parte 1 - Crear el diseño de los fotogramas clave de baile para facilitar el trabajo

•Parte 2 - Dibujar los fotogramas clave y los fotogramas intermedios con las funciones de Clip Studio Paint

Este tutorial se centra en un flujo de trabajo básico, por lo que es apto para principiantes.

Puedes seguirlo paso a paso y preguntar aquí si tienes alguna duda

Parte 1: Diseño de fotogramas clave

El diseño de los fotogramas clave es un proceso importante. Podrás ver toda la sincronización del baile antes de iniciar el proceso de dibujo, y te ayudará a ahorrar mucho tiempo al corregir errores

Paso 1: Dibujar el hombre de palo

El hombre de palo representa el esqueleto del personaje y te ayuda a ahorrar mucho tiempo en el proceso de dibujo.

No importa qué estructura tengan tus personajes, ¡puedes hacer la versión de hombre de palo de ellos!

Paso 2: Diseño del patrón de baile

Normalmente, el baile pop tiene un patrón que puede repetirse en un bucle corto y luego cambiar a otro patrón de baile.

Escucha la música y organiza el baile. Luego dibújalo en orden como un panel de cómic.

En mi animación, hay 4 conjuntos de baile que se repetirán en varios bucles

Consejo: Utilizo el pincel con contorno para el boceto de la pose; será más fácil si las partes del cuerpo se superponen

También publico el pincel que utilicé

Paso 3: Animatic del patrón de baile

Configurar el animatic te ayudará a ver la visión general de la animación

Crea un nuevo lienzo, selecciona el [Proyecto de animación]

En el preajuste, puedes seleccionar [1080 x 1920 sin márgenes] para el video vertical.

Opcional: Si te gusta trabajar con un lienzo más grande, puedes añadir los márgenes de seguridad habilitando la [Configuración del fotograma de animación] y añadiendo la [Área de espacio en blanco]

Este espacio en blanco no se exportará con tu animación

Configura la línea de tiempo en la parte [Línea de tiempo]

La música que usaré tiene 30 segundos de duración,

así que configuré el tiempo de reproducción a 360 fotogramas para una velocidad de fotogramas de 12 fps (12x30)

Cuando creas un nuevo lienzo con el preajuste de Animación,

¡obtendrás una [Carpeta de animación] con la [Línea de tiempo] lista para la animación!

En el panel [Capa], haz clic derecho en la capa 1 dentro de la carpeta

y selecciona [Crear carpeta e insertar capa]

Obtendrás una carpeta de capas cuando crees el nuevo fotograma de animación

A continuación, importa la música a la línea de tiempo [Archivo>Importar>Audio]

 

 

Consejo: habilitar la [Reproducción de audio] te permitirá escuchar la música al arrastrar la línea del selector en la línea de tiempo.

Selecciona la carpeta de animación,

y crea un fotograma de animación donde los cambios del patrón de baile se relacionen con la música.

Consejo: puedes hacer zoom en la línea de tiempo para trabajar más fácilmente

A veces, el ritmo es perceptible en la forma de onda de la pestaña de audio.

La línea de tiempo completa se verá así:

Coloca el patrón de baile que diseñaste en cada carpeta

Obtendrás un animatic rápido para tu baile

Nota: este animatic es 5 veces más rápido

Paso 4: Añadir fotogramas clave de baile que se sincronicen con la música

La sincronización es importante al hacer un video de baile,

Marcar la posición del ritmo te permitirá ver cuántos fotogramas están disponibles para el movimiento.

En la línea de tiempo, expande la capa de audio y verás la barra [Etiqueta de pista]

Al hacer clic derecho en la barra de etiqueta de pista, puedes añadir la etiqueta al audio

Marca la posición del ritmo en la música

Empecemos con el primer patrón de baile, solo tiene 2 fotogramas clave y se repite en bucles

 

Si el patrón se repite cada golpe, tendrás 11 fotogramas para esta animación

 

Crea una nueva carpeta de animación y renómbrala con el nombre del patrón

(Usaré una carpeta de animación diferente para cada patrón de baile,

para nuestros 4 patrones de baile, habrá 4 carpetas al final)

En la primera marca de ritmo, crea un nuevo fotograma de animación y colócalo en la carpeta

Luego, en la segunda marca de ritmo, haz [clic derecho] y selecciona [Establecer como último fotograma de visualización]

Esta será la duración de la animación para un ritmo, la barra completa se llama clip

 

 

Luego añade el nuevo fotograma y coloca el fotograma clave en la carpeta

Reduce la [Opacidad] y establece el [Color de capa] en el fotograma clave del animatic para usarlo como animación de referencia

Repite el clip para crear la animación en bucle

Copia la línea de tiempo haciendo clic derecho en el encabezado de la barra del clip

Luego pégalo después del primer clip, y ajusta el fotograma clave al ritmo

(arrastrando el pequeño cuadrado en la parte superior derecha de la barra del clip)

Fusionar los clips

Consejo: Para probar la animación en una parte, puedes hacer clic derecho en la barra de la línea de tiempo y establecer el [fotograma de inicio] y el [fotograma final]

 

 

¡¡Repite los pasos con los otros patrones de baile y verás el animatic de baile más detallado!!

Parte 2: Dibujo de los fotogramas clave

Para dibujar la animación fotograma a fotograma, ¡te recomiendo usar algunas funciones útiles de Clip Studio para trabajar más fácilmente!

El panel de Fotogramas de animación

Cuando ya hayas configurado el animatic,

En lugar de añadir capas de referencia adicionales,

Puedes usar la función [Mesa de luz] en el panel [Fotogramas de animación] para trabajar en el fotograma clave.

¡La mesa de luz es como un mundo paralelo, no exporta tu referencia con tu animación!

Para abrir el panel Fotogramas de animación: [Ventana > Fotogramas de animación]

Aquí tienes una breve explicación del menú del panel Fotogramas de animación y la [Mesa de luz]

Cuando importas un archivo de imagen a la mesa de luz,

puedes moverlo con la herramienta [Operación] > [Mesa de luz]

Empieza a dibujar el primer fotograma clave,

Haz clic en el fotograma (carpeta) en el que quieres trabajar,

La mesa de luz mostrará instantáneamente las capas en el fotograma

Acoplé el panel de Fotogramas de animación junto al panel de Capas

Me resulta cómodo de usar :3

Reduce la opacidad de la capa del hombre de palo,

Luego añade una nueva capa y dibuja el fotograma clave.

Nota: el menú de capas y la operación siguen en el panel [Capa],

pero puedes seleccionar la capa desde el panel [Fotogramas de animación]

El lineart del primer fotograma clave está hecho, puedes ocultar o eliminar las capas y referencias no deseadas

Para trabajar en el siguiente fotograma, arrastra la capa de tinta al panel [Mesa de luz general]

Luego navega a la siguiente capa,

¡verás la capa anterior como si estuvieras trabajando en una mesa de luz tradicional!

Mueve la referencia en el panel específico del fotograma para que se muestre solo para este fotograma

También puedes cambiar el color de la capa de referencia

Transformación de malla

Consejo: Dado que el movimiento es solo en una pierna. Copio la capa de tinta del fotograma clave anterior para editar, puedes hacerlo fácilmente en el panel [Fotogramas de animación]

Usa la herramienta [Transformación de malla] para editar el movimiento y dibujar solo las piernas,

Esto te ayudará a ahorrar mucho tiempo al dibujar

Si usas la capa vectorial para la tinta, puedes usar la herramienta [Objeto] para editar la tinta individualmente

Búsqueda de capas

Asignar el nombre de capa 'Tinta' a la capa de tinta la hará buscable.

Puedes buscar la capa por su nombre cuando quieras editar algo

Por ejemplo: Quiero establecer todas las capas de tinta como capas de referencia para el proceso de coloreado

Abre el panel [Buscar capa] [Ventana > Buscar capa] 

Y escribe el nombre de la capa para buscar.

Mantén pulsado [Ctrl] para seleccionar varias capas,

Luego [clic derecho > Configuración de capa > Establecer como capa de referencia]

Consejo: En lugar de renombrar la capa todo el tiempo,

puedes crear capas vacías con el nombre y copiarlas a otro fotograma

Si no quieres que el software añada 'Copia' a la capa copiada,

puedes cambiar la configuración en [Archivo > Preferencias] y la pestaña [Capa]

Ahora puedo usar la herramienta [Relleno] y [Referencia múltiple: Capa de referencia] para rellenar el color

La búsqueda de capas también es útil si quieres cambiar el color de alguna parte

No es necesario buscar la capa en cada fotograma de la línea de tiempo :3

Deformación de marioneta (Clip Studio 4.0+)

Si quieres que una animación sea más fluida, puedes dibujar los fotogramas intermedios.

 

Y si estás usando la versión 4.0+ de Clip Studio Paint, puedes usar la Deformación de marioneta para crearlos en su lugar...

Duplica la carpeta de capas y dale un nuevo nombre,

Luego asígnalo a la línea de tiempo

Importante: Rasteriza la capa de tinta si usas la capa vectorial

En la línea de tiempo, habilita la [Piel de cebolla]

Selecciona la carpeta de fotogramas

Luego [Editar > Transformar > Deformación de marioneta]

Haz clic para añadir los pines a la marioneta,

Empieza con varios pines en el cuerpo (esto fijará el cuerpo en su lugar)

luego añade y mueve los pines en la cabeza, el cabello y las piernas

Haz clic en aceptar para confirmar, ¡y tu fotograma intermedio fácil está listo!

Si la música es rápida, es posible que no necesites añadir muchos fotogramas intermedios.

 

Repito los pasos en otros patrones de baile.

También añado movimiento de cámara 2D a la versión final para que se vea más animada en la versión terminada

Puedes consultar mi tutorial anterior sobre la cámara 2D

Aquí está el resultado

¡Espero que este tutorial te haya dado algunas ideas para tu video de baile! ¡Nos vemos en el próximo tutorial y diviértete animando!