Motion Lusitana Logo Motion Lusitana Contacte-nos
Contacte-nos
Iniciante 15 min Maio 2026

Seu Primeiro Projeto: Do Zero à Animação

Vamos criar um projeto completo do início. Uma animação simples mas profissional, passo a passo, sem mistérios. Se é a primeira vez que está aqui, este guia é para você.

Designer criando projeto de animação no After Effects, esboços e composição em progresso
Tiago Monteiro

Escrito por

Tiago Monteiro

Diretor de Conteúdo e Especialista Sénior em Motion Design

Diretor de Conteúdo na Motion Lusitana Lda e especialista em After Effects com 14 anos de experiência em design de movimento e educação audiovisual.

Por Onde Começamos?

Antes de tudo: não se preocupe se nunca abriu o After Effects. Você não precisa saber absolutamente nada. Vamos começar do zero e construir algo real, algo que você consegue ver a funcionar.

A ideia é simples. Vamos criar uma composição com um círculo — sim, apenas um círculo — e depois vamos animar esse círculo para se mover, mudar de cor e desaparecer. Parece fácil? É. Mas é também onde a maioria das pessoas aprende os conceitos mais importantes do After Effects.

Espaço de trabalho limpo do After Effects pronto para começar um novo projeto, interface principal visível

Os Passos do Seu Projeto

Vamos dividir tudo em partes gerenciáveis. Cada passo demora apenas alguns minutos.

1

Criar uma Nova Composição

Abra o After Effects e vá a File New New Composition. Deixe as configurações padrão por enquanto — 1920×1080, 30fps. Não é complicado. Clique OK e pronto, tem um espaço em branco para trabalhar.

2

Desenhar um Círculo

Use a ferramenta Ellipse Tool (está na barra de ferramentas à esquerda). Mantenha Shift pressionado enquanto desenha para obter um círculo perfeito. Escolha uma cor qualquer — vamos usar azul neste exemplo. Se não aparecer como esperado, não se preocupe — tudo isto é ajustável.

3

Adicionar Posição Inicial

Coloque o círculo no lado esquerdo da composição. No timeline, à esquerda, vê o nome da camada (deve dizer “Ellipse 1” ou algo parecido). Clique no triângulo ao lado dela para expandir as propriedades. Procure por “Position”. Está aqui que começa a diversão.

4

Configurar Keyframes

No timeline, clique no ícone do cronómetro ao lado de Position. Isto cria um keyframe — é um ponto de partida. Depois, mova o indicador de tempo (a linha vermelha no timeline) para 2 segundos (ou 60 frames). Arraste o círculo para o lado direito da composição. O After Effects cria automaticamente outro keyframe. Acabou de criar movimento.

5

Animar a Cor e Opacidade

Agora vamos fazer o círculo mudar de cor. Expanda as propriedades da camada e procure por “Fill Color” (ou “Color” dependendo de como criou o círculo). Crie um keyframe no início. Depois, em 1.5 segundos, mude a cor. O círculo vai fazer uma transição suave. Depois, mude para o final do timeline e reduza a Opacity para 0%. Agora ele desaparece lentamente.

6

Reproduzir e Ajustar

Pressione a barra de espaço para reproduzir a animação. Vê o círculo a mover-se, mudar de cor e desaparecer? Excelente. Se algo não está certo — o movimento é muito rápido, a cor muda de forma estranha — apenas clique no keyframe e ajuste. Tudo isto é flexível. Pode mover os keyframes no timeline se quiser mudar o timing.

Dicas Importantes para Este Projeto

Coisas que aprenderá enquanto constrói isto — e que usará em todos os seus projetos futuros.

Keyframes São Tudo

Um keyframe é apenas um ponto no tempo onde você diz ao After Effects qual é o valor de algo. Position, cor, opacidade — tudo usa keyframes. Sem eles, sem movimento. Com eles, controla tudo.

As Camadas Organizam Tudo

Cada elemento é uma camada — o círculo, o fundo, texto, tudo. Pode ter dezenas de camadas num projeto. Nomeie-as bem. “Círculo Movimento Principal” é melhor do que “Shape 1”.

O Timeline É Seu Amigo

O timeline mostra exatamente o que acontece em cada frame. Pode ver quando o movimento começa, quando termina, quando as cores mudam. Aprenda a ler isto e controla tudo.

Easing Faz Movimento Parecer Real

Os keyframes criam movimento linear — movimento em linha reta. Mas objetos reais não se movem assim. Use easing para fazer o movimento começar rápido e abrandar no fim. Clique direito no keyframe, escolha “Keyframe Velocity”. Verá a diferença imediatamente.

Experimente Sem Medo

Não há forma “errada” aqui. Mude as cores. Mude a duração. Adicione mais keyframes. Pode sempre desfazer com Ctrl+Z (ou Cmd+Z no Mac). Cometer erros é como aprende.

Guarde Frequentemente

Ctrl+S (ou Cmd+S). Cada cinco minutos. Não há nada pior do que perder 30 minutos de trabalho porque o computador desligou ou o programa ficou preso.

Nota Importante

Este guia é educativo e destina-se a ajudar você a compreender os conceitos fundamentais do After Effects. As técnicas descritas funcionam com a versão 2024 e posteriores do After Effects, embora os princípios básicos sejam os mesmos em versões anteriores. Se está a usar uma versão diferente, algumas menus podem aparecer em localizações ligeiramente diferentes, mas o fluxo de trabalho permanece essencialmente idêntico.

O Que Acabou de Fazer?

Criou uma animação real. Pode não parecer Hollywood, mas é genuinamente uma animação. Tem um objeto que se move, muda de propriedades, e desaparece. Isto é o alicerce. Tudo que verá em motion design complexo — logos a aparecer, texto a deslizar, elementos a explodir — usa os mesmos princípios que acaba de aprender.

A partir daqui, o caminho é simples: adicione mais elementos. Crie mais animações. Estude como outros designers fazem as coisas. E pratique. Muito. Cada projeto que faz, aprende algo novo. Aquele erro que cometeu? Pode tornar-se a sua técnica favorita amanhã.

Está pronto para o próximo passo? Volte e leia sobre gestão de camadas e efeitos básicos. Ou comece um novo projeto — qualquer coisa que queira animar. A verdade é que não precisa de permissão para começar. Já começou.

Timeline do After Effects mostrando múltiplos keyframes animados em diferentes camadas, composição completa