¡Hola! Hoy veremos cómo dibujar pequeños chibis y luego animarlos de maneras simples y lindas, ¡todo hecho en Clip Studio Paint! Usaremos animación de interpolación, pero luego también la combinaremos con algunas animaciones fotograma a fotograma. Finalmente, te mostraré cómo incorporar la animación en un software como Streamlabs.

 

Puede ver una versión en video de este tutorial aquí:

DIBUJANDO EL CHIBI

Comencemos dibujando realmente el chibi. Para este ejemplo, decidí trabajar con ilustraciones sin líneas. Esta forma simple de renderizar un personaje se ajusta al aspecto chibi igualmente simple y lindo que queremos; y también viene con otro gran beneficio.

 

Sin lineart en el que pensar, es mucho más fácil animar cosas y no tener que preocuparse de que las líneas coincidan perfectamente.

 

Al crear una ilustración para el tipo de animación que queremos hacer, debemos tener en cuenta algunas cosas:

1. Trabajar con capas vectoriales:

 

Esto ayuda a conservar una mejor calidad de imagen al transformar ilustraciones (en comparación con el uso de mapas de bits / capas ráster). Para obtener más información sobre las capas vectoriales, consulte mi otro tutorial:

Tenga en cuenta que no podremos bloquear la transparencia de una capa para cambiar el color de partes de su dibujo. Sin embargo, aún puede recortar una capa a una capa inferior para lograr un efecto similar.

2. Cree capas para cada elemento de la ilustración:

 

Para que las animaciones de interpolación se vean fluidas y vivas, debemos asegurarnos de tener control sobre una cantidad suficiente de elementos de la ilustración. Cada capa podrá animarse por sí sola, por lo que tiene sentido dividir al personaje en muchas partes.

3. Elementos superpuestos:

 

Asegúrese de configurar los elementos de manera que aún haya detalles incluso si otros elementos se superponen. De esta manera, cuando mueva los elementos, parecerán que están conectados.

4. Cree carpetas para los elementos agrupados de la ilustración:

 

Esto significa que agruparemos los elementos que pertenecen juntos, por ejemplo: La carpeta "brazo izquierdo" contiene "brazo izquierdo superior", "brazo izquierdo inferior" y "mano". Esto más adelante nos permitirá animar todo el brazo a la vez, en lugar de tener que animar siempre cada parte individual. ¡Es un gran ahorro de tiempo!

CONFIGURACIÓN DE LA ANIMACIÓN

Una vez que hayamos terminado el dibujo, comencemos a preparar la animación. Cambie a un espacio de trabajo centrado en animaciones. Para obtener más información sobre los espacios de trabajo en Clip Studio Paint, consulte mi otro tutorial:

Alternativamente, simplemente comience por ir a "Ventana" y seleccione "Línea de tiempo". Ahora presione el botón "Nueva línea de tiempo".

Elija una velocidad de fotogramas de 12 y un tiempo de reproducción de 24. Esto significa que tendremos 12 fotogramas por segundo, lo que nos dará una animación de dos segundos con los 24 fotogramas de reproducción. Si desea tener animaciones con más marcos, deberá comprar la versión EX de Clip Studio Paint. Sin embargo, para los bucles de animación simples que queremos crear, los 24 cuadros disponibles en Clip Studio Paint Pro serán suficientes.

 

Dado que tenemos muchas capas, es posible que queramos simplificar la línea de tiempo de la animación desactivando las miniaturas. Podemos hacerlo abriendo el menú, haciendo clic en “Tamaño de miniatura” y seleccionando “ninguno”.

Ahora preparemos nuestros elementos de ilustración para el proceso de animación.

 

Paso 1: Seleccione todas las capas (y carpetas) y haga clic en el botón "Habilitar fotogramas clave en esta capa".

Paso 2: Seleccione cada capa (y carpeta) con la herramienta Objeto y ajuste el Centro de rotación. Esta es la pequeña cruz que aparece en medio del lienzo. Muévalo a cada articulación de su ilustración, donde un elemento se superpone con otro. Entonces, por ejemplo, para la capa de la mano, muévala a la muñeca. Para la capa de la parte inferior del brazo, muévala hasta el codo. Para la capa de la parte superior del brazo, muévala al hombro.

Estos son los primeros pasos que debemos dar para comenzar con nuestra animación. Una vez que haya terminado, siempre es una buena idea guardar el archivo.

PERSONAJES ANIMADOS CON TWEENS

Antes de comenzar a animar, pensemos brevemente en cómo queremos que se vea la animación. Esbocé dos animaciones diferentes aquí: una animación inactiva simple y una animación "BRB" para usar cuando la transmisión está en pausa.

Como ya sabemos que queremos hacer dos animaciones, dupliquemos la línea de tiempo actual donde ya hemos configurado los Centros de rotación. Vaya al menú, seleccione Línea de tiempo y luego "Administrar línea de tiempo". Aquí puede duplicar la línea de tiempo actual.

Pero ahora vamos a animarnos.

 

Cuando estabas ajustando el Centro de rotación para cada capa, es posible que hayas notado que creaba pequeñas formas de diamantes en la línea de tiempo. Esto significa que ha creado un fotograma clave.

Para crear nuestra animación, necesitaremos crear más fotogramas clave. Vayamos a la mitad de nuestra línea de tiempo, fotograma 12. Ahora reorganicemos las partes individuales del personaje para que se parezcan a nuestro boceto. Podemos hacer esto moviéndolos, rotándolos y redimensionándolos.

Las diferencias pueden parecer sutiles cuando se colocan una al lado de la otra, pero para una animación inactiva, en realidad no queremos algo llamativo y loco, así que no tenga miedo de hacer cambios sutiles. ¡En movimiento, todavía se notará!

 

Incluso podemos anular la selección de "Mantener relación de aspecto" en la ventana de propiedades de la herramienta y ahora aplastar o estirar elementos. Sin embargo, recomendaría no intentar combinar esto TAMBIÉN con elementos giratorios. En mi experiencia, esto siempre ha provocado un error en el que el elemento se reposicionaría. No puedo decir si se trata de un problema global o solo está presente en mi computadora.

Ya podemos probar la animación y veremos que Clip Studio Paint crea automáticamente todos los fotogramas entre estos fotogramas clave. Es posible que desee crear fotogramas clave adicionales para crear más pasos en la animación, especialmente en el caso de la animación "BRB".

 

Finalmente, como queremos que la animación se repita, asegurémonos de que la animación termine como comenzó. Si hacemos clic derecho en el diamante del primer fotograma clave, podemos copiarlo. Ahora podemos hacer clic derecho en el último fotograma y pegarlo. De esta forma, se aplican las mismas transformaciones que en ese primer fotograma.

La animación es un proceso de prueba y error. Sigue probando la animación, sigue ajustando las posiciones de los elementos, sigue ajustando el tiempo de los movimientos, sigue probando cosas nuevas. ¡Puede que tarde un poco en llegar a un lugar en el que esté satisfecho con la animación!

ANIMACIÓN DE TEXTO MARCO POR MARCO

Pasemos a nuestra animación "BRB". Ya configuré la animación del personaje. Para agregar las letras "BRB" encima del personaje, creemos una nueva carpeta de animación (A). A continuación, seleccione el primer fotograma donde deben aparecer las letras (B) y haga clic en "Nueva celda de animación" (C).

Simplemente dibuja la letra. Luego, seleccione el siguiente cuadro y vuelva a dibujar la letra. Puede pulsar "Activar piel de cebolla" (D) para ver el cuadro anterior resaltado. De esta manera, puede trazar la letra. Al volver a dibujar la misma letra una y otra vez, creamos un lindo efecto de bamboleo. Continúe hasta que haya completado esto durante la totalidad de la animación. Al final, decidí dejar que las letras se encogieran y luego "explotaran" para desaparecer. Esto ayuda a que el bucle se sienta más natural que simplemente hacer que las letras desaparezcan sin ningún efecto en particular.

EXPORTACIÓN DE LA ANIMACIÓN

Ahora que hemos terminado, querremos exportar nuestras animaciones. Es posible que desee exportarlos como GIF si planea usarlos en las redes sociales o en otro lugar. Sin embargo, dado que queremos usar chibis como parte de una superposición de Stream, debemos seleccionar la opción "Exportar animación> Película".

Pero antes de hacerlo, asegúrese de desactivar nuestra capa de fondo "Papel". De esta manera, podemos exportar la animación como un archivo transparente para superponer elementos en Streamlabs.

Estas son las configuraciones que utilizo para la exportación:

Si usó una velocidad de fotogramas diferente para su animación, ¡asegúrese de ingresarla aquí! No será el predeterminado al que usó al configurar su línea de tiempo.

INTEGRANDO LA ANIMACIÓN EN STREAMLABS

Ahora que hemos terminado con la animación, integremosla en Streamlabs. Seleccione el icono "+" en el menú "Fuentes" y seleccione "Fuente de medios". Ahora navegue hasta el archivo. Asegúrese de seleccionar la opción "Bucle".

Para cambiar entre los dos estados de la animación, tiene sentido duplicar su escena actual. En la nueva escena, ahora agregue una nueva "Fuente de medios". Asegúrese de alternar "Agregar una nueva fuente en su lugar". Ahora simplemente coloque el archivo "BRB". Asegúrese de escalar y colocar las dos animaciones en el mismo lugar. Una vez hecho esto, puede eliminar la animación anterior seleccionándola y presionando el icono “-”. Ahora puede cambiar entre los dos estados de animación haciendo clic en cada escena respectiva.

GRACIAS

Espero que este tutorial te haya sido de ayuda. Si tiene alguna pregunta o le gustaría compartir lo que hizo al seguir estas instrucciones, ¡no dude en dejar un comentario! :)

 

Además, asegúrese de ver a mi esposa cassiejwl en Twitch para ver transmisiones de crochet y juegos, ¡para quién hice esta animación!