Animação de filtros Flash na interpolação de movimento

• Pode 16, 2024

Neste ponto, temos uma bela chama de vela Flash^R animação. No entanto, o visualizador ainda pode notar a repetição na animação. Podemos consertar isso prolongando a interpolação. Além disso, adicionaremos um brilho ao fundo da vela e animaremos esse brilho.

Primeiro, adicionaremos mais quadros ao nosso Tween. Uma maneira de fazer isso é copiar os quadros de interpolação de uma camada e colá-los em outra camada. Você pode se perguntar como isso é diferente da animação repetida que temos agora. O truque é reverter os quadros de interpolação para a nova camada, para que a animação seja reproduzida ao contrário. Isso tornará mais difícil para o espectador reconhecer a repetição.

1. Clique no Quadro 1 da camada back_glow. Na barra de menus, clique em Editar linha do tempo Copiar quadros.

2. Adicione uma nova camada na parte superior da linha do tempo. A primeira interpolação termina no quadro 56 e queremos que essa interpolação comece imediatamente. Adicione um quadro-chave ao quadro 57.

3. Clique no Quadro 57 e clique em Editar, Linha do tempo, Colar quadros. O Flash duplicará a interpolação. Você notará que o nome da nova camada foi alterado para back_glow. Você pode adicionar um "2" ao nome para indicar que este é o segundo Tween.

4. Agora clique com o botão direito do mouse em Interpolação e escolha Reverse Keyframes.

Repita isso para as camadas flame_shape e flame_glow.

Agora podemos adicionar nosso brilho na parte inferior da vela. Temos uma camada vazia chamada bg que podemos usar para o brilho.

5. Renomeie a camada BG para bottom_glow. Defina a cor de preenchimento como # fe7705 e o traçado como nulo.

6. Com a ferramenta Oval, desenhe uma figura oval sob a vela. Converta o oval em um clipe de filme chamado "bottom_glow".

Para transformar o oval em brilho, adicionaremos um filtro de desfoque.

7. No painel Filtros, adicione um filtro de desfoque. Defina as configurações de Desfoque X e Y como 56px e Qualidade como Alta.

Um último toque é adicionar uma pequena sombra na parte inferior da vela.

8. Adicione uma nova camada logo acima da camada bottom_glow e chame-a de "sombra".

9. Defina a cor Preenchimento como # 000000 e desenhe um pequeno oval na parte inferior da vela.

10. Converta o oval em um clipe de filme chamado "sombra".

11. Adicione o filtro Blur a este clipe de filme. Defina o Desfoque X e Y como 16px e a Qualidade como Alta.

Adicione uma interpolação de movimento à camada bottom_glow. Agora podemos animar o clipe de filme bottom_glow. Usaremos os vãos de interpolação que acabamos de criar para a chama como um guia. Mova-se pela Linha do tempo, parando em cada quadro-chave na interpolação de chamas. Adicione um quadro-chave ao intervalo bottom_glow Tween. Altere o tamanho do clipe de filme bottom_glow em cada quadro-chave.

Uma etapa final é organizar um pouco na Biblioteca. Queremos todos os ativos para este candleFlame fla na pasta candleFlame Assets. Arraste os clipes de filme shadow e bottom_glow para esta pasta.

Direitos autorais 2018 Adobe Systems Incorporated. Todos os direitos reservados. As capturas de tela do produto Adobe foram impressas com permissão da Adobe Systems Incorporated. Adobe, Photoshop, Álbum do Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst e Flash Paper é / são marcas comerciais registradas ou marcas comerciais da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Instruções De Vídeo: Flash-Interpolação de forma (Pode 2024).