Animação Photoshop - Animação de texto

• Pode 2, 2024

Neste tutorial do Photoshop, começaremos a animar os elementos de design em nosso modelo de capa de vídeo do Facebook. Cada elemento está em sua própria camada, para que possamos controlá-los individualmente.

Como você pode ver neste momento, temos duas camadas gráficas de espaço reservado na parte inferior e oito camadas de texto de espaço reservado (veja a captura de tela). Já expandimos as camadas gráficas para a duração total (20 segundos) do vídeo, mas as camadas de texto ainda estão definidas para os cinco segundos padrão (veja a captura de tela). Por enquanto, tudo bem, pois moveremos essas faixas pela Linha do tempo, conforme necessário. Por enquanto, vamos desativar a visibilidade (ícone Olho no painel Camadas) de todas as camadas, exceto a camada inferior.

Cena 1 Quadro a quadro

Código de tempo (0: 00: 00: 00) Quadro 1: O vídeo começará com o gráfico de plano de fundo inferior visível.

Código de tempo (0: 00: 01: 00) Quadro 30: um segundo (30 quadros) após o início do vídeo, o Nome da empresa o texto desaparecerá na tela. (duração: 0,5 seg)

Código de tempo (0: 00: 02: 00) Quadro 60: dois segundos após o início do vídeo, o Tipo de negócios o texto desaparecerá. (duração: 0,5 seg)

Faremos tudo isso no painel Linha do tempo.

No painel Linha de tempo, cada camada de texto tem suas próprias propriedades que podemos animar.


1. Expanda a camada Grupo de texto no painel Linha do tempo para exibir todas as camadas de texto (consulte a captura de tela).
   
   
2. Mova o Playhead para o Timecode (0: 00: 01: 00) e arraste a borda esquerda de cada camada de texto para o Playhead. Isso tornará as camadas de texto invisíveis até o Timecode (0: 00: 01: 00).
   
   
3. Expandir o Nome da empresa camada de texto para mostrar a lista de propriedades. Com o Playhead no código de tempo (0: 00: 01: 00), clique no ícone Cronômetro da propriedade Opacidade.
   
   Você deve ver (ver captura de tela) um pequeno quadro-chave amarelo adicionado à propriedade Opacity. Isso define o início desta animação da camada de texto.
   
   
4. Mova os quadros do Playhead 15 para a direita. Código de tempo (0: 00: 01: 15)
   
   
5. Com apenas o Nome da empresa camada selecionada, clique no pequeno triângulo da propriedade Opacidade na lista de propriedades para adicionar um segundo quadro-chave.
   
   Agora você deve ter dois quadros-chave na propriedade Opacidade.
   
   Nesse momento, o texto ainda está visível nos dois locais do quadro-chave. Vamos ocultar o texto no primeiro quadro desse desbotamento na animação.
   
   
6. Mova o Playhead de volta para o quadro inicial. Agora vá para o painel Camada e reduza a Opacidade da camada para 0%.
   
   Nossa última tarefa é animar o Tipo de negócios texto.
   
   
7. Mova o Playhead para a marca de dois segundos no Time Ruler (02:00) ou Timecode (0: 00: 02: 00). Arraste a borda esquerda desta faixa para o Playhead.
   
   
8. Selecione os Tipo de negócios texto e expanda para ver as propriedades. Repita as etapas anteriores para adicionar os dois quadros-chave e reduzir a opacidade para 0% no primeiro quadro-chave.
   
   

Mova o Playhead de volta ao início da Linha do tempo e clique no botão Reproduzir para testar a animação. Salve seu trabalho.

No próximo tutorial, usaremos a propriedade Transform para animar o segundo gráfico de espaço reservado.

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: Como fazer uma animação no photoshop (Pode 2024).