Animación de filtros Flash en Tween Motion

• Abril 18, 2024

En este punto, tenemos una bonita llama de vela Flash^R animación. Sin embargo, el espectador aún puede notar la repetición en la animación. Podemos arreglar esto alargando el Tween. Además, agregaremos un brillo al fondo de la vela y animaremos ese brillo.

Primero agregaremos más cuadros a nuestro Tween. Una forma de hacerlo es copiar los fotogramas Tween de una capa y pegarlos en otra capa. Puede preguntarse cómo es esto diferente de la animación de repetición que tenemos ahora. El truco consiste en revertir los fotogramas Tween para la nueva capa para que la animación se reproduzca en reversa. Esto hará que sea más difícil para el espectador reconocer la repetición.

1. Haga clic en el Marco 1 de la capa back_glow. Desde la barra de menú, haga clic en Editar � Línea de tiempo � Copiar marcos.

2. Agregue una nueva capa en la parte superior de la Línea de tiempo. El primer Tween termina en el Marco 56 y queremos que este Tween comience de inmediato. Agregue un fotograma clave al fotograma 57.

3. Haga clic en el Marco 57 y haga clic en Editar � Línea de tiempo � Pegar marcos. Flash duplicará la interpolación. Notará que el nombre de la nueva capa ha cambiado a back_glow. Es posible que desee agregar un "2" al nombre para indicar que esta es la segunda interpolación.

4. Ahora haga clic derecho en la Interpolación y elija Invertir fotogramas clave.

Repita esto para las capas flame_shape y flame_glow.

Ahora podemos agregar nuestro brillo en la parte inferior de la vela. Tenemos una capa vacía llamada bg que podemos usar para el brillo.

5. Cambie el nombre de la capa bg a bottom_glow. Establezca el color de Relleno en # fe7705 y el Trazo en nulo.

6. Con la herramienta Óvalo, dibuje un óvalo debajo de la vela. Convierta el óvalo en un clip de película llamado "bottom_glow".

Para convertir el óvalo en un resplandor, agregaremos un filtro de desenfoque.

7. En el panel Filtros, agregue un filtro Desenfocar. Establezca la configuración de Blur X e Y en 56px y la Calidad en Alta.

Un último toque es agregar una pequeña sombra en la parte inferior de la vela.

8. Agregue una nueva capa justo encima de la capa bottom_glow y asígnele el nombre "sombra".

9. Establezca el color de Relleno en # 000000 y dibuje un pequeño óvalo en la parte inferior de la vela.

10. Convierta el óvalo en un clip de película llamado "sombra".

11. Agregue el filtro Desenfocar a este clip de película. Establezca Blur X e Y en 16px y Quality en High.

Agregue un Tween de movimiento a la capa bottom_glow. Ahora podemos animar el clip de película bottom_glow. Utilizaremos los tramos Tween que acabamos de crear para la llama como guía. Muévase a lo largo de la línea de tiempo deteniéndose en cada fotograma clave en la interpolación de llamas. Agregue un fotograma clave al intervalo Tween de bottom_glow. Cambie el tamaño del clip de película bottom_glow en cada fotograma clave.

Un último paso es organizar un poco en la Biblioteca. Queremos todos los activos para este flame de flameFlame en la carpeta Assets de flameFlame. Arrastre los clips de película shadow y bottom_glow a esta carpeta.

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: Animación Flash - Interpolación de Movimiento y aplicación de filtros (Abril 2024).