Cómo crear una animación de fotogramas clave a partir de una sola imagen que hayas dibujado

6 746

あっとますた

あっとますた

La animación de fotogramas clave no requiere múltiples dibujos como la animación de celdas; ¡se puede realizar fácilmente simplemente procesando y dibujando las partes móviles!

Ejemplos de obras

◆Animación de fotogramas clave impulsada por una sola imagen

[Documento de referencia para ejemplos]

Tamaño/1080 x 1920 píxeles Resolución/72 ppp Márgenes/según sea necesario

Configuración de la línea de tiempo

Frecuencia de cuadros/24

Tiempo de reproducción/4 segundos (segundos + cuadros)

 

 


Prepara una imagen como la que se muestra a continuación.

Todavía es un boceto preliminar, pero crearemos una animación de bucle de fotogramas clave

basada en esta única imagen.

◆ Crea partes móviles y sepáralas en capas

Cuando seleccionas un documento de animación, se creará una carpeta de animación,

pero como esta vez no usaremos animación de celdas, no usaremos una carpeta de animación.

Crearemos una nueva carpeta de capas, como es habitual, y trabajaremos en ella.

Delinearemos y colorearemos cada parte, luego las dibujaremos en capas separadas para la cara, la parte superior del cuerpo, la parte inferior del cuerpo y los brazos.

1 capa "cara"

2 capas "Parte superior del cuerpo"

3ª capa "Ambos brazos"

4ª capa "Parte inferior del cuerpo"

◆ Configuración inicial para la línea de tiempo

Crea una nueva línea de tiempo y, con la configuración predeterminada, puedes crear un video en bucle de 4 segundos con 23 cuadros por 3 segundos. El orden en el que debes moverte es (0 segundos) exhalación máxima - (2 segundos) inhalación profunda máxima - (4 segundos) exhalación máxima (→ bucle de vuelta a 0 segundos).

A continuación, para que sea más fácil mover las capas en la línea de tiempo, selecciona "Convertir capa" en el menú Capa y convierte todas las partes individualmente en "Capas de material de imagen".

◇Una vez que te acostumbres a esto, es un poco conveniente grabar un conjunto de acciones de animación y convertirlo en un botón AUTOMÁTICO.


Una vez realizada la conversión, aparecerá un pequeño cuadro de diálogo en el ícono de la capa para avisarte.

¿Entiendes? Continúa convirtiendo todas las partes de esta manera.

◆ Registra tus movimientos en la línea de tiempo

[Antes de editar partes]

(1) Seleccione todas las capas que desea mover, (2) presione el botón para habilitar fotogramas clave de la capa, (3) use el botón para agregar fotogramas clave para agregar fotogramas clave al principio y al final de la línea de tiempo en (4). Este paso es importante.

Si sigues este proceso, no te encontrarás en una situación en la que el vídeo que tanto te costó crear no vuelva a ser la imagen original.


Utilice "Operación" > "Operación de objeto" en el menú Herramientas para estirar o tirar de los puntos de anclaje del cuadro de contorno para escalar las piezas.

También puede ingresar valores en la ventana pequeña del menú Detalles,

por lo que es importante ser creativo en esta área, entrenar su fuerza mental y física,

y confiar en sus propios instintos salvajes al crear.


◇La única parte que se puede editar es la línea de 2 segundos.

◇Los primeros 0 segundos y los últimos 4 segundos (3 segundos, 23 fotogramas) no se moverán.

◇Como se trata de un bucle de 4 segundos, la línea de tiempo volverá automáticamente a 0 segundos.

Como se trata de un fotograma clave, las partes se pueden mover, escalar y rotar, pero lo importante es imaginar en tu mente cómo se mueven normalmente cuando una persona inhala.

 

 

En el segundo segundo de la hoja de la línea de tiempo, mueve solo la cara y la parte superior del cuerpo ligeramente hacia arriba.

Luego, perfecciona los brazos.

Al agrandar un poco el área del pecho, parecerá que el personaje está respirando profundamente.

Una vez que hayas terminado de editar este segundo segundo, el video estará completo.


Un video que muestra el proceso real desde la creación de una nueva línea de tiempo hasta su finalización.

*El video ha sido overclockeado x2.0 debido a un error de carga de GIF.

Aparentemente, ese cargador tiene una tendencia a colgarse después de aproximadamente 500 cuadros.

Nunca había oído hablar de una función así... ¡Suspiro!

Un intervalo de dos segundos hará que parezca una respiración relajada, y un intervalo de un segundo hará que parezca que el personaje se queda sin aliento, así que intenta hacerlo unas cuantas veces y ajusta los segundos para ver si es demasiado rápido o demasiado lento, y trabaja en la dinámica como quieras. Luego, expórtalo como un GIF o un archivo de video y revisa los resultados una y otra vez.

 

De esta manera,

no intentes superar grandes obstáculos de inmediato,

comienza con lo que puedas hacer, intenta mover un lugar pequeño al principio,

y aumenta gradualmente la cantidad de partes móviles, y creo que la textura de la animación

mejorará.

 

 


La imagen GIF de ejemplo del principio muestra partes divididas en "flequillo", "piernas", "parpadeo de ojos", "fondo", etc., que luego se mueven.

También puedes exportar la animación como una imagen GIF y crear tu propio fondo de pantalla original como éste hecho con CLIP STUDIO PAINT.


Ya está disponible en Youtube una explicación en video de demostración más detallada que utiliza los materiales de muestra de este trabajo.

 

Me encantaría que pudieras echarle un vistazo como referencia.

 

[Canal oficial de Atmaster]

 

◆Explicación de la demostración de la línea de tiempo/animación de fotogramas clave de ClipstudioPaint

 

[Compatible con 1080p]

 

https://youtu.be/G-Pl5yhJIPk

 

 

Es un poco conmovedor cuando tus imágenes fijas se mueven. Pruébalo.

 

Que tengas una buena vida creativa.

 

ClipStudioPaint EX Ver.2.0 20240818 Akiben

Me gustaría expresar mi más sincero agradecimiento a todos a quienes les gustó mi publicación. ¡Muchas gracias!

Comentario

Nuevo

Últimas publicaciones en Oficial