Mi nombre es Sarrah y este tutorial cubrirá tres consejos de animación de personajes realmente útiles en Clip Studio Paint. Cubriré la realización de copias duplicadas de celdas de animación, la sincronización de labios y la combinación de animación cuadro por cuadro con animación de fotograma clave.

 

Al final, habré creado esta animación:

Cada sección tiene una versión en vídeo y otra en texto, la que prefieras. ¡Empecemos!

° 1: copiar marcos

Lo primero es cómo duplicar un fotograma en tu animación.

He cubierto los conceptos básicos de la línea de tiempo y la animación en otros videos. Consulte mi lista de reproducción de YouTube sobre animación en CSP, o los consejos de animación que puse en Clip Studio Tips a través del siguiente enlace, si los necesita. una cartilla.

Copiar una capa de celdas

Cuando agregas una nueva celda de animación a tu línea de tiempo, está en blanco.

Puedes activar la piel de cebolla para ver una vista descolorida del fotograma anterior, por supuesto, pero aún tendrás que volver a dibujar este nuevo cel.

En cambio, lo que quieres hacer es ir a la paleta Capa, hacer clic derecho en la capa que deseas copiar y seleccionar Duplicar capa.

Dependiendo de la configuración de su CSP, es posible que reciba este mensaje. No puede tener varias capas en una carpeta de animación que compartan el mismo nombre.

 

Si recibe esto, simplemente haga clic en Aceptar.

Luego, asegúrese de cambiar el nombre de la nueva capa (la de arriba) a algo único.

Agregar nueva celda a la línea de tiempo

Para agregar esta nueva copia como una celda en su línea de tiempo, haga clic derecho y seleccione el nombre de la capa de esta lista a la izquierda.

 

Ahora puedes dibujar en el segundo cel sin afectar al primero.

Pegar en la capa seleccionada (CSP Ver 2.2.0)

Se agregó otra opción si tiene Clip Studio Paint versión 2.2.0 o superior, la capacidad de pegar en la capa seleccionada en lugar de crear una nueva capa al pegar.

 

Nota: A partir de la versión 3.0 de CSP, esta configuración actualmente solo está disponible para celdas de animación. No funcionará en capas normales.

Vaya a Archivo y elija Preferencias.

Vaya a la sección Animación. Cambie el menú desplegable que dice "Cómo pegar en celdas" a "Pegar en la capa seleccionada". Haga clic en Aceptar.

Vaya a la celda que desea duplicar y use Ctrl-C para copiar.

Haga clic derecho en la línea de tiempo y cree una nueva celda EN BLANCO.

Use Ctrl-V para pegar y ahora tendrá una imagen duplicada.

 

Usando cualquiera de estos métodos, puedes crear celdas duplicadas en las que ahora puedes dibujar sin afectar el original.

Puedes repetir esto tantas veces como quieras para completar una animación, como este parpadeo.

 

¡Es tan simple como eso!

° 2: sincronización de labios

Para ayudar a sincronizar el audio y especialmente la voz con las animaciones de tus personajes, puedes importar un archivo de audio a Clip Studio Paint.

Importar un clip de audio

Primero, necesitarás un clip de audio. Puede estar en formato .wav, .mp3 o .ogg.

Vaya al menú Archivo, coloque el cursor sobre Importar y elija Audio.

Seleccione el archivo y haga clic en Abrir.

Aparecerá como una nueva capa en la línea de tiempo.

 

Como estaba en el fotograma 1, ahí es donde se importa mi audio, pero también puedes hacer clic y arrastrar el clip para moverlo. En este caso, quiero que comience en el cuadro 3.

 

Ahora puedes ver la forma de onda del archivo y escucharla cuando presionas reproducir. Si tiene CSP versión 3.0 o superior, ahora puede desplazarse por el cabezal de reproducción para escuchar cómo suena el audio en cada cuadro.

Fonemas y visemas

Para animar a un personaje hablando, sólo necesitas saber cómo luce su boca al emitir cada sonido.

Puedes hacer esto creando un cuadro como este como guía para tu personaje. (¡No dudes en descargar mi gráfico para utilizarlo como guía!)

 

Los sonidos individuales del habla se llaman fonemas. Estas representaciones visuales se llaman visemas. Como puede ver, el mismo visema se puede utilizar para varios fonemas, como A, E e I.

 

 

También es muy útil tener un espejo a mano para que puedas ver de un vistazo cómo se ve un sonido cuando mueves la boca a esa posición.

Sincronización de los labios

La sincronización de labios, en su forma más simple, es sólo una cuestión de hacer coincidir el visema correcto con el clip de audio.

En mi ejemplo, haré que mi personaje diga la frase "¡Hola!". Es importante escuchar atentamente los sonidos en lugar de pensar en letras individuales de las palabras.

He dibujado sólo los visemas que necesito para esta frase. Cada uno está en una capa diferente en una carpeta de animación, por lo que puedo agregarlos en cualquier lugar que desee en la línea de tiempo.

El cuadro 1 comienza con una posición neutral de la boca. La "H" en "Hi" realmente no tiene un visema propio, sino que va directo al sonido largo de la "I". Hay un visema bastante específico para los sonidos "TH", luego volvemos al mismo que "I" para el sonido "E" y terminamos con un sonido "R". Finalmente, después de un par de fotogramas, volveré a la posición neutral de mi boca.

 

Así es como se ve la animación:

Y aquí hay una versión más lenta para que puedas ver los visemas individuales que usé:

Movimiento de la mandíbula

Hasta ahora sólo he cambiado la boca, ¡pero la mandíbula también se mueve bastante cuando hablas!

Por supuesto, algunas animaciones omiten el movimiento de la mandíbula por razones estilísticas, pero si buscas realismo, asegúrate de mover la mandíbula también.

Depuración de audio y colocación de Viseme

Como mencioné antes, es importante escuchar solo los sonidos que se hacen, porque los acentos y la velocidad a la que alguien habla afectan los visemas que usarías.

 

La nueva función de limpieza de audio introducida con la versión 3.0 de CSP es excelente para identificar qué sonidos ocurren en qué fotogramas.

Algo importante a tener en cuenta es que la boca comenzará a formar la forma del sonido un poco antes de emitirlo, por lo que a menudo querrás colocar el visema uno o dos cuadros antes que el sonido real.

Emoción, Volumen, Ojos y Cejas

El volumen y la emoción hacen que la boca se abra más. Por otro lado, hablar en un soplo puede resultar en muy poco movimiento de la boca.

 

¡Los ojos y las cejas también contribuyen mucho al hablar emotivo!

° 3: combine animación fotograma a fotograma y fotograma clave

Hay dos tipos de animación disponibles en Clip Studio Paint: fotograma a fotograma y fotograma clave. ¡También puedes combinar los dos para darle vida a las animaciones de tu personaje!

No repasaré aquí el proceso de animación paso a paso. Si no estás seguro de cómo animar en Clip Studio Paint, ¡asegúrate de consultar primero mi tutorial de descripción general de la animación!

vista rápida

La animación cuadro por cuadro se produce cuando tiene varias celdas en una carpeta de animación y cada celda se coloca en uno o más cuadros en la línea de tiempo.

La animación de fotogramas clave, por otro lado, no necesita una carpeta de animación. Se utiliza para animar la posición, rotación, escala y opacidad. Simplemente configura los fotogramas inicial y final, llamados claves, y el programa interpola todo lo intermedio automáticamente.

Puede agregar fotogramas clave a una sola capa o a una carpeta completa y las capas dentro de ella, lo que le permite encadenar múltiples movimientos.

Combinando animación de fotogramas clave y fotograma por fotograma

Sin embargo, lo que quizás no sepas es que también puedes agregar fotogramas clave a las carpetas de animación.

¡Agregué algo de color a mi personaje! Para simplificar las cosas en este ejemplo, la cabeza, junto con todas mis animaciones de sincronización de labios y parpadeo, ahora se encuentran en una única carpeta de animación, llamada Cabeza.

 

También moví el cuello y los hombros a una capa estacionaria separada llamada Cuerpo.

Si lo juego ahora mismo, podrás ver la animación cuadro por cuadro de la cabeza de mi personaje.

Agregar fotogramas clave

Seleccionaré la carpeta de animación Head y haré clic en Habilitar fotogramas clave en esta capa.

Para controlar una capa o carpeta habilitada para fotogramas clave, vaya a la herramienta Operación y seleccione la subherramienta Objeto.

Asegurándome de estar en el cuadro 1, moveré el centro de rotación de mi cabeza hacia abajo hasta donde el cuello se conectaría con ella.

Cualquier acción que cambie el objeto (como mover el centro de rotación) hace que aparezca un fotograma clave en esta carpeta.

A continuación, moveré el cabezal de reproducción al fotograma 9 y luego inclinaré el objeto principal, lo que provocará que aparezca otro fotograma clave.

Cuando reproduzco la animación ahora, ves mi animación cuadro por cuadro y la inclinación de la cabeza desde los fotogramas clave.

¿Por qué no puedo editar los marcos?

Quizás hayas notado que no puedes editar capas con fotogramas clave activados.

Todo lo que tienes que hacer es hacer clic en Editar capas con fotogramas clave activos, lo que desactiva temporalmente los fotogramas clave para que puedas realizar ajustes. Simplemente haz clic nuevamente cuando hayas terminado.

 

Nota: De hecho, puedes desactivar los fotogramas clave por completo y realizar tus ediciones. Cuando vuelvas a hacer clic en Habilitar fotogramas clave en esta capa, volverán a aparecer.

Encadenamiento de animaciones de fotogramas clave múltiples

¿Recuerdas cuando mencioné el encadenamiento de animaciones? También se pueden incluir carpetas de animación cuadro por cuadro en la cadena.

Por ejemplo, agregué una animación sutil de los dedos que se abren un poco mientras agito la mano.

Mano es una carpeta de animación que contiene la animación de los dedos en movimiento, mientras que Bajo brazo es su propia capa separada.

 

En la segunda imagen, puede ver que agregué ambos a una única carpeta principal llamada Arm.

Con la carpeta principal, Arm, seleccionada, haré clic en Habilitar fotogramas clave en esta capa.

Usando la subherramienta Objeto, moveré el centro de rotación hacia abajo fuera de la pantalla hasta donde rotaría todo el brazo.

 

Pista: ¡Asegúrate de anotar el fotograma clave que aparece en la línea de tiempo!

Primero, moveré y rotaré el brazo a su posición inicial en el cuadro 1.

Luego, colocaré el cabezal de reproducción en el cuadro 7 y moveré el brazo un poco más allá de su posición final.

 

Al hacerlo, agrego un poco de exceso a la animación para enfatizar el movimiento. Hablo más sobre esto en mi tutorial de gestos animados:

Finalmente, lo moveré un poco hacia atrás a su posición de reposo final un par de fotogramas más tarde en el fotograma 9.

Se ve bastante bien, pero la muñeca está rígida, así que animemos la mano también.

Cuando selecciono la carpeta de animación con la mano, noto que el botón Habilitar fotogramas clave en esta capa está atenuado.

 

IMPORTANTE: Debido a que la carpeta principal ya tiene fotogramas clave habilitados, se habilitan automáticamente para las carpetas secundarias.

En el cuadro 1, moveré el centro de rotación de la mano a su base.

 

Nuevamente, observe el fotograma clave que aparece automáticamente.

Al igual que con el brazo, rotaré la mano a su posición inicial en el cuadro 1.

Luego, iré al final de la animación y la rotaré a la posición que quiero en el fotograma 9.

Finalmente, también incluiré un pequeño exceso con este movimiento en el cuadro 7.

 

Pista: Esta vez hice el fotograma de sobrepaso medio, solo para demostrar que realmente no importa el orden en el que configuraste tu animación.

Ahora tienes tres movimientos animados encadenados:

 

1 - Fotogramas clave moviendo el brazo

2 - Fotogramas clave moviendo la muñeca (que se mueve con el brazo)

3 - El movimiento de la mano fotograma a fotograma

Finalmente, agregué solo un par de movimientos más usando estas mismas técnicas. El cuerpo ahora tiene un pequeño movimiento que mueve también la cabeza, y al final dejo caer la mano.

 

¡Estas son algunas formas sencillas de agregar mucho movimiento y vida a las animaciones de tus personajes!

Conclusión

Este es un ejemplo bastante simple, pero espero que te ayude a ver cuánto puedes hacer con las excelentes herramientas de animación de Clip Studio Paint.

 

Asegúrate de seguirme @MsRedNebula en Twitter, Instagram, Bluesky, o Mastodon para ver cuando anuncio nuevos tutoriales. También puedes seguirme aquí en Consejos de Clip Studio o suscribirte a mi canal de YouTube.

 

¡Diviértete animando!