INTRO (¬‿¬)

Si uno ya ha hecho una animación, sabrá que requiere principalmente velocidad de dibujo, precisión y diligencia 😓 😓. Lo cual generalmente requiere mucha práctica o Técnicas Especiales para lograr resultados aceptables.

Por lo tanto, en este tutorial, veremos algunas técnicas fantásticas para obtener fácilmente una animación fluida y detallada de algunos movimientos que normalmente serían difíciles y complejos de realizar.

 

Dicho esto, realizaremos las animaciones a continuación, 👇

Pero antes de continuar, aquí están los enlaces a una serie de conjuntos de pinceles que se pueden usar para este tutorial y otros propósitos.

 

juego de agua: https://assets.clip-studio.com/en-us/detail?id=1986288

conjunto de fuego: https://assets.clip-studio.com/en-us/detail?id=1984186

conjunto de rayos: https://assets.clip-studio.com/en-us/detail?id=1987455

juego de luces: https://assets.clip-studio.com/en-us/detail?id=1988891

 

I. Animación de una bola mágica simple: fuego, agua, relámpagos. ╰(*°▽°*)╯

El método que uso para estos se puede dividir en cuatro pasos principales,

-Creando la textura

-Aplicando la textura a la primitiva 3D

-Extracción de los fotogramas de la primitiva 3D y

-Agregar detalles extra en los marcos

I.I: Creando la textura (^_^)

Lo primero que debe hacer es crear un lienzo cuadrado. Vaya a 'archivo' - 'nuevo' - 'ilustración' y luego seleccione el preajuste 'cuadrado'. También puede usar ajustes preestablecidos personalizados, pero le recomiendo que mantenga el área equivalente a una figura cuadrada.

el siguiente paso es usar el pincel personalizado (recomendado) o cualquier otro pincel adecuado para dibujar el elemento deseado en el lienzo.

luego apague (alternar) la visibilidad de cualquier otra capa no deseada, si la hay (es mejor hacerlo hasta la capa de papel, para asegurarse de que todo esté claro).

Registre el material de imagen en su catálogo de materiales. ir a 'editar' - 'registrar material' - 'imagen...'

I.II: Aplicando la textura a la primitiva 3d (￣o￣) . z Z

Obtenga la primitiva 3d del catálogo de materiales, luego arrástrela y suéltela en el lienzo. (*Los materiales 3d no aparecen en la carpeta de animación, así que evite ponerlos en una)

Luego verifique la ventana 'propiedad de la herramienta' (1) para 'textura primitiva 3d'. (2) Haga clic en 'material' (3) y elija la textura preparada. puede buscar fácilmente usando el nombre (4) o la etiqueta que usted (5) asoció junto a él.

Nuevamente en la ventana de propiedades de la herramienta, desplácese hacia abajo hasta 'aplicar fuente de luz (1)' y 'proyectar sombras en el suelo', luego apáguelos.

El siguiente paso es ajustar la textura sobre la esfera de una manera adecuada para ti. Para eso, son necesarias dos configuraciones principales, la configuración 'Alfa' 👌 (1) y la configuración de 'textura' ✨ .(2 y 3)

1. Configuración alfabética ಠ_ಠ

Con la configuración alfa tenemos 'opaco'(1), 'eliminar con umbral'(2) y 'semitransparente'(3). Estos permiten una mejor y más variada visualización de la textura y usos.

• Por ejemplo, 'eliminar con umbral' parece más apropiado para el fuego, ya que expresa su naturaleza vívida al mezclar la textura con el color de la esfera subyacente,

• mientras que 'Opaque' mantiene toda la esfera y su color.

• y 'semitransparente' muestran solo la textura.

2: Ajuste de textura ლ(╹◡╹ლ)

aquí, la relación de escala te da la posibilidad de cambiar cómo o el tamaño de la textura que se ve en la primitiva.

cuando se marca ''mantener relación de aspecto'', los diferentes valores nos dan algo como a continuación 👇

 

NOTA* las tres esferas son del mismo tamaño pero tienen un valor de escala de textura diferente

cuando no está marcado, cambiar los valores estira la textura y simula el movimiento como se muestra a continuación. 👇

pero esto solo estira la textura (ideal para agregar 'aplastar y estirar') y en realidad no la mueve.

 

Para moverlo, necesitamos ir a la "posición" de la textura, y tal como su nombre lo indica, nos ayuda a mover la textura a lo largo de la primitiva 3d.

El movimiento de izquierda a derecha (aumentando W) o de derecha a izquierda (disminuyendo W) y hacia arriba (disminuyendo H) o hacia abajo (aumentando H)

Algunas cosas a tener en cuenta sobre la "posición" de la textura es que varía de "-100" a "0" y vuelve a "100". la textura en estos 3 valores es la misma que se ha movido de nuevo a su posición original.

 

Debería quedar medio claro cómo serán los procesos de animación ya que sabemos cómo “mover la imagen” desde arriba.

I.III: Extrayendo los fotogramas de la primitiva 3D. (⌐■_■)

Ya sabemos cómo mover la textura 👆 👆 👆, así que... por cada movimiento (fotograma) de la textura primitiva 3D, duplica la capa primitiva 3D (1) y "rasteriza" el duplicado. luego puede insertarlo en la carpeta de animación (2) para que sirva como marco para la animación.

 

 

el movimiento a continuación se hizo aumentando la "relación de escala" (W) para que se viera más delgada mientras se aumentaba la "posición" (W) para hacer que la textura se moviera de izquierda a derecha.

otro efecto que puedes agregar a la animación es la sensación de una bola en aumento 👇, para hacer eso solo modifica la "escala del objeto" a medida que grabas los fotogramas o después escalándolos.

 

-hacer antes significa que también tendrás que escalar cualquier efecto adicional asociado con él

-mientras que después, lo escala junto con los efectos añadidos.

y al igual que la relación de escala de textura, la escala del objeto también se puede ajustar de manera desigual y cambiar la esfera en figuras elípticas. Esto será muy importante al animar la magia de las bolas de agua.

I.IV: Adición de detalles extra en los marcos. 🤞 😉 ✌

Ya debería quedar claro que lo anterior no es solo de la textura primitiva🤔. Para que la animación sea fácil de entender, echa un vistazo a las imágenes a continuación 👇

 

el primero es de nuestra rotación anterior.

el segundo, por otro lado, debería haberse hecho dibujando el núcleo y luego rotando dos o tres veces repetidamente para evitar que parezca estancado. (movimiento que se repite cada 2-3 fotogramas)

pero hice el mío apilando uno de los pinceles personalizados del conjunto de arriba que finalmente te da ese efecto.

el tercero es lo que dije que no hice arriba, es decir, rotar una imagen sobre los marcos.

-Para ello, dibuja la imagen y luego duplícala.

-mover al duplicado y luego transformarlo (atajo predeterminado ctrl+T)

-verifique la propiedad de la herramienta para "ángulo de rotación" y gire la imagen.

haga esto para fotogramas consecutivos para obtener la rotación.

 

NOTA* si duplica la primera imagen sobre la línea de tiempo, entonces la rotación sería algo así como 10-20-30... pero si duplica el cuadro anterior de la línea de tiempo, entonces debería usar valores como 10-10-10. ..

por supuesto, los modos de fusión de las carpetas de animación deben cambiarse adecuadamente al final.

la animación de arriba 👆 es usando los modos de fusión luz suave (1) y aligerar (2) en su carpeta de animación.

 

el de abajo 👇 es usando luz suave (1) y agrega brillo (2)

y aquí usé hue (1) y add (2)

para emular una bola en aumento, cree una nueva carpeta (1) y muévase a los marcos que desea escalar. combínelos desactivando todas las demás capas y usando 'combinar capa visible' para obtener la versión de una sola capa de la animación (2).

luego muévase a cada cuadro y use transformar (ctrl+T) para aumentar o reducir el tamaño.

I.V: Bola de agua y bola de rayos ✍ (◔◡◔)

No hay mucha diferencia entre animar agua y relámpagos usando el método anterior. Simplemente tome nota de sus diferentes propiedades y trabaje para emularlas con la configuración anterior.

Como puede ver, con cada elemento combinado obtenemos una animación fluida y vívida.

como se mencionó anteriormente, escalar la esfera de manera incorrecta le da una sensación completamente nueva a la animación.

Nota; se vuelve difícil seguir los valores a medida que se agregan más detalles a la esfera, puede superar eso simplemente registrando los valores para los marcos correspondientes a un lado. (ya sea en un programa de terceros o en una capa diferente)

II. Animación de agua que fluye ( ͡ಠ ʖ̯ ͡ಠ)

Aunque puede parecer un desafío animar la tira alrededor de la esfera de arriba, en realidad es solo un pequeño truco que utiliza reglas. Es posible que desee consultar el enlace a continuación si no sabe nada acerca de las reglas.

 

https://tips.clip-studio.com/en-us/articles/3453

 

entonces, lo primero que debe hacer es dibujar la forma/ruta del agua usando cualquier regla adecuada (utilicé la "regla curva") en una capa separada (1 👇) y haga clic derecho en "2" 👇 👇 para cambiar la visibilidad de la regla para "mostrar en todas las capas".

luego, en los marcos de su línea de tiempo y con su bolígrafo personalizado, dibuje el agua alrededor de la regla para cada cuadro mientras avanza un pequeño paso en el anillo. Por ejemplo,

-para el cuadro 1, comience y finalice en el punto 1

-para el cuadro 2, comience y finalice en el punto 2

-para el fotograma 3, comience y finalice en el punto 3... cuanto más cerca estén los puntos, más suave será el movimiento.

el último paso es usar el "pincel de selección" para seleccionar las áreas que normalmente aparecerían detrás de la esfera y luego borrarlas suavemente en cada cuadro.

¡Y voilá! (〜￣▽￣)〜(〜￣▽￣)〜