Projeto Comportamentos de animação em movimento

• Pode 4, 2024

Agora que importamos nosso Photoshop em camadas^R imagem em nosso movimento^R projeto, estamos prontos para criar uma animação de luzes piscando. Vamos desenhar alguns círculos coloridos que serão animados para piscar usando comportamentos de movimento.

Já temos um bom efeito Boken em nosso gráfico de plano de fundo, mas é estático. Seria bom adicionar uma animação sutil. Depois de testar o sistema de partículas Bokeh predefinido da Motion, decidi que a animação era demais. Então, decidi sobrepor alguns círculos coloridos, combinando com a cor da luz abaixo. Então, adicionando o Glow Filter, os comportamentos FadeIn / FadeOut e Grow / Shrink, temos uma bela animação sutil piscando.

1. Mova o Playhead para o início da Linha do tempo e renomeie a camada Grupo para 'Luzes'.
   
   
2. Com a camada Luzes selecionada, use a ferramenta Círculo para desenhar um círculo sobre uma das luzes Bokeh. Você obterá uma nova subcamada chamada Circle sob a camada Lights. Renomeie esta camada para 'Círculo 1'.
   
   Queremos que a luz pisque uma vez mais de 1 segundo na Linha do tempo.
   
   
3. Arraste a borda direita da camada do Círculo 1 para a esquerda na Linha do tempo até que ela termine no local de 1 segundo.
   
   Por padrão, o novo círculo é branco. Vamos mudar a cor para combinar com a luz por baixo.
   
   
4. Com a camada Círculo 1 ainda selecionada, vá para Inspetor - Forma e altere a cor do círculo para corresponder à cor da luz abaixo.
   
   
5. Para suavizar a borda do círculo, defina o parâmetro Feather como 5.0.
   
   Agora vamos adicionar o primeiro comportamento, que é o comportamento do FadeIn / FadeOut.
   
   
6. Com o Círculo 1 ainda selecionado, vá para Biblioteca - Comportamentos - Movimento básico - Fade In / Fade Out. Clique neste comportamento e, em seguida, clique no botão Aplicar. Você verá o comportamento FadeIn / FadeOut adicionado como uma sub-camada à camada do Círculo 1.
   
   Execute a animação e você verá o círculo entrando e saindo, como se a luz Bokeh estivesse piscando. Vamos adicionar outro comportamento à camada Circle 1. O comportamento Crescer / Encolher deve adicionar mais realismo à animação.
   
   
7. Com a camada Círculo 1 selecionada, vá para Biblioteca - Comportamentos - Movimento básico - Crescer / Encolher. Clique no botão Aplicar. Você deve ver a camada de comportamento Crescer / Encolher adicionada acima do primeiro comportamento.
   
   

Exemplo de tutorial:


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 é / é [a] marca registrada ou marca comercial da Adobe Systems Incorporated nos Estados Unidos e / ou em outros países.

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie e Mac são marcas comerciais da Apple Inc., registradas nos EUA e em outros países. CoffeBreakBlog é uma publicação independente e não foi autorizada, patrocinada ou aprovada pela Apple Inc. Capturas de tela usadas com permissão.

Instruções De Vídeo: Como animar objetos no Sketchup (Componentes dinâmicos) (Pode 2024).