Você provavelmente já viu terços inferiores em quase todos os vídeos do YouTube que assistiu, aqueles banners pedindo para você se inscrever ou seguir suas redes sociais ou adicionar curiosidades sobre o vídeo.
Os terços inferiores são fáceis de criar e adicionam um ar de profissionalismo a qualquer vídeo quando bem feitos. Neste tutorial, mostramos como criar um terceiro gráfico simples e como animá-lo no Adobe After Effects.
O que é um terço inferior?
Os terços inferiores são vários gráficos que aparecem no terço inferior da tela de vídeo em vídeos e na televisão. Eles não precisam ocupar todo o terço inferior do espaço, mas qualquer gráfico que apareça nesta seção inferior se qualifica como um terço inferior.
Os terços inferiores podem ser legendas, banners informativos, logotipos ou mensagens interativas. Normalmente, ele fornece informações ao espectador, mas também pode ser um valor de entretenimento. Se você não quiser fazer um terceiro gráfico inferior no After Effects, você pode encontre elementos gráficos animados usando Jitter.
Como criar um terço inferior no After Effects
Comece criando uma nova composição. Vamos para Composição > Nova composição e defina o tamanho do vídeo; o padrão é 1920 x 1080 px. Clique OK quando você acabar.
Ative a transparência clicando Alternar grade de transparência no painel de composição. Como o terço inferior se sobrepõe às imagens de vídeo, ele precisa ser renderizado com um plano de fundo transparente para que a filmagem fique visível, mas você pode desenhar com um fundo colorido e alternar a transparência posteriormente.
Vamos para Camada > Novo > Sólido para adicionar uma cor sólida. Escolha uma cor para o terceiro gráfico inferior. Clique OK. Toda a sua composição terá uma cor sólida que também aparecerá como uma camada na linha do tempo. Você pode alterar a cor deste gráfico a qualquer momento selecionando o gráfico e indo para Camada > Configurações sólidas.
Clique e arraste os cantos para redimensionar a cor sólida para um tamanho mais adequado. Quando estiver do tamanho de um gráfico de banner, mova-o para - você adivinhou - o terço inferior da tela.
Ligue o Título/Ação Seguro guias pressionando o apóstrofo em seu teclado (‘) que ajuda você a alinhar seu terço inferior, para que não seja cortado. Ele não precisa ser centralizado, portanto, coloque-o onde preferir na seção inferior da sua composição, mas mantenha-o longe das diretrizes de segurança.
Como animar um terço inferior no After Effects
Um terço inferior precisa ser animado para fazer uma transição suave para dentro e para fora do quadro. Na linha do tempo, abra as propriedades da camada sólida e abra Transformar. Nós vamos usar o Posição opção para animar o terceiro banner inferior dentro e fora da tela. Deve ser uma transição relativamente simples para não distrair o espectador do restante do conteúdo do vídeo.
Mova o indicador de tempo para 00:02s e selecione o Cronômetro ao lado de Posição para ativar os quadros-chave de posição. Trabalhando para trás, isso adiciona um novo quadro-chave na linha do tempo para indicar a posição final do gráfico.
Em seguida, mova o indicador de tempo de volta para 00:00s e mude o Eixo X ao lado de Posição, ou você pode clicar e arrastar o gráfico para fora do quadro. Mova seu terço inferior totalmente fora do quadro para onde você deseja que o gráfico entre.
Agora você tem dois quadros-chave na linha do tempo. Realce os quadros-chave clicando e arrastando sobre eles para selecionar ambos de uma vez. Então clique Editor de gráfico no topo da linha do tempo. Isso fornece uma representação visual de como os quadros-chave movem sua animação.
No gráfico, destaque os quadros-chave para os quais deseja alterar as configurações. À direita, abaixo da linha do tempo, você encontrará opções de como os movimentos reagem. Aqui você encontrará Facilidade Fácil. Easy Ease adiciona uma curva sutil em cada movimento, para que não seja tão abrupto. Um quadro-chave Easy Ease muda para uma ampulheta na linha do tempo.
Você também pode clicar com o botão direito do mouse em um quadro-chave e escolher Velocidade do quadro-chave. Aqui, você pode inserir valores para a velocidade de entrada e de saída. Uma entrada de 80 e uma entrada de saída de 20 trará o gráfico rapidamente, mas o resolverá lentamente.
Para visualizar as alterações do quadro-chave, mova o indicador de tempo para 00:00s e pressione Barra de espaço para iniciar e parar a reprodução. Depois de definir seus quadros-chave de entrada, selecione-os todos. Copie os quadros-chave—Ctrl + C (Windows) ou Cmd + C (Mac)—e cole-os alguns segundos depois em sua linha do tempo—Ctrl + V (Windows) ou Cmd + V (Mac).
Reorganize os quadros-chave colados para que fiquem na ordem inversa da ordem original. Isso cria movimentos de saída para o terço inferior no sentido oposto, de modo que o banner se move para fora da tela em vez de entrar.
Adicione detalhes ao seu terço inferior
Muitos vloggers do YouTube usam um terceiro gráfico inferior para incentivar as pessoas a se inscreverem em seus canais ou seguirem seus identificadores de mídia social. Então vamos fazer isso.
Selecione os Ferramenta Tipo—Ctrl + T (Windows) ou Cmd + T (Mac)—e digite seus identificadores de mídia social. Se ainda não estiver aberto, vá para Janela > Personagem para abrir o Personagem painel. Em seguida, realce o texto para alterar o tipo de letra, a cor ou o tamanho.
Depois que seu texto estiver formatado como você gosta, use o Ferramenta de Seleção (V) para arrastar o texto sobre a cor sólida. Posicione-o como quiser; não precisa ser centralizado se esse não for seu estilo.
Como você já definiu a animação Posição para a cor sólida, pode anexar facilmente o texto para mover com as mesmas atribuições.
Se você quiser que o texto fique no topo do bloco de cores e faça a transição com ele, altere o plano de fundo pai do texto para a camada de cor sólida. Isso mantém o texto e a cor sólida como camadas separadas, mas os agrupa para fins de animação. Você não precisa adicionar quadros-chave à camada de texto.
Também vamos usar o Faixa fosca característica. Clique com o botão direito Nome da fonte acima das camadas e escolha Colunas > Modos.
Na camada de cor sólida, clique em Faixa fosca. Você pode escolher qualquer uma das opções para vários efeitos, mas vamos com Alfa invertido fosco. Isso inverte a cor do texto, o que, se você estiver usando um plano de fundo transparente, significa que o texto é transparente. Imprensa Barra de espaço para visualizar o novo efeito. Você pode fazer um semelhante animação de texto mascarado usando o Canva.
Selecione a camada de cor sólida e copie e cole (Ctrl + C e Ctrl + V para Windows ou Cmd + C e Cmd + V para Mac). Selecione a camada de cor inferior e vá para Camada > Configurações sólidas para alterar a cor para uma cor de destaque. Mude o Track Matte para Sem faixa fosca nesta camada.
Você pode adicionar outros elementos ao terço inferior da mesma maneira, ou pode deixá-lo como está. Você também pode importar gráficos do Illustrator para animar no After Effects ou ir a milha extra e sincronize seu terço inferior para reagir a uma faixa de áudio para excitação visual.
Renderize sua animação com um fundo transparente e adicione-a como uma camada ao editar qualquer vídeo em que deseja usá-la.
Crie um terceiro gráfico profissional inferior com o After Effects
Criar um terceiro gráfico inferior é mais simples do que você imagina. Começou com um retângulo de cor e, se você seguiu este tutorial, agora tem um banner animado legal para adicionar aos seus vídeos no After Effects.