¡Hola!
Te mostraré cómo hacer una animación simple sin cortar ni seccionar demasiado tu dibujo. Animaré la mayor parte del entorno para establecer el ambiente de la animación sin que el proceso de animación sea demasiado pesado.
La imagen final se verá así:
Te mostraré cómo animar luces, sombras y brillos.
También mostraré una animación simple de ojos y algo de animación de cámara.
¡Trabajaremos con FOTOGRAMAS CLAVE y te daré algunos consejos y trucos sobre cómo usarlos!
Estas animaciones son muy fáciles de hacer y son aplicables 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 entonces también necesitaremos agregar
⭐ Animación de sombras
⭐ Y tal vez animaciones de brillos
¡Comencemos a animar!
LÍNEA DE TIEMPO
Abre el dibujo que quieres animar.
Luego, vayamos a nuestra LÍNEA DE TIEMPO; si no puedes encontrarla, está en Ventana > Línea de tiempo
Ahora haz clic en [Nueva línea de tiempo]
La configuración que estoy usando es de 8 fotogramas por segundo y 24 tiempos de reproducción.
Las velocidades de fotogramas son la cantidad de imágenes que habrá por segundo, mientras que el tiempo de reproducción determina la duración deseada de la animación.
Puedes calcular [Tiempo de reproducción/Velocidad de fotogramas = Segundos], así que 24 de tiempo de reproducción / 8 de velocidad de fotogramas son 3 segundos.
Cuanto mayor sea la velocidad de fotogramas, más fluida será la animación.
RECORDATORIO: Clip Studio Paint PRO tiene un tiempo de reproducción máximo de 24, no será posible más que eso. Si deseas un tiempo de reproducción más largo, recomiendo usar la versión EX.
¡Comencemos a animar!
>> Animación por fotogramas clave
Usaré la Animación por fotogramas clave la mayor parte del tiempo para esto.
Una nota rápida sobre qué es la animación por fotogramas clave:
La creación de fotogramas clave moderna o digital es donde creamos un punto de inicio y un punto final sin la necesidad de hacer celdas intermedias.
Si comienzas un fotograma clave desde la izquierda y haces otro fotograma clave hacia la derecha, no necesitas hacer ningún fotograma intermedio. El programa lo hace por ti.
Cuanto más lejos estén los fotogramas clave unos de otros, más lenta será la animación.
Cuanto más cerca estén los fotogramas clave unos de otros, más rápida será la animación.
ANIMACIÓN DE LUZ – Interpolación suave
Crea una [Nueva capa de rasterizado] encima de tu dibujo > renómbrala como “Hongo Brillante”
Ahora toma tu herramienta [Degradado] > [Primer plano a transparente] > Mantén pulsado [ALT] en tu teclado para el cuentagotas y obtén el color de la LUZ que desees.
O toma cualquier herramienta que quieras que pueda usarse como LUZ.
Puede ser desde un Pincel suave regular hasta un Pincel decorativo
Y simplemente haz clic y arrastra tu herramienta de Degradado.
Puedes usar la FORMA de degradado que desees, yo usaré [Círculo]
Cambia tu MODO DE FUSIÓN a SOBREEXPONER RESPLANDOR
CONSEJO: Sobreexponer color, Añadir, Añadir (Resplandor), Superponer, Luz suave y Luz fuerte también funcionan.
Ahora, en tu área de LÍNEA DE TIEMPO, asegúrate de estar en la capa “Hongo Brillante”, haz clic en [Habilitar fotogramas clave en esta capa]
CONSEJO: Sabrás que la capa está lista para fotogramas clave cuando no puedas pintar ni borrar nada en ella. También aparece 'transformar' en el nombre de la capa.
⭐ HAZ CLIC en el + para expandir, y haz clic/selecciona [Opacidad]
También verifica tu Interpolación de fotogramas clave, asegúrate de que esté en Interpolación suave
Ahora, al principio de tu línea de tiempo, en el Fotograma 1 > Haz clic derecho > [Añadir fotograma clave]
⭐Esto establecerá el inicio de nuestra línea de tiempo con un 100% de opacidad en el Hongo Brillante.
Luego pasamos quizás al Fotograma 7, también puedes agregar un fotograma clave de opacidad moviendo la barra de Opacidad en la pestaña Capa.
Continúa añadiendo las animaciones de fotogramas clave que desees, esto es lo que obtuve:
Los fotogramas 1, 13 y 24 tienen una opacidad del 100%
Los fotogramas 7 y 18 tienen una opacidad del 23%
CONSEJO: Puedes arrastrar tu último fotograma clave hasta el final para que la animación sea fluida.
Lo explicaré con más detalle en “Bucle de fotogramas clave”
Ahora nuestra imagen se ve así:
>> Bucle de fotogramas clave
Normalmente, el truco para hacer una animación en bucle es asegurarse de que tu primer movimiento sea igual que tu último movimiento.
En este caso, estamos trabajando con fotogramas clave, así que necesitamos asegurarnos de que nuestro primer y último fotograma clave sean iguales.
Mencionaré 'arrastrar tus fotogramas clave finales al final de tu línea de tiempo' con bastante frecuencia, y eso es para ayudarte a crear una animación fluida o en bucle.
Observa el primer fotograma clave en la línea de tiempo, está entre el 0 y el 1.
Es preferible que hagamos lo mismo con el último fotograma clave si queremos crear un bucle.
Aquí está la diferencia cuando no arrastras el último fotograma clave hasta el final de la línea de tiempo.
Es sutil, pero se detiene durante un fotograma al final.
Pero cuando arrastramos el último fotograma clave hasta el 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, obtuvimos la mitad final del primer fotograma clave.
Luego, en el Fotograma 24, obtuvimos la primera mitad del mismo fotograma clave.
Cuando la animación se reproduce en bucle, la animación se verá fluida.
Si te resulta difícil agarrar el fotograma clave que arrastraste al final, usa el EDITOR DE GRÁFICOS y selecciona el fotograma clave.
Puedes arrastrarlo donde quieras, también puedes eliminarlo.
> Edición: Añadir más efectos
RECAPITULACIÓN: Esto es lo que obtuvimos por última vez:
¿Qué pasa con los otros hongos??
¿Deberías hacer nuevas capas para ellos también y animar de nuevo?
¡NO! ¡Todavía podemos editar esta capa de “Hongo Brillante”!
Pero si simplemente haces clic, no te dejará.
🚫 No puedes editar esta capa porque actualmente está destinada a fotogramas clave.
Si quieres dibujar en esta capa, debes deshabilitar la opción [Habilitar fotogramas clave en esta capa]. Haz clic en el icono para deshabilitarla.
¡NO TE PREOCUPES!
Solo hemos deshabilitado la creación de fotogramas clave; una vez que la 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.
Toma tu herramienta [Degradado] o cualquier herramienta que quieras para añadir más efectos de brillo.
Cuando hayas terminado, vuelve a la pestaña Línea de tiempo > haz clic en [Habilitar fotogramas clave en esta capa]
¡Y tus fotogramas clave seguirán ahí!
Ahora se ve así:
Antes de animar el resto, hablemos rápidamente de las interpolaciones de fotogramas clave.
>> Interpolaciones de fotogramas clave
Las interpolaciones de fotogramas clave son la forma en que se mueven tus fotogramas clave o animaciones.
Esto es como el intercalado cuando se trata de animaciones con celdas.
Para este tutorial, usaré dos interpolaciones de fotogramas clave: suave y mantener.
Aquí está la diferencia en todas las interpolaciones:
⭐Suave - crea un movimiento suave, básicamente se mueve en una curva — por lo que parece haber un flujo que de alguna manera lo hace mover bastante más rápido pero aún suave.
⭐Lineal - crea un movimiento directo. No tiene flujo y se mueve a la misma velocidad. Es como un movimiento lineal: directo al grano.
⭐Mantener - se mueve de fotograma clave a fotograma clave. Mantiene el fotograma clave al siguiente fotograma clave y al siguiente.
Además, tus fotogramas clave cambiarán de color según la interpolación que hayas utilizado.
Suave es morado, Lineal es verde y Mantener es amarillo.
ANIMACIÓN DE LUZ – Interpolación de mantener
Trabajemos en las luces del estéreo usando la interpolación MANTENER esta vez.
Crea una [Nueva capa de rasterizado] > renómbrala como quieras.
*La llamé 'Altavoz', ¡me equivoqué! Es una radiocasetera / estéreo.
Toma tu pincel, yo usé un [Pincel Suave] y simplemente puse colores alrededor del área que quiero que brille.
Cambia el Modo de Fusión de tu capa a Añadir (Resplandor)
CONSEJO: Puedes usar Añadir, Sobreexponer resplandor y Sobreexponer color si lo deseas.
Ahora haz clic en [Habilitar fotogramas clave en esta capa] para que podamos animar las luces del estéreo.
Por favor, cambia la interpolación de fotogramas clave de Suave a Mantener.
Ahora añadiremos un fotograma clave en el FOTOGRAMA 1, asegúrate de estar en la OPACIDAD.
Es bastante sutil, pero hay un cambio de color cuando haces clic en el menú de transformación.
Coloca un fotograma clave en el Fotograma 1; 100% de Opacidad.
Luego, en el Fotograma 14, cambia la Opacidad a 0%.
Fotograma 15 con 100% de Opacidad.
Fotograma 16 con 0% de Opacidad.
Hazlo tantas veces como desees.
Y cuando lo reproduces, 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 iríamos a Editar > Corrección tonal > Tono/Saturación/Luminosidad, pero en esta capa de fotogramas 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 fotogramas clave en esta capa].
Y luego podemos editar los Colores usando Editar > Corrección Tonal > Tono/Saturación/Luminosidad.
Cuando haces clic en [Habilitar fotogramas clave en esta capa], los fotogramas clave siguen ahí.
Y ahora se ve así:
ANIMANDO SOMBRAS
¡Vamos a animar 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 dependiendo del tamaño de la luz que tiene enfrente.
Crea una [Nueva capa de rasterizado] debajo de tus capas LUMINOSAS.
Renómbrala como Sombra > Establece esa capa en MULTIPLICAR.
Haz que la sombra se superponga al personaje.
La puse en ROJO para este ejemplo, para que fuera visible, pero luego la cambié a gris.
De nuevo, 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 (en el icono de la capa de máscara) > Mostrar área de máscara.
Continué borrando y terminé con esto:
Enmascaré todo el personaje para asegurarme.
Para quitar la opción Mostrar área de máscara; Haz clic derecho (en el icono de la capa de máscara) > Mostrar área de máscara.
Eso la deshabilitará.
Ahora comencemos a animar.
Asegúrate de estar en la Capa de sombra, en la pestaña Línea de tiempo > haz clic en [Habilitar fotogramas clave en esta capa].
Asegúrate de cambiar tu interpolación de fotogramas clave a SUAVE.
Ahora expande la Capa de Sombra, haz clic en el icono >.
Asegúrate de estar en POSICIÓN.
Ve a la [Herramienta de Operación] o presiona O en tu teclado.
Los puntos de transformación deberían aparecer en tu pantalla.
Mientras estás en el Fotograma 1, donde la luz es grande
Haz clic y arrastra 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; Fotograma 7, arrastra la sombra hacia abajo, en diagonal.
Copia y pega ese fotograma clave en el otro fotograma donde la luz es pequeña; Fotograma 19.
Y cuando hayas terminado. Se verá así:
> Edición: Retrabajo de máscara
Mira de cerca la sombra; puedes ver que se superpone a la piedra del fondo y a la mandíbula del personaje.
Misma edición que las últimas animaciones de LUZ, con la capa de Sombra seleccionada, deshabilita 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.
Haz clic derecho en la máscara > [Habilitar máscara] (o desmárcala).
Luego, haz clic en [Alt] en el icono del ojo de la capa para aislarla por un momento.
Simplemente uso mi Pincel de Desenfoque para suavizar el sombreado.
Luego haz clic en [Alt] de nuevo en el icono del ojo de la capa de sombra, y la capa de sombra ya no estará aislada.
Haz clic derecho en la máscara > haz clic en [Habilitar máscara].
Luego hacemos clic en [Habilitar fotogramas clave en esta capa], nuestros fotogramas clave permanecieron y cuando lo reproducimos...
EFECTOS: Destellos voladores y desvanecidos
Aquí utilizaremos múltiples transformaciones: POSICIÓN y OPACIDAD.
A continuación, ¡hagamos algunos destellos!
Crea una [Nueva capa de rasterizado] > llámala Destellos > Establece el Modo de Fusión en Añadir (Resplandor).
Ahora toma tu pincel de destellos.
Usé este pincel:
Y simplemente añade algunos destellos.
A continuación, animemos esto.
Haz clic en [Habilitar fotogramas clave en esta capa].
Asegúrate de estar en Interpolación SUAVE.
En el Fotograma 1 – La luz es grande, añade un fotograma clave en OPACIDAD – 100% de Opacidad.
Haz lo mismo con los Fotogramas 13 y 24, donde la luz es grande.
Luego, cuando la luz sea pequeña, Fotograma 7 – añade un fotograma clave en OPACIDAD – 0% de Opacidad.
Haz lo mismo con el Fotograma 19, donde la luz es pequeña.
Y debería verse así:
A continuación, trabajemos en el movimiento, hagamos que los destellos suban.
Expande la capa de Destellos haciendo clic en el icono >.
Asegúrate de estar en POSICIÓN.
En el Fotograma 1, la luz es grande, arrastra el destello hacia arriba.
Arrástralo solo un poco, imagínalo como si fuera el centro de la animación flotante. Asegúrate de estar en la [Herramienta de Operación] para poder arrastrar la Capa de Destellos.
Añade el mismo fotograma clave al último fotograma, Fotograma 24 – pero esta vez, asegúrate de arrastrar el último fotograma clave hasta el final de la línea de tiempo, esto hará que la animación sea más suave y fluida si quieres crear un bucle.
Ahora, cuando la luz sea baja, Fotograma 7 – arrastra tus destellos hacia arriba.
Recuerda que este también es el fotograma donde la Opacidad está al 0% — básicamente estamos creando una animación donde desaparece a medida que sube.
Fotograma 8, los destellos bajan.
Copia los fotogramas clave de los Fotogramas 7 y 8 y pégalos en los Fotogramas 17 y 18.
El proceso y el resultado se ven así:
Básicamente, lo que hicimos es que los Fotogramas clave 1 y 24 son el centro de la acción.
Los Fotogramas clave 7 y 17 son los destellos subiendo.
Los Fotogramas clave 8 y 18 son los destellos volviendo a la posición inicial.
Y ahora la animación se ve así:
> Edición: Añadir más destellos
Esto es lo mismo que [Edición: Añadir más efectos].
Asegúrate de estar en la capa de Destellos, y deshabilita la opción [Habilitar fotogramas clave en esta capa].
Y simplemente añade tus destellos.
Cuando hayas terminado, simplemente haz clic en [Habilitar fotogramas clave en esta capa] y los fotogramas clave seguirán ahí.
Ahora nuestra animación se ve así:
Recuerda que aún puedes volver atrás y retocar tus fotogramas clave.
Ejemplo: Quieres editar los destellos porque van demasiado rápido, demasiado alto.
Asegúrate de que POSICIÓN esté seleccionada y de que estés en el fotograma clave que quieres editar — arrastra tus destellos como quieras.
> Edición: Enmascarar algunos destellos
Y esto es lo mismo que [Edición: Retrabajo de máscara].
Observa cómo algunos destellos van demasiado abajo de los hongos y otros van hacia el personaje.
En lugar de eliminar esos destellos, simplemente enmascarémoslos para que no aparezcan en esa área.
Deshabilita tu keyframing de nuevo, haz clic en [Habilitar fotogramas clave en esta capa] para poder deshabilitarlo y trabajar en nuestra máscara.
Haz clic en [Crear máscara de capa], una vez 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 donde no quieres que haya destellos.
Cuando hayas terminado, deshabilita la opción [Mostrar área de máscara] y habilita de nuevo la opción [Habilitar fotogramas clave en esta capa].
Los fotogramas clave se mantuvieron y la máscara está ahí.
ANIMACIÓN DE BRILLOS
Este es el brillo del personaje y quizás también algo de luz dura en los elementos del fondo.
Crea una [Nueva capa de rasterizado] > renómbrala como BRILLOS > Establece el Modo de Fusión en [Sobreexponer resplandor].
CONSEJO: Puedes usar Sobreexponer color, Añadir, o incluso Añadir (Resplandor).
Y simplemente toma tu pincel y crea algunos brillos.
Estoy usando un [Pincel Suave] con 80-100% de Opacidad, alternando.
⭐ CONSEJO: Si quieres un atajo para hacer brillos para el personaje, ¿recuerdas esa máscara que hicimos para la animación de SOMBRA? Podemos usarla.
Mantén presionado [CTRL] y luego haz clic en esa Máscara – lo que ocurrió es que seleccionamos el área BLANCA, así que vamos a invertirla para seleccionar el personaje.
Haz clic en [Invertir área seleccionada] > y comienza a añadir tus brillos.
Para añadir brillos al entorno o a las rocas, usé la Herramienta Lazo.
Haz una selección usando tu Herramienta Lazo > y simplemente usa tu pincel para colorear.
— suaviza los bordes usando un Pincel de Desenfoque si es necesario.
Cuando hayas terminado con los brillos, animémoslos.
Haz clic en [Habilitar fotogramas clave en esta capa].
Asegúrate de estar en la OPACIDAD – haz que las animaciones sean iguales a las de los HONGOS BRILLANTES.
Fotogramas 1, 13, 24 – 100% DE OPACIDAD.
Fotogramas 7 y 19 – 27% DE OPACIDAD (o menos).
Cuando hayas terminado, la animación ahora se ve así:
ANIMACIÓN DE OJOS
Para esta animación de ojos, solo usaré dos imágenes/fotogramas:
⭐ OJOS ABIERTOS
⭐ OJOS CERRADOS
Principalmente porque es una animación de 3 segundos, muy corta y poco perceptible, además mi personaje tiene ojos muy pequeños.
Primero, necesito separar mis ojos y volver a dibujar las áreas que faltan.
Usé la Herramienta Lazo para COPIAR y PEGAR los ojos en otra capa.
Luego vuelve a la capa de ilustración principal y, usando tu pincel, comienza a pintar sobre el ojo con el tono de piel del personaje.
Luego crea una [Nueva capa de rasterizado] y dibuja el OJO CERRADO.
Y ahora tenemos tanto el Ojo Abierto como el Ojo Cerrado.
Si lo deseas, no dudes en añadir más acciones/fotogramas intermedios.
Puedes usar Fotogramas clave para animar esto o incluso Celdas de animación.
¡Probemos ambos!
> Animación de ojos – Celdas de animación [Copiar y pegar]
La celda de animación es dibujar fotograma a fotograma para crear una animación.
¡Como una animación de folioscopio!
Estaremos COPIANDO y PEGANDO en celdas.
Crea una [Nueva carpeta de animación] > renómbrala como EYES_ANIM_CEL.
Asegúrate de estar al principio 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 empezar a copiar y pegar, ve a [Archivo] > [Preferencias] > [Animación].
Cambia tu Cómo pegar en celdas — asegúrate de que esté en Pegar en la capa seleccionada.
¡Haz clic en Aceptar cuando hayas TERMINADO!
Esto facilitará nuestro proceso de copiar y pegar.
Para copiar - haz visible tu capa OJOS ABIERTOS > toma tu Lazo y selecciona > CTRL C para copiar.
Para pegar - Ve a tu carpeta de Animación > Celda 1 > Pégalo allí.
Y haz lo mismo con la siguiente celda; Ojos Cerrados.
(Asegúrate de estar dentro de la carpeta de 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 vamos a poner la misma animación en los siguientes fotogramas.
Asignemos estas celdas para la próxima animación.
Asegúrate de estar en el siguiente fotograma sin una celda.
Ve a [Animación] > [Editar pista] > [Asignar múltiples celdas].
Para este ejemplo, esta configuración está bien.
Si quieres saber qué significan todas estas configuraciones, te recomiendo consultar el enlace a continuación.
Cuando hagas 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 tenga los ojos abiertos, así que haz clic en [Asignar celda a fotograma].
Selecciona la capa 1 – que son nuestros ojos abiertos, luego haz clic en Aceptar.
Y así tenemos nuestra pequeña animación de ojos usando celdas.
> 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, pon tus capas de Ojo Abierto y Ojo Cerrado en una carpeta.
Selecciona tus capas Ojo Abierto y Ojo Cerrado y haz clic en [Habilitar fotogramas clave en esta capa] individualmente.
Además, cambia tu Interpolación de fotogramas clave a MANTENER.
Puedes usar la interpolación de fotogramas clave que quieras, yo solo prefiero MANTENER al hacer animaciones de OJOS para asegurarme de que no haya cambios entre fotogramas.
Selecciona un fotograma en el que quieras que comience el parpadeo, yo iré al Fotograma 15.
Añoade 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 eso tantas veces como quieras que tu personaje parpadee, o simplemente selecciona 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!
Añadiremos una cámara 2D, ¡esta es tu cámara!
Puedes acercar y alejar, rotar y desplazar tu animación usándola, y utilizaremos fotogramas clave para manipularla.
Para añadir una cámara, ve a [Animación] > [Nueva capa de animación] > [Carpeta de cámara 2D].
Una carpeta aparecerá etiquetada como 'Cámara 1' en tu 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 la Propiedad de herramienta Operación > Objeto.
Solo voy a hacer algo simple, como un ligero temblor de cámara pero no extremo.
En la [Relación de escala] lo acerqué en 3 valores, dejándolo en 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.
Debería añadirse un fotograma clave una vez que hayas movido la cámara.
Copia ese fotograma clave, haz clic en él y Mantén [ALT] y luego arrastra al fotograma que quieras; yo lo arrastré al Fotograma 24.
Luego arrastré ese fotograma clave final hasta el final de la línea de tiempo.
Para la animación intermedia, 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 reproduces, se ve así;
El cuadrado azul que ves 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] > debajo de [Objeto] > busca en la Propiedad de la herramienta.
Modo de visualización:
Estamos en Mostrar guías de campo por defecto.
Puedes cambiarlo a Mostrar campo de visión de la cámara.
¡Ahora vemos lo que ve nuestra cámara!
Exportar animación
¡Finalmente estamos exportando nuestro trabajo!
Puedes exportarlo al formato que quieras; para este ejemplo, elegiré GIF.
Ve a [Archivo] > [Exportar animación] > [GIF animado].
Rellena los ajustes de exportación según lo que necesites o según tu línea de tiempo.
Para la opción de exportación; Tramado
El tramado es la gradación de colores.
⭐ Habilitar tramado, obtendrás un sombreado degradado o suave de colores.
⭐ Deshabilitar Tramado, 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 se ve genial!
Aquí tienes otro ejemplo de las mismas técnicas.
⭐Luz y brillos animados
⭐ Algunos destellos / polvo volador
⭐ Opacidad de la sombra
⭐ Parpadeo de ojos
⭐ Temblor de cámara
Cómo hacer unas hojas cayendo sencillas usando fotogramas clave:
[Ejemplo, 8fps 24 fotogramas]
1. Dibuja tus hojas en una curva, dibújalas como si estuvieran en medio de la caída.
2. Haz clic en [Habilitar fotogramas clave en esta capa]
3. Añade un fotograma clave de ROTACIÓN y POSICIÓN en el medio de la animación - Fotograma 13
——— Añades ese fotograma clave para saber que 'esa' escena/posición es el medio de tu animación — la dibujamos específicamente como el centro de la acción.
4. Ve al Fotograma 1, rota y posiciona tus hojas como si vinieran de arriba.
*Es más fácil si ROTAS primero y luego ajustas la POSICIÓN después de obtener la rotación que deseas.
5. Ve al Fotograma 24, rota y posiciona tus hojas como si estuvieran saliendo de la escena.
6. Si algunas hojas aparecen por los lados 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 “ANIMANDO SOMBRAS” y “EFECTOS: Destellos voladores y desvanecidos”.
¡Y así es como hice las hojas!
E incluso si no animas la cara, las animaciones simples del entorno y la cámara realmente establecen el tono y la emoción de la ilustración.
Esto parece muy largo, ¡pero en realidad es muy fácil!
Solo jugar con la Opacidad y arrastrar esto y aquello.
Es una animación simple que añade más historia, más sentimientos a tu ilustración.
¡Luces y sombras son elementos realmente fuertes que deberías aprovechar!
¡Espero que esto ayude!
¡También espero que esto ayude con el trabajo y la edición con fotogramas clave!
¡Gracias por leer!
Usuarios a los que les gustó esta publicación
Comentario