Primeiras aulas do curso After Effects: Animando Lower Third

After Effects: Animando Lower Third

After Effects, vamos começar?! - Boas Vindas!

Sou Marcos Cropalato, Adobe certified expert em After Effects, Photoshop e Premiere.

Iniciamos a primeira aula da série de cursos voltados para After Effects. Nosso objetivo é entender o fundamento das ferramentas, juntamente com o desenvolvimento do lower third. Analisaremos a todo o momento como o After Effect apresenta suas camadas, como as propriedades precisam ser trabalhadas para que tenhamos um bom resultado estético e, por consequência, bons processos de animação.

Trabalharemos na animação desde suas etapas iniciais,ou seja, do zero, para que sejam esclarecidos todos os processos de criação. Ao final, veremos de que forma o lower third pode ser aplicado do Adobe Premiere.

Espero que todos gostem do curso, qualquer dúvida utilizem o fórum ou me escrevam via Twitter @marcoscropalato.

After Effects, vamos começar?! - Conhecendo o primeiro objetivo

O primeiro objetivo do curso é animar um lower third, também conhecido por nomes como GC e letreiro. Trabalharemos na animação do box de apresentação do meu Twitter exibido no vídeo de boas vindas.

O objetivo não é apenas chegar ao resultado estético, mas compreender como o After Effects apresenta suas ferramentas. Isso é importante porque diversos iniciantes em sofwares como After Effects - que é uma ferramenta extensa -, Illustrator ou Photoshop, presenciam dificuldades por não entender como são apresentados os recursos. Portanto, abordaremos todas as fases do processo de animação para que haja clareza inclusive para aqueles que não conhecem o After Effects.

Na timeline principal, localizada na parte inferior da tela, vemos o surgimento da animação lower third. No box, há a animação tanto do ícone quanto o surgimento do texto. Existe o tempo de leitura e depois, a composição irá sair da tela.

t principal

Além de questões em relação ao uso de ferramentas, falaremos sobre a montagem do layout, algo que é interessante pensarmos desde o início. Quando trabalhamos com motion designer, muitas vezes desenvolveremos animações que descrevem algo trabalhado no vídeo e precisa ser evidenciado de algum modo. Portanto, é importante pensar nas etapas da animação: como mostrar um objeto, como fazer um determinado elemento evoluir ao longo da animação e as áreas específicas em que esse objeto irá surgir e assim por diante.

No nosso caso, as etapas do lower third são relativamente simples. Primeiramente, há o surgimento na parte central da tela - ou da área específica - do box branco que contém o logo do Twitter. Há depois o distanciamento do logo para a esquerda e o surgimento de um segundo box. No segundo box se mostra, gradualmente, o texto "@marcoscropalato".

box c

Planejar a animação desde o início é crucial, pois dessa forma conseguiremos organizar melhor os objetos durante a criação gerando um encadeamento harmonioso dos itens. Por exemplo, enquanto o "box" surge na animação, o logo do Twitter cresce simultaneamente na tela, ou seja, os dois elementos estão conectados. Depois, há o deslocamento dos itens para a esquerda, surgindo o restante da composição.

Portanto, é importante que que o planejamento aconteça desde a primeira etapa. Se vocês tiverem interesse em utilizar o projeto para estudo ou como referência em outra animação, é possível fazer o download do projeto

Nesse projeto, teremos uma ideia de hierarquias de composição e pré-composição. Percebam que já existem duas distribuições de tempo na timeline princial - localizada na parte inferior da tela -, a "MAIN" que é a timeline exportada para o vídeo de boas vindas, e o "GC_TWITTER", em que há as camadas separadas com a exata área que o elemento vai aparecer na tela.

dois tempox

After Effects, vamos começar?! - Preparando o ambiente para composição

Primeiramente, fecharemos o projeto que está sendo executado, mas não o After Effects. Para isso, existe a opção "File > Close Project".

Para iniciar um projeto no After Effects, precisaremos determinar o que vai receber a animação, ou seja, os arquivos a serem trabalhados. O processo é similar quando geramos um novo documento no Photoshop, por exemplo. No After Effects, esse documento é diferente, pois o sofware não lida com um arquivo em branco, mas sim, com composições que vão ser criadas do zero - a forma como faremos - ou mediante a importação de outros elementos. Para começarmos a trabalhar, olharemos para o project panel ao lado esquerdo da tela.

pro

Nos ícones localizados na parte inferior do project panel, encontraremos a opção de "Create a New Composition".

create

A composição pode ser criada tanto via project panel como pela opção "Composition > New Composition". Nas duas opções, chegaremos à janela "Composition Settings", em que especificaremos o que será realizado no projeto. É importante considerar a pré-definição de "HDTV 1080", pois vamos trabalhar com uma mídia full HD e readaptável para outras resoluções.

hd

Utilizaremos uma taxa de 24 frames por segundo.

fra

Em caso de dúvidas, estão disponibilizadas informações sobre o conceito de frame rate, FPS e outros elementos necessários para configurar uma composição nas explicações adicionais da aula.

Ao selecionarmos "OK" na janela de "Composition Settings", visualizaremos a tela de composição. O After Effects já nos fornece uma área de trabalho na proporção *full HD".

tela

Com a abertura de um novo documento, ativaremos a Timeline Panel, área que guarda todas as camadas da composição, localizada na parte inferior da tela.

timeline

A partir disso, conseguiremos desenvolver nossos projetos. Podemos selecionar qualquer objeto para dar início à composição, por exemplo, um retângulo.

quadrado seta

Podemos iniciar a composição diretamente na área de trabalho e criarmos uma nova camada a partir dela. Essa forma retangular já passa a ser entendida como uma parte da composição.

quadrado branco

Notem que a partir do momento da criação de uma composição nova, ela ficará visível no project panel. A composição é exibida como um objeto que faz parte do nosso projeto.

comp caixa

Caso seja necessário criar uma nova composição,"Composition > New Composition" para abrir a janela "Composition Settings". Vamos nomear o novo projeto como exemplo.

exemplar

As duas composições surgem no project panel ao lado esquerdo da tela.

duas comp

Por consequência, surge na timeline - parte inferior da tela - as duas composições. Um delas contém o retângulo que criamos (Comp 1) e a outra está vazia. (exemplo)Nela podemos inserir objetos ou até mesmo, fazer uma composição interagir com a outra. A composição, portanto, é o ambiente em que se guarda os arquivos que serão visíveis no resultado final do projeto.

time

Percebemos quais ferramentas precisam ser acionadas para o desenvolvimento da animação. Voltando ao layout do projeto, teremos um container que guarda o logo Twitter - não produzido no After Effects - que será trazido para o project panel.

Deletaremos a composição "exemplo", e com o botão direito selecionamos "Import > File" e importaremos o arquivo que contém o logo do Twitter. Observamos a nova composição do project panel, e a partir disso, podemos começar a trabalhar com o logo no projeto.

twitter final

Sobre o curso After Effects: Animando Lower Third

O curso After Effects: Animando Lower Third possui 85 minutos de vídeos, em um total de 37 atividades. Gostou? Conheça nossos outros cursos de Motion Design em Design & UX, ou leia nossos artigos de Design & UX.

Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:

Aprenda Motion Design acessando integralmente esse e outros cursos, comece hoje!

  • 1112 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 1112 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 1112 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 1112 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Procurando planos para empresas?
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana