Animación de dibujo simple

3 195

Mana1057

Mana1057

¡Hola!

 

Te mostraré cómo hacer una animación simple sin cortar ni fragmentar demasiado tu dibujo. Animaré la mayor parte del entorno que creará el ambiente de la animación sin abrumarte demasiado con el proceso de animación en sí.

 

La imagen final se verá así:

Mostraré cómo animar luces, sombras y luces.

También mostraré una animación de ojos simple y algo de animación de cámara.

Trabajaremos con KEYFRAMES y te mostraré algunos consejos y trucos sobre cómo usarlos.

 

Estas animaciones son muy fáciles de hacer y se pueden aplicar tanto en la versión PRO como en la EX de Clip Studio Paint.

 

Usaré CLIP STUDIO PAINT PRO para este tutorial, también puedes usar EX si lo tienes.

 

Este será un flujo de trabajo detallado, me disculpo de antemano por la extensión.

¡Comencemos!

PREPARACIÓN

Primero, toma el dibujo que quieres animar.

Ahora imagina o haz un borrador de lo que quieres hacer, en este caso;

⭐ Quiero que los hongos brillen y tal vez liberen algunas esporas mágicas.

⭐ Quiero que el estéreo brille

⭐ Y quiero que parpadee

 

¡Animaciones realmente simples! Pero debes recordar que la luz crea SOMBRAS.

 

Y por eso también necesitaremos agregar

⭐ Animación de sombras

⭐ Y tal vez animaciones de luces

 

¡Comencemos a animar!

CRONOLOGÍA

Abre el dibujo que quieres animar.

Luego, vayamos a nuestra LÍNEA DE TIEMPO. Si no puedes encontrar tu Línea de tiempo, está en Ventana > Línea de tiempo

Ahora haga clic en [Nueva línea de tiempo]

La configuración que estoy usando es 8 cuadros por segundo y 24 tiempos de reproducción.

La velocidad de cuadros es la cantidad de imágenes que habrá por segundo, mientras que el tiempo de reproducción determina la duración de la animación que desea.

 

Puede calcular [Tiempo de reproducción/velocidad de cuadros = segundos], por lo que 24 tiempos de reproducción/8 velocidades de cuadros son 3 segundos.

 

Cuanto mayor sea la velocidad de cuadros, más fluida será la animación.

RECORDATORIO: Clip Studio Paint PRO tiene un tiempo máximo de reproducción de 24 horas, no será posible si se excede ese tiempo. Si desea un tiempo de reproducción más prolongado, le recomiendo que elija la versión EX.

¡Comencemos a animar!


>> Animación de fotogramas clave

Para esto, utilizaré principalmente la animación de fotogramas clave.

Solo una nota rápida sobre qué es la animación de fotogramas clave:

 

Los fotogramas clave modernos o digitales son aquellos en los que creamos un punto de inicio y un punto final sin necesidad de crear celdas intermedias.

 

Si comienzas un fotograma clave desde la izquierda y creas otro fotograma clave que va hacia la derecha, no necesitas crear fotogramas intermedios. Lo hace por ti.

Cuanto más alejados estén los fotogramas clave entre sí, más lenta será la animación.

Cuanto más cerca estén los fotogramas clave entre sí, más rápida será la animación.

ANIMACIÓN DE LUZ – Interpolación suave

Crea una [Nueva capa rasterizada] sobre tu dibujo > renómbrala como “Hongo resplandeciente”

 

Ahora toma la herramienta [Degradado] > [Primer plano a transparente] > mantén presionada la tecla [ALT] en el teclado para el Cuentagotas y toma el color de la LUZ que quieras.

O toma cualquier herramienta que quieras que pueda usarse como LUZ.

Puede ser desde un Pincel suave normal hasta un Pincel decorativo

 

Y simplemente haz clic y arrastra la herramienta Degradado

Puedes usar la FORMA de degradado que quieras, yo usaré [Círculo]

 

Cambia tu MODO DE FUSIÓN a SOBREPONER BRILLO

SUGERENCIA: Sobreexponer color, Agregar, Agregar (resplandor), Superponer, Luz suave y Luz dura también funcionan bien.

Ahora, en el área de LÍNEA DE TIEMPO, asegúrate de estar en la capa “Hongo resplandeciente”, haz clic en [Habilitar fotogramas clave en esta capa]

SUGERENCIA: Sabrá que la capa ya está lista para el fotograma clave cuando no pueda pintar ni borrar nada en ella. Además, en el nombre de la capa aparece la palabra "transformar".

⭐ HAGA CLIC en + para expandir y haga clic/seleccione [Opacidad]

 

Verifique también su Interpolación de fotogramas clave, asegúrese de que esté en Interpolación suave

Ahora, en el comienzo de la línea de tiempo, Cuadro 1 > Clic derecho > [Agregar fotograma clave]

 

⭐Esto establecerá el comienzo de nuestra línea de tiempo con una opacidad del 100 % en el hongo brillante

Luego pasamos al Cuadro 7, también puedes agregar un Cuadro clave de opacidad moviendo la barra de Opacidad** en la pestaña Capa

Continúa agregando las animaciones de fotogramas clave que quieras, esto es lo que terminé teniendo.

Los fotogramas 1, 13 y 24 tienen una opacidad del 100 %

Los fotogramas 7 y 18 tienen una opacidad del 23 %

SUGERENCIA: Puedes arrastrar el último fotograma clave hasta el final para que la animación sea perfecta.

Explicaré esto con más detalle en “Bucle de fotogramas clave”

Ahora nuestra imagen se ve así:


>> Bucle de fotogramas clave

Por lo general, el truco para crear una animación en bucle es asegurarse de que el primer movimiento sea el mismo que el último movimiento.

 

En este caso, estamos trabajando con fotogramas clave, por lo que debemos asegurarnos de que el primer y el último fotograma clave sean iguales.


Mencionaré "arrastrar los fotogramas clave finales al final de la línea de tiempo" durante bastante tiempo y eso es para ayudarte a crear una animación continua o en bucle.

 

Observa el primer fotograma clave en la línea de tiempo, está entre el 0 y el 1

Es preferible que también hagamos lo mismo con el último fotograma clave si queremos hacer un bucle

Esta es la diferencia cuando no arrastras el último fotograma clave hasta el final de la línea de tiempo.

Es sutil, pero se detiene en un fotograma al final

Pero cuando arrastramos el último fotograma clave al final de la línea de tiempo,

se mueve con más fluidez, porque tienen el mismo valor.

⭐ Asegúrate de que el fotograma clave en el fotograma 1 y el fotograma 24 tengan los mismos valores

 

En el fotograma 1, tenemos la mitad final del primer fotograma clave

Luego, en el fotograma 24, tenemos la primera mitad del mismo fotograma clave

Cuando la animación se repite, la animación se verá perfecta


Si tiene dificultades para capturar el fotograma clave que arrastró al final, use el EDITOR DE GRÁFICOS y seleccione el fotograma clave.

Puedes arrastrarlo donde quieras, también puedes eliminarlo.


> Edición: Añadiendo más efectos

RESUMEN: Esto es lo que obtuvimos la última vez:

¿Qué pasa con los demás hongos?

¿Deberías crear nuevas capas para ellos también y animarlos nuevamente?

¡NO! ¡Aún podemos editar esta capa del “Hongo resplandeciente”!

 

Pero si haces clic justo ahí, no te lo permitirá.

 

🚫 No puedes editar esta capa porque actualmente está en modo de fotogramas clave

Si quieres dibujar en esta capa, tienes que deshabilitar la opción [Habilitar fotogramas clave en esta capa].

Haz clic en el ícono para deshabilitarla.

 

¡NO TE PREOCUPES!

Acabamos de deshabilitar los fotogramas clave. Una vez que los volvamos a habilitar, los fotogramas clave volverán a aparecer.

 

¡SOLO RECUERDA NO ELIMINAR LA CAPA!

Y NO LA FUSIONES CON NINGUNA OTRA CAPA: los fotogramas clave desaparecerán si la fusionas con otra capa

Consigue tu herramienta [Gradiente] o cualquier herramienta que quieras para agregar más efectos de brillo.

Cuando hayas terminado, vuelve a la pestaña Línea de tiempo > haz clic en [Habilitar fotograma clave en esta capa]

¡Y tus fotogramas clave seguirán estando allí!

Ahora se ve así:

Antes de animar el resto, hablemos rápidamente sobre las interpolaciones de fotogramas clave.


>> Interpolaciones de fotogramas clave

Las interpolaciones de fotogramas clave son la forma en que se mueven los fotogramas clave o las animaciones.

Esto es como la interpolación cuando se trata de animaciones de celdas.

 

Usaré dos interpolaciones de fotogramas clave para este tutorial, suave y sostenida.

Esta es la diferencia en todas las interpolaciones:

 

Suave: hace un movimiento suave, básicamente se mueve en una curva, por lo que parece que hay un flujo que de alguna manera hace que se mueva bastante más rápido pero aún así suave.

Lineal: hace un movimiento directo. No tiene flujo y se mueve a la misma velocidad. Es como un movimiento lineal, directo al punto.

Sostener: se mueve fotograma clave a fotograma clave. Mantiene el fotograma clave hasta el siguiente fotograma clave y el siguiente.

 

Además, tus fotogramas clave cambiarán de color dependiendo de la interpolación que hayas utilizado.

Suave es púrpura, Lineal es verde y Mantener es amarillo


ANIMACIÓN DE LUZ – Mantener interpolación

Trabajemos en las luces estéreo usando la interpolación HOLD esta vez

Crea una [Nueva capa rasterizada] > cámbiale el nombre como desees

*La llamé "Altavoz" - ¡cometí un error! Es un equipo de música/radiocasete.

Toma tu pincel, yo usé un [Pincel suave] y simplemente coloqué colores alrededor del área que quiero que brille.

 

Cambia el Modo de fusión de tu capa a Agregar (Brillo)

 

SUGERENCIA: Puedes usar Agregar, Sobreexponer brillo y Sobreexponer color si lo deseas.

 

 

Ahora haga clic en [Habilitar fotogramas clave en esta capa] para que podamos animar las luces estéreo.

Cambie la interpolación de fotogramas clave de Suave a Mantener

Ahora agregaremos un fotograma clave en FOTOGRAMA 1, asegúrate de que estés en OPACIDAD. Es bastante sutil, pero hay un cambio de color cuando haces clic en el menú de transformación.

Coloque un fotograma clave en el fotograma 1; opacidad del 100 %

 

Luego, en el fotograma 14, cambie la opacidad al 0 %

 

Fotograma 15 con opacidad del 100 %

Fotograma 16 con opacidad del 0 %

 

Haga esto tantas veces como desee

Y cuando lo tocas se ve así

Las interpolaciones MANTENER MANTIENEN el valor de ese fotograma clave hasta el siguiente fotograma clave

 

A diferencia de la interpolación SUAVE, donde cambia el valor del fotograma clave suavemente hasta el siguiente fotograma clave


> Edición: Corrección tonal

Digamos que no te gusta el color. Normalmente vamos a Editar > Corrección tonal > Tono/Saturación/Luminosidad pero en esta capa de fotograma clave, no podemos dibujar ni hacer corrección tonal en ella.

Si queremos hacer alguna corrección tonal en esta capa, tenemos que deshabilitar la opción [Habilitar fotograma clave en esta capa]

Y luego podemos editar los colores usando Editar > Corrección tonal > Tono/Saturación/Luminosidad

Al hacer clic en [Habilitar fotograma clave en esta capa], los fotogramas clave siguen estando allí.

Y ahora se ve así:

SOMBRAS ANIMADAS

¡Animemos algunas sombras!

Esta es la sombra detrás del personaje. A medida que la luz frente a él brilla, su sombra se hace más grande o más pequeña según el tamaño de la luz frente a él.

 

Crea una [Nueva capa rasterizada] debajo de tus capas BRILLANTES

Cámbiale el nombre a Sombra > Establece esa capa en MULTIPLICAR

 

 

Haz que la sombra se superponga al personaje

Lo puse en ROJO para este ejemplo, para que se vea visible, pero luego lo cambié a gris

Nuevamente, asegúrate de que tu Capa esté en Modo de fusión MULTIPLICAR

 

A continuación, usemos la máscara. Haz clic en [Crear máscara de capa]

Esto ocultará el área que no queremos sin eliminarla por completo

 

 

Y simplemente usa tu [Borrador] para ocultar el área que no quieres que afecte al personaje.

 

Si no puedes ver lo que estás borrando, haz clic derecho (el ícono de Capa de máscara) > Mostrar área de máscara

 

 

Continúe borrando y terminé con esto:

Enmascaré todo el personaje para estar seguro

 

Para eliminar el área de máscara de visualización; Haga clic derecho (el ícono de capa de máscara) > Mostrar área de máscara

Esto lo deshabilitará.

 

Ahora comencemos a animar

Asegúrese de estar en la capa de sombra, en la pestaña Línea de tiempo > haga clic en [Habilitar fotograma clave en esta capa]

Asegúrese de cambiar la interpolación de fotograma clave a SUAVE

Ahora expande la Capa de sombra, haz clic en el ícono >

Asegúrate de estar en POSICIÓN

 

Ve a [Herramienta de operación] o presiona O en tu teclado

Deberían aparecer puntos de transformación en tu pantalla

Mientras esté en el Cuadro 1, donde hay mucha luz,

haga clic y arrastre la imagen un poco lejos del personaje, en diagonal

Copia ese fotograma clave y pégalo cuando la luz sea grande; Fotograma 13 y Fotograma 24

Luego, cuando la luz sea pequeña; Cuadro 7, arrastre la sombra hacia abajo, en diagonal.

 

Copie y pegue ese cuadro clave en el otro cuadro donde la luz sea pequeña; Cuadro 19

Y cuando hayas terminado, se verá así:

> Edición: Reelaboración de la máscara

Observa atentamente la sombra: puedes ver que se superpone a la piedra de atrás y a la mandíbula del personaje.

La misma edición que la última vez en las animaciones de LUZ, con la capa Sombra seleccionada, desactiva la opción [Habilitar fotograma clave en esta capa]

 

Y podemos volver a trabajar en nuestra máscara

Otra edición que me gustaría hacer es suavizar la sombra.

Haga clic derecho en la máscara > [Habilitar máscara] (o desmárquela)

Luego, [Alt] haga clic en el ícono del ojo de la capa para aislarla por un tiempo

Simplemente uso mi pincel de desenfocar para suavizar el sombreado.

Luego, haga clic nuevamente con la tecla [Alt] en el ícono del ojo de la capa de sombra y la capa de sombra ya no estará aislada.

 

Haga clic con el botón derecho en la máscara > haga clic en [Habilitar máscara]

 

 

Luego hacemos clic en [Habilitar fotogramas clave en esta capa], nuestros fotogramas clave permanecieron y cuando los reproducimos...

EFECTOS: Destellos que vuelan y se desvanecen.

Aquí usaremos transformaciones múltiples: POSICIÓN y OPACIDAD

 

¡A continuación, hagamos algunos destellos!

Crea una [Nueva capa rasterizada] > nómbrala Destellos > Establece el modo de fusión en Agregar (resplandor)

 

Ahora toma tu pincel de destellos

Yo usé este pincel:

Y solo añade algunos destellos

A continuación, vamos a animar esto.

 

Haga clic en [Habilitar fotogramas clave en esta capa]

Asegúrese de que esté en Interpolación SUAVE

En el Cuadro 1, donde la luz es grande, agrega un cuadro clave en OPACIDAD: 100 % de opacidad

Haz lo mismo con los Cuadro 13 y 24, donde la luz es grande.

Luego, cuando la luz sea pequeña, Cuadro 7: agregue un cuadro clave en OPACIDAD: 0 % de opacidad

Haga lo mismo con el Cuadro 19, donde la luz es pequeña

 

 

Y debería verse así:

A continuación, trabajemos en el movimiento, hagamos que los destellos suban

Amplíe la capa Destellos haciendo clic en el ícono >

Asegúrese de estar en la POSICIÓN

 

En el Cuadro 1, la luz es grande, arrastre el destello hacia arriba

Arrástrelo solo un poco, imagínelo como si estuviera en el medio de la animación flotante Asegúrese de estar en [Herramienta de operación] para poder arrastrar la capa de destellos

 

Agregue el mismo fotograma clave al último fotograma, Cuadro 24, pero esta vez, asegúrese de arrastrar el último fotograma clave hasta el final de la línea de tiempo, esto hará que la animación sea más fluida y sin interrupciones si desea crear un bucle

Ahora, cuando la luz sea baja, Cuadro 7arrastra los destellos hacia arriba

Recuerda que este también es el cuadro donde la opacidad está al 0 %; básicamente, estamos creando una animación donde desaparece a medida que sube

Cuadro 8, los destellos bajan.

Copia los fotogramas clave del Cuadro 7 y el Cuadro 8 y pégalos en el Cuadro 17 y el Cuadro 18

 

El proceso y el resultado se ven así:

Básicamente, lo que hicimos fue que los fotogramas clave 1 y 24 son la mitad de la acción

Los fotogramas clave 7 y 17 son los destellos que suben

Los fotogramas clave 8 y 18 son los destellos que vuelven a la posición inicial

Y ahora la animación se ve así:

> Edición: Añadiendo más destellos

Esto es lo mismo que [Edición: Agregar más efectos]

 

Asegúrate de estar en la capa de destellos y de desactivar la opción [Habilitar fotogramas clave en esta capa]

Y simplemente agrega tus destellos

Cuando haya terminado, simplemente haga clic en [Habilitar fotogramas clave en esta capa] y los fotogramas clave seguirán allí.

Ahora nuestra animación se ve así:

Recuerda que aún puedes volver atrás y volver a trabajar en tus fotogramas clave.

 

Ejemplo: quieres editar los destellos porque van demasiado rápido, demasiado alto.

 

Asegúrate de que la POSICIÓN esté seleccionada y de que estés en el fotograma clave que quieres editar; arrastra los destellos como quieras

> Edición: Enmascarando algunos destellos

Y esto es lo mismo que [Edición: Rehacer en la máscara]

 

Observa cómo algunos destellos van demasiado abajo desde los hongos y otros van al personaje.

 

En lugar de eliminar esos destellos, vamos a enmascararlos para que no aparezcan en esa área.

 

Desactiva tu fotograma clave nuevamente, haz clic en [Habilitar fotograma clave en esta capa] para que podamos deshabilitarlo y trabajar en nuestra máscara

Haz clic en [Crear máscara de capa], cuando esté creada > Haz clic derecho en esa máscara > Mostrar área de máscara

[Mostrar área de máscara] - Para que puedas ver lo que estás borrando

 

Y podemos ocultar los destellos en esa área, toma tu borrador y comienza a borrar/ocultar las partes que no quieres que tengan destellos.

Cuando hayas terminado, desactiva la opción [Mostrar área de máscara] y activa nuevamente la opción [Habilitar fotogramas clave en esta capa]

 

Los fotogramas clave permanecen y la máscara está ahí

 

 

ANIMACIÓN DESTACADA

Este es el punto culminante del personaje y quizás también algo de luz dura en los elementos del fondo.

 

Crea una [Nueva capa rasterizada] > renómbrala como ILUSTRACIONES DESTACADAS > Establece el Modo de fusión en [Sobreexponer resplandor]

SUGERENCIA: Puedes usar Sobreexponer color, Agregar o incluso Agregar (resplandor)

 

Y simplemente toma tu pincel y crea algunos reflejos.

Estoy usando un [Pincel suave] con 80-100 % de opacidad, cambiando de un lado a otro

 

⭐ SUGERENCIA: Si quieres un atajo para hacer reflejos para el personaje, ¿recuerdas la máscara que hicimos para la animación de SOMBRA? Podemos usarla.

 

Mantén presionada la tecla [CTRL] y luego haz clic en esa Máscara. Lo que sucedió es que seleccionamos el área BLANCA, así que invirtámosla para seleccionar el personaje.

Haz clic en [Invertir área seleccionada] > y comienza a agregar los reflejos

Para agregar reflejos al entorno o a las rocas, utilicé la herramienta Lazo.

Haz una selección con la herramienta Lazo > y simplemente usa el pincel para colorear.

— Suaviza los bordes con un Pincel de desenfocar si es necesario

 

 

Cuando hayas terminado con los aspectos destacados, vamos a animarlos.

Haz clic en [Habilitar fotogramas clave en esta capa]

Asegúrate de que estés en la OPACIDAD: haz que las animaciones sean iguales con los HONGOS BRILLANTES

 

Fotograma 1, 13, 24: 100 % OPACIDAD

Fotograma 7 y 19: 27 % OPACIDAD (o inferior)

Cuando haya terminado, la animación se verá así:

ANIMACIÓN DE OJOS

Para esta animación de ojos, solo voy a usar dos imágenes/cuadros;

⭐ OJOS ABIERTOS

⭐ OJOS CERRADOS

 

Principalmente porque se trata de una animación de 3 segundos, muy corta y poco visible, además, mi personaje tiene ojos muy pequeños.

 

Primero, necesito separar mis ojos y volver a dibujar las áreas faltantes.

Usé la Herramienta Lazo para COPIAR y PEGAR los ojos en otra capa.

Luego regresa a la capa principal de la ilustración y, usando tu pincel, comienza a pintar sobre el ojo con el tono de piel del personaje.

Luego crea una [Nueva capa rasterizada] y dibuja el OJO CERRADO

Y ahora tenemos tanto Ojo Abierto como Ojo Cerrado

Si lo desea, puede agregar más entre las acciones y los fotogramas.

 

Puede usar Fotogramas clave para animar esto o incluso Celdas de animación.

¡Probemos con ambos!


> Animación de ojos – Celdas de animación [Copiar y pegar]

Animation Cel es un dibujo cuadro por cuadro para crear una animación.

¡Como una animación de Flipbook!

 

COPIAREMOS y PEGAREMOS en celdas

Crea una [Nueva carpeta de animación] > renómbrala EYES_ANIM_CEL

 

 

Asegúrate de estar en el inicio de tu línea de tiempo, luego haz clic en [Nueva celda de animación]

Aparecerá una capa vacía etiquetada como 1

Antes de comenzar a copiar y pegar, vaya a [Archivo] > [Preferencias] > [Animación]

 

Cambie su Cómo pegar en celdas: asegúrese de que esté en Pegar en la capa seleccionada

¡Haga clic en ACEPTAR cuando haya TERMINADO!

 

Esto hará que copiar y pegar sea más fácil

Para copiar: haz visible la capa EYES OPEN > toma el lazo y selecciona > CTRL C para copiar

 

Para pegar: ve a la carpeta Animation > Cel 1 > pégalo allí

Y haz lo mismo con la siguiente celda; Ojos cerrados

 

(Asegúrate de que estás en la carpeta Animación)

Selecciona tu fotograma > Crea una [Nueva celda de animación] > aparecerá una nueva celda etiquetada como 2

 

COPIAR - OJOS CERRADOS

PEGAR - en la celda 2

Quiero que siga parpadeando un poco más, así que pongamos la misma animación en los próximos fotogramas.

 

Asignemos estas celdas para la próxima animación

Asegúrate de estar en el próximo fotograma sin una celda

Ve a [Animación] > [Editar pista] > [Asignar varias celdas]

Para este ejemplo, esta configuración es correcta

Si quieres saber qué significan todas estas configuraciones te recomiendo revisar el siguiente enlace

Al hacer clic en Aceptar, aparecerá una copia de las celdas 1 y 2

 

Básicamente, asignamos las celdas 1 y 2 para que aparezcan en los siguientes fotogramas

Para el final de la animación, quiero que sus ojos estén abiertos, así que haz clic en [Asignar celda a fotograma]

Selecciona la capa 1, que son nuestros ojos abiertos, y luego haz clic en Aceptar

Y tenemos nuestra pequeña animación de ojos usando cels


> Animación de ojos: fotogramas clave

Si quieres usar fotogramas clave, básicamente se trata de jugar con la Opacidad de las capas Ojo abierto y Ojo cerrado

 

Para mantener todo organizado, coloca las capas Ojos abiertos y Ojos cerrados en una carpeta

 

Selecciona las capas Ojos abiertos y Ojos cerrados y haz clic en [Habilitar fotogramas clave en esta capa] individualmente.

 

Además, cambia la interpolación de fotogramas clave a MANTENER

Puedes usar la interpolación de fotogramas clave que quieras, pero yo prefiero MANTENER cuando hago animaciones de OJOS para asegurarme de que no haya cambios entre fotogramas

Selecciona un fotograma en el que quieras que comience a parpadear. Iré al fotograma 15

Agrega un fotograma clave en ambos:

 

Ojos cerrados: 0 % de opacidad

Ojos abiertos: 100 % de opacidad

 

Siguiente fotograma, fotograma 16

Ojos cerrados: 100 % de opacidad

Ojos abiertos: 0 % de opacidad

Puedes repetir esto tantas veces como quieras que tu personaje parpadee o simplemente seleccionar los fotogramas clave > Clic derecho > COPIAR > Mover al siguiente fotograma vacío > Clic derecho > Pegar

Asegúrate de hacer lo mismo con el otro ojo.

 

Cuando hayas terminado, se verá así:

Nuestra animación se ve así:


Animación de cámara

¡Este paso es opcional!

 

Agregaremos una cámara 2D, ¡esta es tu cámara!

Puedes acercar y alejar, rotar y desplazarte sobre tu animación con esto y usaremos fotogramas clave para manipularla.

 

Para agregar una cámara, ve a [Animación] > [Nueva capa de animación] > [Carpeta de cámara 2D]

Aparecerá una carpeta denominada ‘Cámara 1’ en la pestaña de capas > coloca todas tus capas, básicamente todas tus capas de animación allí.

Puedes expandir tus transformaciones de cámara en la línea de tiempo o puedes usar Operación > Propiedad de la herramienta Objeto

 

Solo voy a buscar algo simple, como movimiento de cámara, pero no extremo.

 

En la [Relación de escala] hice zoom con 3 valores, lo que lo hizo 97.0

Aparecerá un fotograma clave porque cambiaste los valores, puedes eliminar ese fotograma clave de escala porque no animaremos la escala

 

Luego haz clic en [Posición] > arrastra el cuadro de transformación hacia el extremo inferior derecho de la pantalla, lejos de mi personaje.

 

Se debe agregar un fotograma clave una vez que hayas movido la cámara.

Copia ese fotograma clave, haz clic en él y mantén presionada la tecla [ALT] y luego arrástralo hasta el fotograma que quieras. Yo lo arrastré hasta el fotograma 24.

 

Luego, arrastré ese fotograma clave final hasta el final de la línea de tiempo.

Para la animación del medio, ve al fotograma 13.

Asegúrate de estar en Herramienta de operación > Objeto > Haz clic en el cuadro de transformación y arrástralo un poco hacia arriba, en diagonal desde nuestro último fotograma clave.

 

El movimiento de la cámara se coloca así para que complemente el movimiento de la sombra que sube y baja en diagonal en la misma dirección

Cuando lo juegas se ve así:

El cuadrado azul que estás viendo es el movimiento de la cámara.

 

Si quieres ver cómo se ve el punto de vista de la cámara

Ve a tu [Herramienta de operación] > en [Objeto] > busca en la Propiedad de la herramienta

 

Modo de visualización:

Estamos en Mostrar guías de campo de manera predeterminada

Puedes cambiarlo a Mostrar el campo de visión de la cámara

¡Ahora vemos lo que ve nuestra cámara!


Exportación de animación

¡Finalmente estamos exportando nuestro trabajo!

 

Puedes exportarlo al formato que quieras; en este ejemplo, usaré GIF.

 

Ve a [Archivo] > [Exportar animación] > [GIF animado]

Complete la configuración de exportación según lo que necesita o según su cronograma.

Para la opción de exportación: tramado

El tramado es la gradación de colores.

 

⭐ Habilite el tramado, obtendrá un degradado o sombreado suave de los colores


⭐ Desactiva el tramado y obtendrás parches de diferentes tonos de colores.

Nota final

¡¡Gracias por leer hasta aquí!!

La animación final se ve así:

La cámara es opcional, sin cámara se ve así:

¡Aún luce genial!


He aquí otro ejemplo de las mismas técnicas.

⭐ Luces y reflejos animados

⭐ Algunos destellos/polvo en el aire

⭐ Opacidad de las sombras

⭐ Parpadeo de ojos

⭐ Movimiento de la cámara


Cómo hacer una caída de hojas sencilla usando fotogramas clave:

[Ejemplo, 8 fps 24 fotogramas]

 

1. Dibuja las hojas en una curva, como si estuvieran en medio de una caída.

2. Haz clic en [Fotogramas clave habilitados en esta capa]

3. Agrega un fotograma clave de GIRAR y POSICIONAR en el medio de la animación: fotograma 13

——— Agrega ese fotograma clave para que ya sepas que "esa" escena/posición es el medio de tu animación; la dibujamos específicamente como el medio de la acción.

4. Ve al fotograma 1, rota y posiciona las hojas como si vinieran desde arriba.

*Es más fácil si primero rotas y luego ajustas la POSICIÓN después de obtener la rotación que deseas.

5. Ve al fotograma 24, rota y posiciona las hojas como si estuvieran saliendo de la escena.

6. Si aparecen algunas hojas desde los costados y no quieres ajustar los fotogramas clave (porque también cambia la velocidad de la animación), usa MÁSCARA, lo mismo que hicimos con “ANIMACIÓN DE SOMBRAS” y “EFECTOS: Destellos que vuelan y se desvanecen”

 

¡Y así es como hice las hojas!


E incluso si no animas la cara, las animaciones simples en el entorno y la cámara realmente establecen el tono y la emoción de la ilustración.


¡Parece muy largo, pero en realidad es muy fácil!

Solo hay que jugar con la opacidad y arrastrar esto y aquello.

 

Es una animación simple que agrega más historia y más sensaciones a tu ilustración.

 

¡Las luces y las sombras son elementos muy fuertes que debes aprovechar!

 

¡Espero que esto te ayude!

¡También espero que esto te ayude a trabajar y editar con fotogramas clave!

 

¡Gracias por leer!

Comentario

Nuevo

Últimas publicaciones en Oficial