Consejos de animación de parpadeo

28 037

青けー

青けー

Introducción

Encantada de conocerte. Es azul.

Esta vez, me gustaría explicar la animación de una niña parpadeando, que creé cuando estaba a cargo del MV para la canción "Caramel Macchiato on the desk".

Es una animación simple que solo crea y repite tres patrones de diferencias oculares, ¡así que me gustaría que incluso la primera persona lo pruebe!

 

Explicaré cómo crear finalmente algo como la imagen GIF a continuación.

Listo

Esta vez, intentaré parpadear los ojos de la ilustración ya creada, así que prepare los datos de clip que representan la ilustración que desea mover (para aquellos que no tienen datos de clip, está bien combinar imágenes).

 

Abra los datos preparados en CLIP STUDIO PAINT, y si no se muestra la ventana de la línea de tiempo, muestre la "línea de tiempo" desde "ventana" en la barra de herramientas.

Haga clic en "Nueva carpeta de animación" en la ventana de la línea de tiempo para crear una nueva carpeta de animación. Cuando se crea una carpeta de animación, el botón Nueva celda de animación se activa. Haga clic para crear una celda de animación.

A continuación, haga clic en el botón "Nueva línea de tiempo" para crear una línea de tiempo para crear animaciones. CLIP STUDIO PAINT Pro puede crear animaciones de hasta 24 cuadros.

Esta vez, dado que es una animación muy corta llamada parpadeo, cree una animación durante 1 segundo con una velocidad de cuadro de "24" y un tiempo de reproducción de "24".

Preparación para parpadear

Entonces, dibujemos realmente los ojos. Esta vez, moveremos la imagen creada, así que primero suavicemos la cara del personaje.

En este momento, si los datos que se utilizarán son una capa que no se ha integrado y puede ocultar solo la capa del ojo, está bien solo ocultar la capa. 人 Si es difícil ocultar solo los ojos, cree una nueva capa debajo de la capa de animación creada anteriormente y llena solo los ojos con una agradable sensación.

Dibuja ojos desde arriba. Dibujo en la capa en la carpeta de animación creada anteriormente (el nombre de capa predeterminado es 1), pero ahora la marca de vista previa (icono de ojo) de la carpeta de animación es translúcida y no puedo dibujar.

Luego, haga clic en el botón "Especificar celda" en la ventana de la línea de tiempo para vincular la capa a la línea de tiempo.

Puede ver que el lienzo blanco se muestra en la línea de tiempo y la marca de vista previa de la carpeta de animación ya no es translúcida. ¡Echemos un vistazo a las capas en la carpeta de animación!

Dibujar ojos (ojos abiertos)

Por cierto, finalmente dibujo mis ojos, pero es difícil dibujar con una capa. Entonces, cuando intento agregar una nueva capa, la marca de vista previa es translúcida nuevamente ...

 

Ahí es donde entran las carpetas de capas. Seleccione las capas 1 y 2, haga clic con el botón derecho y seleccione "Crear carpeta e insertar capa". Puede ver que la marca de vista previa para la capa "2" está habilitada al mismo tiempo que la capa anterior está en la carpeta "1".

Agregue capas como desee en la carpeta que acaba de crear y dibuje sus ojos.

Si acaba de ocultar la primera capa, simplemente copie la capa previamente oculta en la capa "1" que acaba de crear.

Dibujar ojos (ojos cerrados)

¿Dibujaste ojos atractivos?

Luego, dibuja un ojo cerrado. Cuando hace clic en el botón "Nueva celda de animación", se crea una capa vacía en la carpeta de capas "2" con exactamente la misma configuración que en la carpeta de capas "1", y la marca de vista previa de la carpeta de capas "1" es translúcida Se vuelve.

Al mismo tiempo, creo que los ojos que dibujaste antes desaparecerán, pero ten por seguro.

Cuando hace clic en el botón "Habilitar piel de cebolla", el ojo que dibujó anteriormente (el ojo de la carpeta de capas "1") se muestra en azul translúcido. Dibujemos un ojo cerrado dentro de la carpeta de capa recién creada "2" usando esto. Si tiene los ojos cerrados, probablemente no necesite capas como los ojos blancos, pero puede eliminar capas innecesarias.

Intenta moverte

Una vez que sus ojos cerrados estén completos, muévalos aquí.

Hasta ahora, solo escuché y toqué los botones en la ventana de la línea de tiempo, pero la próxima vez editaré la línea de tiempo.

Arrastre la línea roja en la línea de tiempo como se muestra en la imagen de arriba y muévala a la posición "12". En este momento, también habilite la "reproducción en bucle".

 

Haga clic en el botón Reproducir / Detener en el medio del botón en forma de flecha a la izquierda de Loop Play. Debería ver un video parpadeante cada 0.5 segundos.

Esto es un poco diferente al parpadeo, así que me gustaría cerrar los ojos por un momento.

Haga clic en la posición 15 en la línea de tiempo para mover la línea roja, luego haga clic en el botón "Especificar celda", seleccione la capa 1 y presione OK.

Creo que se parece a la siguiente línea de tiempo, así que juguemos de nuevo.

La animación debería verse como un abrir y cerrar de ojos por un momento.

Intenta mejorar la calidad

Todavía se ve parpadeante, pero sigue siendo un poco antinatural.

Entonces quiero hacer que mis ojos se vean más naturales cerrando los ojos.

 

Ahora creemos una nueva celda de animación para dibujar los ojos de cierre.

Haga clic en el botón "Nueva celda de animación" para crear una carpeta de capa "3" e inserte un nuevo marco donde estaba la línea roja.

 

Como la longitud del marco se ajustará más tarde, primero mueva las celdas para que el orden de las celdas sea "1, 2, 3, 1" como en la siguiente imagen.

Hay varios tiempos cuando se trata de ojos medio abiertos, pero esta vez me gustaría agregar ojos casi abiertos. Se ve así cuando se dibuja con un diagrama simple.

Al agregar un ojo intermedio de este tipo, se siente un parpadeo más natural en comparación con los ojos deformados.

Los ojos que realmente se agregaron son los ojos con un ligero chapuzón como el anterior. En la línea de tiempo, los ojos cerrados (2) tienen 4 cuadros y los ojos medio abiertos (3) tienen 2 cuadros.

¿Qué hay sobre eso? Creo que hay una preferencia, pero creo que el video de arriba parece más natural que el parpadeo (abajo).

Escribir

Finalmente, dibuja en la barra de herramientas con "Archivo → Exportar animación → GIF animado" y presume ante tus seguidores en SNS como Twitter.

Finalmente

¿Como fue eso?

Esta vez creé una imagen para personas que pueden dibujar un poco pero nunca han tocado una animación, pero es un misterio cuántas personas ayudaron. (Espero que haya sido útil)

 

Esta vez, por primera vez, hice algo como hacer, y pude entender las dificultades de quienes hicieron el mundo. Todos están trabajando duro ...

 

Si tiene algún comentario, como solicitudes o preguntas, me gustaría responder lo más posible, así que no dude en preguntar. レ ス ポ ン ス Creo que Twitter tiene una respuesta más rápida, por lo que si es demasiado tarde, puede omitir eso.

 

¡Gracias por leer hasta aquí!

Comentario

Nuevo

Últimas publicaciones en Oficial