Animação Photoshop - Texto e linha do tempo

• Pode 8, 2024

Neste tutorial do Photoshop, adicionaremos o texto do espaço reservado ao nosso modelo de capa de vídeo do Facebook. Este texto será o nome da empresa, o tipo de empresa, o slogan, os serviços prestados pela empresa do seu cliente e um plano de ação. Abra o arquivo do seu projeto no Photoshop.

Adicione texto

Adicionaremos as duas primeiras camadas de texto, alinhando cada linha de texto a cerca de 110 pixels da borda esquerda da tela. Isso deve garantir que o texto esteja dentro da zona segura de 640 x 360 pixels (veja a captura de tela) no smartphone. Vamos adicionar o nome da empresa em uma camada e o tipo de empresa em uma segunda camada. Vamos colocar as duas camadas de texto em um novo grupo de camadas que conterá todas as nossas camadas de texto (veja a captura de tela).

1. Clique no ícone Novo grupo na parte inferior do painel Camadas e nomeie esse grupo Texto.
   
   
2. Selecione a ferramenta Tipo horizontal e escolha uma cor personalizada para o seu texto. Escolha a fonte e defina o tamanho da fonte para 24 pts.
   
   
3. Desenhe uma caixa de texto iniciando cerca de 110 pixels da esquerda e 90 pixels da parte superior da tela para iniciar sua primeira camada de texto e digite Nome da empresa (veja a captura de tela). Este texto de espaço reservado será substituído pelo nome comercial do seu cliente.
   
   
4. Caso o nome comercial do cliente seja longo, vamos tornar a caixa de texto um pouco mais larga. Arraste a borda direita da caixa de texto até o centro da tela.
   
   
5. Repita as etapas anteriores para adicionar uma segunda camada de texto abaixo da primeira. Tipo Tipo de negócios como o texto do espaço reservado.
   
   Essas duas linhas de texto serão usadas na primeira parte do vídeo. Agora vamos adicionar o texto que será exibido na última parte do vídeo (veja a captura de tela). Este texto listará o slogan, o tipo de serviços oferecidos pela empresa e um plano de ação. Como esse texto aparecerá na mesma posição das duas primeiras linhas de texto, vamos desativar a visibilidade das duas primeiras camadas de texto, clicando no ícone Olho no painel Camadas.
   
   Para a linha superior do texto, vamos adicionar um slogan como Seu Tagline Aqui.
   
   
6. Com o Tamanho da fonte ainda definido como 24 pts, adicione o slogan na mesma posição em que você adicionou o nome da empresa.
   
   Para a lista de serviços, vamos reduzir o tamanho da fonte para 18 pts. Também recuaremos essas linhas de texto com cerca de 20 pixels.
   
   
7. Adicione quatro camadas de texto, cada uma com o nome Serviço ou produto #. Lembre-se de que este é apenas texto de espaço reservado e será substituído.
   
   Serviço ou produto 1
   Serviço ou produto 2
   Serviço ou produto 3
   Serviço ou produto 4
   
   Por fim, adicionaremos a chamada à ação. Pode ser um número de telefone, URL do site ou apenas um simples Visite o nosso site.
   
   
8. Aumente o Tamanho da fonte de volta para 24pts e digite a chamada à ação cerca de 110 a partir da borda esquerda da tela.
   
   O painel Linha do tempo
   
   Vamos abrir o painel Linha do tempo. Muitos tutoriais sugerem que você mude para a área de trabalho do Motion, mas eu prefiro permanecer na área de trabalho do Essentials e apenas abrir o painel Linha de tempo. Se o painel Linha do tempo não estiver visível, clique em Janela - Linha do tempo. Você deve ver um painel vazio da Linha do tempo.
   
   
9. No painel Linha de tempo (veja a captura de tela), defina o botão do menu central como Criar linha do tempo do vídeo e clique no botão de menu.
   
   Você verá as faixas no painel Linha de tempo das camadas de texto e gráfico do espaço reservado. Por padrão, a duração total do vídeo é de apenas 5 segundos. A capa do vídeo do Facebook deve ser de 20 a 90 segundos. Então, precisamos expandir as duas faixas inferiores para 20 segundos (veja a captura de tela).
   
   
10. Clique na borda direita da trilha inferior e arraste a borda para 20 segundos na Linha do tempo. Observe a janela da ponta flutuante, que mostra o fim e a duração da faixa.
    
    
11. Repita o passo anterior para a segunda faixa.
    
    

Salve seu trabalho. No próximo tutorial, começaremos a animar os elementos de design.

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 Criar Vídeo no Photoshop (Timeline Photoshop) (Pode 2024).