Dale expresiones a tu personaje dibujado y anímalo con animación de fotogramas clave

14 799

あっとますた

あっとますた
Traducción automática | Ver texto original

◆Diferencias en las expresiones de los personajes entre manga y animación

No hay ninguna. (Risas)

Las descripciones de expresiones como "llorar", "reír" o "enfadarse" son básicamente las mismas.

Sin embargo, a diferencia de la expresión "reír" en un manga o ilustración, la "sonrisa" en una animación implica acciones de actuación como "cuándo" y "en qué medida", lo que hace que el proceso de descripción del personaje sea un poco más complejo.

 

 

Uno de los gestos humanos básicos al crear personajes animados es el "parpadeo".

Sin embargo, si el parpadeo es monótono y constante, parecerá mecánico y antinatural, por lo que el truco es reproducirlo de forma rítmica.

La velocidad y la frecuencia del parpadeo también implican el estado psicológico, por lo que en realidad es un detalle sutil.

Aunque es un gesto común en la vida diaria, la animación, que descompone y expresa el movimiento a lo largo del tiempo, es algo muy profundo.

 

 

【Ejemplo de trabajo】

Cambio de expresión en una animación de fotogramas clave creada a partir de una sola imagen

◆Línea de tiempo y fotogramas

Comprende la visualización de la línea de tiempo

Al crear animaciones,

los fotogramas clave y la animación de celdas se operan aquí.

Para las operaciones y nombres de la línea de tiempo, consulta los consejos oficiales de animación; aquí explicaré brevemente qué es un "fotograma por segundo".

1 fotograma y 1 cuadro significan lo mismo y se refieren a 1 imagen por segundo.

30 fps significa que hay 30 cuadros por segundo.

La animación suele ser de 24 cuadros por segundo, pero

"¿No estaría bien si en el futuro se hiciera a 30 fps?"

"Si se hace a 60 fps, el movimiento será más fluido."

Aunque en realidad no importa si se hace así, si se hace, las técnicas de dibujo cuadro a cuadro para cosas como "forma de hablar" o "forma de caminar" en la animación manual de 24 cuadros dejarían de ser aplicables. Por lo tanto, es más conveniente considerar la animación como 24 cuadros por segundo, lo que a la larga ahorra esfuerzo y tiene muchas ventajas.

 

 

※Configuración utilizada por el autor para la explicación

■Duración de la reproducción: 3 segundos ■Velocidad de fotogramas: 24 (segundos + cuadros)

 

 


【Consejos oficiales de animación】

◆Cómo crear un cambio de capa de fotogramas clave

Técnica que ajusta la opacidad en el mismo eje de tiempo de la línea de tiempo y cambia a otra capa superpuesta.

Esto se utiliza para la transición de una descripción con los ojos abiertos a una con los ojos cerrados.

Es una operación que amplía enormemente las posibilidades y direcciones de la animación de fotogramas clave al aplicarla no solo a las expresiones faciales, sino también a diversas partes.

 

《¡Punto de operación!》

◆Cómo crear una animación de "parpadeo" para un personaje dibujado

Intentemos que el personaje parpadee

Configuración de ejemplo】ClipstudioPaint Pro/EX

Tamaño/1920x1080 Resolución/72dpi Color

Crear una ilustración en movimiento Número de celdas/24 Duración de la reproducción/3 segundos Velocidad de fotogramas/8 fps


01】Dibujo de ojos

Para crear un parpadeo de ojos con fotogramas clave, las imágenes básicas son

① "Pestañas"

② "Iris"

③ "Blanco del ojo"

④ "Pestañas cerradas"

Se crean estos cuatro elementos, se separan en capas y se animan solo con esto.

 


02】Creación de la línea de tiempo

Configuración de la línea de tiempo】ClipstudioPaint Pro/EX

Velocidad de fotogramas/8 fps

Duración de la reproducción/3 segundos (segundos + cuadros)

(24 fotogramas en total)


03】Conversión de capa

《¡Punto de operación!》

Convierte las cuatro capas creadas a "capa de material de imagen" siguiendo estos pasos:

① Desactivar "Habilitar línea de tiempo"

② En el menú Capa, selecciona "Convertir capa" > "Capa de material de imagen"

③ Seleccionar Editar > Transformar > Transformación libre

④ Habilitar "Habilitar línea de tiempo"

⑤ En el menú Capa, selecciona "Convertir capa" > "Capa de material de imagen"


04】Edición de fotogramas clave

Transforma desde el icono de la herramienta "Objeto" > "Operación".

 

 

 

Primer fotograma

Como en el ejemplo, asegúrate de añadir un fotograma clave a cada uno de los cuatro elementos.

Solo ④ Pestañas cerradas: ajusta la opacidad para que la transparencia de la capa sea del 0%.

① Pestañas ② Iris ③ Blanco del ojo (la transparencia de la capa está al 100%).

 

 


Segundo fotograma

Realiza el cambio de capa mencionado anteriormente.

Transforma ① pestañas ② iris ③ blanco del ojo para cerrar los ojos a la mitad.

Mantén la transparencia de la capa al 100%.

④ Pestañas cerradas: pon la transparencia de la capa al 0%.


Tercer fotograma

Pon la transparencia de las capas ① pestañas ② iris ③ blanco del ojo al 0%.

Pon la transparencia de la capa ④ pestañas cerradas al 100%.

 

 


《¡Punto de operación!》

Duplicar (copiar) fotograma clave / [Seleccionar] + [Alt] + Mover

 

Cuarto fotograma

Copia todos los fotogramas clave del tercer fotograma directamente al cuarto fotograma.

 

Quinto fotograma

Copia todos los fotogramas clave del segundo fotograma directamente al quinto fotograma.

Esto es lo que se conoce como reproducción inversa de fotogramas clave.


Sexto fotograma

Copia todos los fotogramas clave del primer fotograma directamente al sexto fotograma.

Duplica todos los fotogramas clave del primer al sexto fotograma también a partir del segundo segundo.

Con esto, la animación de parpadeo de 3 segundos está completa.

 

 

◆Interpolación de fotogramas clave

※En la imagen de ejemplo presentada anteriormente, la configuración de "interpolación de fotogramas clave" está en "velocidad constante" (verde).

Sin embargo, al mover un personaje, si se establece en "suave", el movimiento será más natural.

Por supuesto, la velocidad constante no es incorrecta y se moverá correctamente.

 

《¡Punto de operación!》

◆Cuando el autor realiza trabajos reales, la línea de tiempo se crea aproximadamente de esta manera.

◆Las expresiones cambian solo con mover las cejas

Las expresiones cambian solo con mover las "cejas", de manera similar a cómo se hace con el parpadeo.

【Cómo hacerlo】

Prepara una capa separada solo para las "cejas" y crea una capa de material de imagen siguiendo los pasos de 03】Conversión de capa explicados en la sección anterior:

◆Cómo crear una animación de "parpadeo" para un personaje dibujado.

Luego, siguiendo la línea de tiempo y con la operación de fotogramas clave,

invierte las "cejas" verticalmente para definir la expresión.

Para volver atrás, simplemente duplica el fotograma clave anterior a la edición.

※En el caso del autor, las cejas izquierda y derecha se mueven individualmente.


Una vez que puedas hacer que los ojos parpadeen, intenta moverlos junto con las diferentes partes del cuerpo del personaje.

【Consejos avanzados】

Animación de fotogramas clave para el movimiento del cuerpo

【Consejos avanzados】

Intentemos crear un fondo en movimiento con animación de fotogramas clave

◆Intentemos conectar las expresiones a partir del parpadeo

《¡Punto de operación!》

Al conectar cambios de capa complejos y utilizar transformaciones,

se puede crear una animación de fotogramas clave avanzada.

"Cejas" + "Ojos" + "Sincronización labial" + "Mejillas sonrojadas" + "Cabello" + "Cuerpo"

 

◆El truco para el movimiento de la posición de los ojos es cambiar a una mirada diferente desde el movimiento de ojos cerrados al siguiente movimiento de ojos abiertos para lograr una mirada natural.

◆El "sonrojo de mejillas" se expresa mediante la transparencia de la opacidad, pero

aunque ponerse rojo de repente podría ser válido en algunas escenas,

es más tranquilo y natural si se vuelve rojo lentamente y luego se desvanece lentamente.

En el ejemplo, el sonrojo tarda 2 segundos en aparecer y 2 segundos en desvanecerse.

◆La sincronización labial se hace deformando la "boca abierta" a una forma cerrada para que coincida con la boca cerrada,

ajustando la posición y luego abriendo.

En el ejemplo, se alterna "cerrar" y "abrir" con un intervalo de 3 cuadros.

◆Realza las expresiones del personaje desde diferentes ángulos con el movimiento de cámara

La función de animación de ClipstudioPaint incluye herramientas de movimiento de cámara, por lo que, al igual que con los fotogramas clave, puedes crear fácilmente movimientos de cámara como acercamientos, alejamientos, paneos y barridos en la línea de tiempo, utilizando rotación, escala y movimiento para obtener los mejores planos del personaje, creando una "cámara de cuna" como en el ejemplo.

Una de las ventajas de ClipstudioPaint es que, dependiendo de cómo lo uses, puedes crear escenas interesantes.

【Consejos oficiales de animación】

◆Las descripciones de expresiones psicológicas también pueden expresarse mediante el color

Es la dirección de los efectos psicológicos, donde, sin que los ojos estén enojados, se transmite una sensación de "enojo" o "plena potencia", manteniendo la expresión del personaje, y logrando un efecto de expresión psicológica vibrante a través del "color", incluyendo el fondo según la escena.

Una expresión clásica que probablemente has visto alguna vez en un fotograma de anime o manga.

Bueno, si hablamos de esto, nos desviaríamos de los consejos originales y se convertiría en consejos de actuación y dirección (risas). Así que, la fiesta está en su apogeo.

Dejaremos esta conversación para otra ocasión.

◆Posdata

Creo que con las formas básicas de crear expresiones "alegres, enfadadas, tristes y divertidas", como "reír", "llorar" y "enfadarse", que he presentado esta vez, podrás crear casi todas las expresiones. Así que, si te interesa la creación, no dudes en intentarlo.

 

El potencial y la creatividad humanos son infinitos. Gracias por leer hasta el final.

Espero que los consejos del autor sirvan de ayuda en tus futuras creaciones.

¡Que tengas una excelente vida creativa!

 

ClipStudioPaint EX Ver.3.0.4 20250405 Akiben


《 La explicación práctica de este tutorial está disponible en video en Youtube 》

Me encantaría que la vieras como referencia.

【Canal oficial de Atto Masta】

ClipstudioPaint Explicación práctica

Dale expresiones a tu personaje dibujado y anímalo con animación de fotogramas clave

【Compatible con 1080p】■Duración del video: aprox. 12 minutos ■1920x1080p/Estéreo ■Japonés

Comentario

Nuevo

Últimas publicaciones en Oficial