Animación de fuego simple | Tutorial de material de archivo

1,623 visitas

No es realmente un tutorial de material de archivo. Pero funciona un poco igual
Alt. Título; TUTORIAL SMOL FIRE USANDO CEPILLOS (ง ͠ ° ͟ل͜ ͡ °) ง

¡Hola! ¡Este Mana!

Este es solo un tema muy breve sobre cómo hacer una rápida animación de fuego "cuadro por cuadro" usando pinceles. Puede guardar esta animación como un archivo .CLIP y reutilizarla o importarla en sus escenas de animación; básicamente como si estuviéramos haciendo un metraje de archivo pero un archivo CLIP.

También vamos a hablar de un pequeño tema sobre las animaciones de deformación.

Usé Clip Studio Paint PRO para esto, puedes usar la versión EX, mucho mejor.
La versión de video está aquí:

https://youtu.be/y0OBxUH7RvE

Usé a Bryan e Ivy para la voz porque me enfermé

Esto está relacionado con mi otro tutorial; sobre las funciones de transformación.
Me gustó esta parte, así que quise elaborarla aún más.

El tutorial de FUNCIONES DE TRANSFORMACIÓN está aquí mismo:

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

¡Okey! ¡Empecemos! ♪ ~ ᕕ (ᐛ) ᕗ

DESCARGA DE ACTIVOS

Haremos una animación de fuego "fotograma a fotograma" realmente rápida y sencilla, por lo que utilizaremos un conjunto de pinceles.

Usaré este juego de pinceles de fuego para este tutorial:

https://assets.clip-studio.com/en-us/detail?id=1776025

El juego de cepillos es gratuito y fácil de usar.

Ahora abre tu Clip Studio Paint.
Puedes ver los pinceles que descargamos en la pestaña [Materiales].

Para transferir los pinceles a sus CEPILLOS Decorativos;
Haz clic y arrástralos a tu estante de decoraciones preferido.

PREPARA TU ANIMACIÓN

Ahora hagamos nuestro lienzo o nuestra secuencia de animación.
[CTRL + N] en su teclado; Puede elegir Ilustración o Animación; No importa.

• TAMAÑO: 1000 px x 1000 px
• RESOLUCIÓN: 200 DPI
• COLOR DEL PAPEL: Gris oscuro
* El color del papel es solo para el color de fondo, no es realmente necesario y lo eliminaremos una vez que hayamos terminado con la animación.

Este tamaño es solo por ejemplo, puede hacer uno más grande o más pequeño si lo desea.
Además, elimine la capa 1 que viene con la creación de un lienzo, no la necesitamos.

Ahora vayamos a nuestra línea de tiempo.
Si no puede ver su línea de tiempo, vaya a [Ventana]> [Línea de tiempo]

Ahora, en la línea de tiempo, haga clic en el icono [Nueva línea de tiempo]

• NOMBRE DE LA LÍNEA DE TIEMPO: Fire Anim_12FPS
• TASA DE CUADRO: 12
• TIEMPO DE REPRODUCCIÓN: 16
• Número de fotograma a partir de 0
• Interpolación de imágenes; Bordes lisos o bilineales

Haga clic en Aceptar cuando esté listo.

El inicio del número de fotogramas y las interpolaciones de imágenes son flexibles
Puede cambiarlos según sus preferencias.

BASE DE FUEGO

¡Okey! ¡Empecemos a animar!

En la línea de tiempo; haga clic en [NUEVA CARPETA DE ANIMACIÓN]> Cambie el nombre a FIRE BASE.
Asegúrate de estar en el primer fotograma de la carpeta FIRE BASE> haz clic en [NEW ANIMATION CELL]

Aparecerá un texto con el número 1 en la línea de tiempo de la carpeta de animación FIRE BASE.
Esa es tu primera celda

Ahora elija su color de primer plano como NARANJA; elija el mismo color para el fondo.
Ahora elija un juego de pinceles de fuego; ejemplo 4.

Ajusta el tamaño del pincel según tus preferencias y haz un simple trazo de pincel hacia arriba.
Y ahora tenemos nuestra primera celda de animación.

Ahora pase al siguiente cuadro; haga clic en [NUEVA CELDA DE ANIMACIÓN]> aparecerá un número 2, esa es nuestra Segunda Celda.

No podemos ver nuestra celda de animación anterior cuando estamos en 2, así que hagamos clic en [ACTIVAR PIEL DE CEBOLLA] para que podamos ver la posición de la celda anterior.

Ahora solo obtenga un Fire Brush diferente esta vez y otra vez, cepíllelo hacia arriba.

Continúe repitiendo estos pasos hasta que termine todas estas 16 celdas.

RESUMEN:
• Haga una nueva celda de animación cada fotograma cada vez.
• Siempre cambie los cepillos cada vez, rote el uso con estos cuatro cepillos.
• Recuerda que puedes combinar los pinceles.
• Asegúrese de hacer coincidir la posición inferior de las llamas
• Recuerde que puede inclinar sus pinceles para obtener ondas de trazos.

Cuando haya terminado, simplemente presione PLAY para ver la animación.

BRILLO INTERIOR

Ahora hagamos un resplandor interior.

Haz una [CARPETA DE ANIMACIÓN NUEVA]; asegúrese de que esté encima de la BASE DE FUEGO.
Cambie el nombre de la nueva carpeta de animación como INNER GLOW.

Ahora ve al primer fotograma> Haz clic en [NUEVA CELDA DE ANIMACIÓN]

Antes de hacer nada, haga clic de nuevo en la carpeta INNER GLOW> Cambie el modo de fusión de [Normal] a [Add Glow].

Ahora que comenzamos a animar, regresemos a la primera celda de la carpeta INNER GLOW.

Elija el cepillo de fuego que prefiera> Reduzca el tamaño; asegúrese de que sea más pequeño que FIRE BASE
NO cambie su color de primer plano> y simplemente haga un simple trazo hacia arriba en el medio de la BASE DE FUEGO.

Puede ver que el RESPLANDOR INTERNO se superpone al FUEGO.

Así que arreglemos eso, haga clic en la carpeta INNER GLOW nuevamente y haga clic en [Clip to Layer Below].
Y ahora todo el contenido de INNER GLOW estará dentro de FIRE BASE.

Ahora continuamos agregando más celdas de animación hasta completar las 16 celdas.

RESUMEN:
• Crea una [NUEVA CELDA DE ANIMACIÓN] en cada fotograma, cada vez
• Puede Habilitar piel de cebolla si desea una referencia para la posición anterior.
• Asegúrese de cambiar su Pincel de fuego en cada celda de animación.
•• ¡De nuevo! En el centro> Trace hacia arriba con un tamaño de Pincel PEQUEÑO.

Ahora cuando juegues eso.

BRILLO EXTERNO

Ahora hagamos un BRILLO EXTERIOR para completar este fuego.

Haga clic en su carpeta de animación FIRE BASE;
Ve a [Capa]> [Capa duplicada]

Cambie el nombre de la carpeta duplicada como OUTER GLOW.

Ahora vaya a la primera celda de animación de la carpeta OUTER GLOW.
Ve a [Filtro]> [Desenfocar]> [Desenfoque gaussiano]
Difumínalo alrededor del 40% o más.

Recuerde hacer esto para las otras 15 celdas de animación de la carpeta OUTER GLOW.

Ahora hacemos clic en la carpeta OUTER GLOW;
Haz clic y arrástralo a la parte superior de tu jerarquía.
Cambie el modo de fusión al modo de fusión más claro que desee; Fui a Add Glow.
Reduzca la opacidad a alrededor del 60%.

Cuando juegas eso, ahora tiene BRILLO EXTERIOR.

* CHISPAS

Esta parte es opcional. Pero el fuego tiene estas pequeñas chispas y tuvimos suerte con nuestros juegos de pinceles de fuego, porque el juego tiene algunos destellos.

Entonces, haz una NUEVA CARPETA DE ANIMACIÓN; Cambiarle el nombre a SPARKLES.
Puede poner esta nueva carpeta en la parte inferior de su animación o encima de INNER GLOW.

Ahora ve al marco de inicio> Haz clic en [NUEVA CELDA DE ANIMACIÓN]
Haga clic en sus pinceles brillantes.
Ajusta el tamaño si quieres.
Haz un trazo desde abajo hacia arriba.

Continúe haciéndolo durante las próximas 15 celdas.

✦ SUGERENCIA: Trate de no hacer demasiados destellos en una celda de animación.

Cuando haya terminado, puede cambiar el modo de fusión de la carpeta SPARKLES; Fui Screen.
También bajé la Opacidad al 50%.
Y cuando jugamos eso;

¡Está hecho! Tenemos nuestras imágenes de archivo ahora.

Asegúrese de eliminar su PAPEL o la capa de fondo.
Guarde su trabajo como un archivo .CLIP y etiquételo correctamente.

---------------------------------------
✦ TAMBIÉN PUEDE UTILIZAR PIEZAS DE ACCIÓN LITERAL.
Por ejemplo, puede utilizar archivos de película.

Puede exportar la animación a una PELÍCULA o GIF
Solo quería usar CLIP en este tutorial.

Ejemplo de uso: importación en escena

Por ejemplo, tenemos una escena de esta Vela y debería haber un fuego sobre ella.

https://assets.clip-studio.com/en-us/detail?id=1827300

Para poner nuestra animación de fuego;
Vaya a [Archivo]> [Importar]> [Crear objeto de archivo]
Busque nuestro archivo CLIP de animación de fuego.

Cuando tengamos nuestra animación FIRE en escena.
Puede ajustar el fuego usando la [Herramienta de operación] o [MOVER HERRAMIENTA]

Podemos empezar a arreglar nuestra línea de tiempo.
Haga una [Nueva línea de tiempo]> Configure el FPS de la misma manera con la Animación de fuego; que es 12 FPS.

Y cuando jugamos eso, ¡todavía se mueve!

Ejemplo de uso: Transformar | Edición

Si desea editar el tamaño o el ángulo de este archivo CLIP de animación de fuego, también podemos hacerlo.

Asegúrate de estar en [Operation Tool]> [Object Sub Tool]> en la [Tool Property]

Busque [MODO] y cámbielo a Transformación libre o Escalar / Girar.
Y en [Ajustar posición]; asegúrate de estar en posición libre

Y luego simplemente agarre las manijas de la Caja delimitadora o la Caja de transformación y su fuego se deformará

Y cuando presionamos Reproducir, todavía se mueve.

Ejemplo de uso: colorear | Cambio de sombra

Puede cambiar el modo de fusión de la animación de fuego; Voy a aclarar por la mezcla que hace en la parte inferior.

Dado que estamos usando una vela por ejemplo, las llamas de las velas son azules en la parte inferior, por lo que debemos hacer que el extremo inferior de este azul fuego

Entonces, primero, cree una Nueva capa ráster o CTRL SHIFT N en su teclado; cambiarle el nombre a AZUL
- Asegúrese de que esta capa AZUL esté SOBRE su archivo CLIP de animación de fuego

Ahora consiga su herramienta para colorear; ya sea una herramienta de pincel o degradado; Fui gradiente.
- Elija Primer plano a Transparencia; cambiar el color de primer plano a azul
- Y solo haz un pequeño trazo degradado en la parte inferior del fuego hasta la mitad

Asegúrese de recortar la capa AZUL a la capa debajo, que es el archivo Fire CLIP
- Puedes cambiar el modo de fusión de la capa AZUL si quieres, yo me quedo en NORMAL.
- Sin embargo, bajé la Opacidad al 90%.
- Terminé yendo a Tono y saturación o CTRL U para poder obtener un tono de azul más profundo porque soy malo eligiendo colores.

Y cuando juegas eso, todavía se mueve, pero ahora, ¡hay un color AZUL en la parte inferior!
- Si el color es demasiado fuerte, use una Herramienta de fusión o Desenfoque para disminuir la nitidez del color del borde.

También puede agregar algunos colores más si lo desea.
- agregué un pequeño rosa en la parte superior

✦ SUGERENCIA: también puede usar una capa de corrección si no desea que una capa ráster cambie el color o edite su color de fuego.

Ejemplo de uso: mezclarlo con el entorno

Es posible que se pregunte qué quise decir con esto, ya que no hay un entorno en este ejemplo; lo que quise decir aquí es agregar BACKGROUND GLOW o, en este caso, Fire Glow.

Te enseñaré una simple animación de fotogramas clave parpadeantes.

En la parte inferior de su archivo CLIP de animación de fuego; haga una Nueva capa ráster o CTRL Shift N en su teclado, cámbiele el nombre a Fire Glow

Elija su color o el mismo color que su fuego
- Obtenga su herramienta de degradado y simplemente haga un degradado redondo en la parte posterior de la animación de fuego
- Obtenga su herramienta de fusión o desenfoque y extienda el resplandor de fuego

* Esto es solo por ejemplo, puede usar un pincel para hacer Resplandores de fondo para que también pueda hacer formas complicadas.

Recuerda que puedes usar Tono y Saturación o CTRL U para cambiar el color del fuego.

¡AHORA NOSOTROS ANIMAMOS!

¡Asegúrate de estar en tu línea de tiempo ahora!
Asegúrese de que Fire Glow Layer esté seleccionado.

Ve al primer fotograma.
Pulse HABILITAR KEYFRAME EN ESTA CAPA
- "Transformar" aparecerá en el nombre de la capa

Ahora vamos a [Operation Tool]> [Object Sub Tool]

En [Propiedad de herramienta]> Busque [Opacidad de capa]
- Ponga un fotograma clave en la opacidad de la capa (déjelo al 100%) para el fotograma 0, 4, 8, 12 y 15
- Tome el último fotograma clave y arrástrelo al final de la línea de tiempo, haciendo un medio diamante

Ahora hacemos entre fotogramas clave.
- En el fotograma 14, agregue un fotograma clave en la opacidad de la capa - cambie el valor al 80%
- Haga lo mismo con los fotogramas 10, 6 y segundo.

Y ahora pulsamos PLAY. La Luz ahora está parpadeando.

✦ SUGERENCIA:
Al hacer colores de fondo o atmósfera, cuanto más oscuro, mejor
- Para que el Fuego sea más visible.
- Aún así, eso dependerá de tu escena.

Ejemplo: en una escena complicada

Este es solo un ejemplo del mismo archivo CLIP de animación de fuego
Usando los mismos pasos de uso de ejemplo anteriores.

Solía:
• Transformar; hizo el fuego más grande
• Coloreó el fuego; lo hizo rojo / rosa (no puedo decirlo, lo siento)
• Agrega resplandores de fondo; en los marcos, la ropa y las grietas.

Por cierto, solo una pequeña cosa.

SI QUIERES ALEATORIZAR LA ANIMACIÓN EN LA MISMA ANIMACIÓN DE FUEGO.
Haga clic derecho en la línea de tiempo de animación de fuego> Dividir clip.
- Divide eso tantas veces como quieras
- Luego reorganízalas al azar

✦ SUGERENCIA: Mantenga el tamaño o secuencia de su animación en 1920 x 1080 como máximo

......

Y eso es.
¡Espero que sea de ayuda!

Usé a Bryan e Ivy para la voz porque me enfermé. (゚ ヮ ゚)

No puedo dar ningún archivo CLIP, por ejemplo, para que lo sigan, principalmente porque el archivo CLIP de animación son pinceles que no son míos y no quiero meterme en problemas.
Espero que los pasos sean comprensibles.

Mis obras estan en

https://puto1057.deviantart.com

- La mayoría de mis dibujos están ahí.
Excepto por las animaciones


¡Mantente seguro, usa mascarilla, lávate las manos!
¡Salud!

Comentario

Artículos relacionados

Nuevo

Últimas publicaciones en Oficial