Crear animación de fuente con Flash

Flash es un software de animación 2D que se puede usar en diferentes sistemas operativos como MacOS, Windows, Linux, etc. Se lanzó por primera vez en 1996 y la última versión se lanzó en 2021. Es capaz de diferentes funcionalidades como enmascaramiento, rastreo de caracteres, sincronización de labios, interpolación de movimiento y forma, animaciones cuadro por cuadro, etc. proporcionan animaciones de alta calidad.

Animación de fuente

Animar una fuente implica animar el agua que sale del grifo. Existen diferentes métodos para hacerlo, pero usaremos un método sencillo para hacer que salga agua del grifo. Para esto necesitaremos una imagen de la fuente, puedes tomar la imagen de internet o puedes hacer la fuente en flash.

Siga los pasos a continuación para animar una fuente de agua.

Paso 1: Abra un nuevo proyecto en Flash.

Open-New-project

Paso 2: Importe una imagen de fuente en el escenario, use imágenes libres de derechos de autor. Aquí usando una imagen antigua dibujada en el propio Flash.

Import-Fountain-Image

Paso 3: ahora agregue una nueva capa usando el botón Agregar nueva capa en la línea de tiempo.

Add-a-new-layer

Paso 4: en esta capa, dibuje un círculo usando la herramienta Óvalo de la barra de herramientas.

draw-a-circle-using-oval-tool

Paso 5: Convierta el círculo en un símbolo haciendo clic derecho sobre él y eligiendo convertir en símbolo de la lista que aparece.

Convert-circle-to-symbol

Paso 6: Aparecerá la siguiente pantalla, elija Gráfico como tipo y haga clic en Aceptar.

Choose-symbol-type

Paso 7: Vuelva a crear el símbolo de la misma figura porque usaremos este símbolo para animar otros símbolos.

Create-another-symbol

Paso 8: ahora haga un duplicado del círculo presionando la tecla Alt y arrastrando el círculo en la pantalla.

Create-duplicate-circle

Paso 9: use la herramienta de transformación gratuita para aplastar el círculo y colocarlo sobre el grifo de la fuente.

Change-shape-of-circle-using-transform-tool

Paso 10: ahora haga doble clic en el primer círculo para entrar en él y vaya al cuadro 50 e inserte un cuadro clave.

Insert-a-new-keyframe

Paso 11: ahora haga clic derecho en cualquier cuadro, aparecerá una lista, así que haga clic en la opción Crear interpolación de movimiento.

Create-motion-tween

Paso 12: después de aplicar la interpolación de movimiento, vaya al panel de propiedades y establezca la dirección de rotación en sentido contrario a las agujas del reloj (CCW).

Set-rotation-direction

Paso 13: seleccione la herramienta de borrador y comience a borrar la línea exterior del círculo. Todos los cambios también son visibles en el segundo círculo porque ese es el símbolo.

Use-Eraser-tool

Paso 14: Ahora haga ajustes para formar una forma de anillo de agua.

Change-shape-to-water-ring

Paso 15: Ahora haga doble clic para salir del símbolo y seleccione el marco 50 e inserte un marco.

Insert-a-new-frame

Paso 16: Agregue una nueva capa usando el botón Agregar nueva capa en la línea de tiempo.

Add-a-new-layer

Paso 17: Dibuja un rectángulo en esta capa y cambia su opacidad usando la propiedad Alpha en el panel de color.

Change-opacity-using-alpha-property

Paso 18: Usaremos esta capa para enmascarar, así que cubra la parte completa.

Perform-masking-using-layer

Paso 19: Ahora seleccione la capa y haga clic derecho sobre ella aparecerá una lista, haga clic en la opción Máscara.

Right-click-to-choose-mask-option

Paso 20: ahora haga clic en el botón Ejecutar, la animación de la fuente está lista.

Click-Run-to-see-fountatin-animation

Paso 21: Haz otro duplicado del círculo y colócalo del otro lado.

Make-duplicate-for-other-side

Felicitaciones, su animación de fuente está lista, presione Ctrl + Enter .

Aquí está el video de salida de Fountain Animation.

Publicación traducida automáticamente

Artículo escrito por lastbitcoder y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *