Animação Photoshop - Animação de gráficos

• Pode 4, 2024

Neste tutorial do Photoshop, continuaremos criando a animação para o nosso modelo de capa de vídeo do Facebook. Vamos animar uma segunda fotografia na tela.

Neste ponto, temos a primeira fotografia na tela, bem como duas linhas de texto. Na cena 2, moveremos uma segunda fotografia para a tela. Como esta imagem estará em uma camada acima da primeira fotografia, ela cobrirá a primeira foto completamente.

Depois que a primeira foto é coberta, não precisamos mais dela. Portanto, recortaremos a faixa desta fotografia e, portanto, removeremos a foto da tela. Para finalizar esta cena, vamos esmaecer o texto, em preparação para o segundo grupo de texto esmaecer.

Cena 2 Quadro a quadro

Código de tempo (0: 00: 05: 00) Aos cinco segundos na Linha do tempo, o segundo gráfico de espaço reservado deslizará para a tela. (duração: 0,5 seg)

Código de tempo (0: 00: 07: 00) Aos sete segundos na Linha do tempo, as duas linhas de texto desaparecem. (duração: 0,5 seg)

Abra seu projeto no Photoshop e vá para a Linha do tempo. Como você pode ver, o segundo gráfico de espaço reservado está na camada acima do primeiro gráfico. Nesse ponto, o trato estende toda a duração da linha do tempo. Mas não precisamos dessa imagem visível até cinco segundos na Linha do tempo. Então, vamos aparar a faixa no Timecode (0: 00: 05: 00). Essa será a posição inicial do slide na animação.

1. Se necessário, ative a visibilidade do [Imagem de fundo aqui - 2] camada no painel Camadas.
   
   
2. Mova o Playhead para o Código de tempo 0: 00: 05: 00 (veja a captura de tela).
   
   
3. Clique na borda esquerda da faixa gráfica do espaço reservado e arraste para a direita por cinco segundos na Linha do tempo.
   
   Precisamos mover a foto completamente para fora da borda direita da tela. Essa será a posição inicial para animar a foto na tela (veja a captura de tela).
   
   
4. Para mover o gráfico para a posição inicial da animação, selecione a camada, clique em Editar - Transformação livre e arraste o gráfico até que fique completamente fora da tela.
   
   
5. Expandir o [Imagem de fundo aqui - 2] camada e clique no cronômetro para a propriedade Transform para definir o quadro-chave da posição inicial (consulte a captura de tela).
   
   Agora vamos animar o segundo gráfico de volta para a tela.
   
   
6. Mova o Playhead para o Código de tempo 0: 00: 05: 15. Mova o gráfico de volta para a tela, correspondendo às bordas direitas.
   
   Você deve ver o segundo quadro-chave adicionado à propriedade Transform.
   
   
7. Finalmente, vamos encurtar a duração da faixa do original [Imagem de fundo aqui] camada inferior. Arraste a borda direita da faixa para Timecode 0: 00: 07: 00.
   
   Ok, agora vamos desaparecer o texto. Nesse ponto, as camadas de texto ainda terminam nos cinco segundos padrão. Nosso primeiro passo é expandir as faixas.
   
   
8. Mova o Playhead para Timecode (0: 00: 07: 15), que é o fim da animação de desaparecimento gradual (veja a captura de tela).
   
   
9. Arraste a borda direita de cada faixa de texto para expandir as faixas para Timecode (0: 00: 07: 15).
   
   Este será o quadro final da animação de desaparecimento gradual. Mas primeiro precisamos definir o quadro inicial.
   
   
10. Mova o Playhead para Timecode (0: 00: 07: 00).
    
    
11. Abra a lista Propriedades para o Nome da empresa e Tipo de negócios camadas de texto.
    
    
12. Para as duas camadas de texto, clique no ícone Cronômetro da propriedade Opacidade, para definir a opacidade inicial da animação, que neste momento é 100% (veja a captura de tela).
    
    
13. Mova o Playhead de volta para Timecode (0: 00: 07: 15) e reduza a Opacidade das duas camadas de texto no painel Camadas para 0%.
    
    Você deve ver os dois quadros-chave finais adicionados à Linha do tempo (veja a captura de tela).
    
    

Teste sua animação e salve seu arquivo.

Voltar | Próximo

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 é / 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: Criando Storie Animada com Photoshop (Pode 2024).