Treinamento Geral

Animação: Introdução ao After Effects

• Objetivo: (1) Familiarização com a workspace do programa e suas

principais ferramentas. (2) Execução processos básicos como importar
arquivos, organizar compositions e exportar videos. (3) Os tipos e opções de
camadas no After Effects. (4) Domínio da Timeline. (5) Atalhos gerais.

→ O básico: diga olá a workspace!

Assim como a maioria dos programas, a workspace do After Effects (isso é, a

configuração da tela principal) é completamente personalizável. Via de regra,
o software é inicializado com uma workspace padrão como a que você vê
abaixo:

(1) Menu de navegação (7) Timeline

(2) Ferramentas
(3) Tipo de workspace + busca
(4) Informações e arquivos do projeto
(5) Visualização da composition/layer selecionada
(6) Composition de trabalho e suas camadas
(8) Informações sobre audio
(9) Informações sobre o arquivo selecionado
(10) Preview do projeto
(11) Lista de todos os efeitos padrões do AE
Como mudar a workspace?
Existem algumas maneiras de alterar a tela inicial. A primeira é indo no canto
superior direito (3) e escolhendo outra das configurações padrão. Você
também pode ocultar qualquer uma das caixas clicando no “X” de cada uma,
ou ainda rearranjá-las clicando, arrastando e soltando onde seu coração
mandar. Lembrando que se você for no (1) “Menu de Navegação →
Window”,você terá uma lista de todos os dispositivos que pode colocar na
sua workspace e quais estão selecionados. Então você sem querer deletou a
tela das informações do projeto? Fear not, ela estará lá para você.

Uma vez que você tenha configurado sua workspace, você pode salvá-la com uma
configuração padrão indo em “Window → Workspace → New worrkspace...”.

→ Entendendo o AE: compositions e camadas

O After Effects (AE) é uma ferramenta que pode recriar praticamente tudo
que existe num set de verdade, e ainda ir um pouco além. Por isso, algumas
coisas no programa são realmente parecidas com trabalhar com uma
câmera. Um exemplo disso é como a execução de um video funciona no AE.
Tudo gira em torno das compositions, que são como os planos de um video
de liveaction. Ou seja, você pode segmentar suas animações.

Vamos supor: você quer criar um video onde há um personagem correndo, depois
corta para um texto dançando na tela. A maneira mais fácil de fazer isso é criando
uma composition para a personagem e outra para o texto. Depois você criaria uma
terceira composition onde colocaria a da personagem ao lado da do texto e –
TCHARAM! Lá estaria. Mais ou menos como num video de liveaction: você grava
seus planos e depois só os coloca na ordem desejada.

Porque isso facilita nosso trabalho

Nosso exemplo foi bem simples, mas geralmente numa animação você tem
muitos mais “planos” e mais complexos. Trabalhar tudo numa mesma linha
de tempo seria extremamente trabalhoso: você só não ia ter que se
preocupar em programar a animação em si, como ter o cuidado de controlar
o que está aparecendo na tela a cada segundo.

Além disso, as compositions funcionam como um papel de seda: você pode

sobrepo-las. Por exemplo, você anima um texto numa composition; e em
outra, uma paisagem com o sol brilhando e nuvens passando. Na sua
composition de montagem, você pode colocar uma em cima da outra e
ainda ver as duas!

Porque isso pode dificultar o nosso trabalho

Depois que você descobre como é fácil separar as partes da animação em
composition, você acaba criando várias. Tipo, muitas mesmo. Com o tempo
você pega a manha e isso não será mais um problema, se você for um
sujeito organizado. Mas no começo é um pouco confuso.

Mas do que é feita uma composition?

Para compor uma composition (oi, pleonasmo) você pode usar imagens,
videos, sons, alguns dispositivos próprios do AE e até mesmo outras
compositions. Cada um desses elementos são camadas ou layers que você
pode organizar, sobrepor e contrapor de várias maneiras diferentes. Mas
vamos por partes.

→ Criando e configurando uma composition

Vamos começar um projeto de verdade para mostrar todas essas coisas.

Depois que você abriu o After e configurou sua workspace, vá no Menu de
Navegação em “New → Composition” ou simplesente aperte “Ctrl + N” no
seu teclado.

Se eu fosse você, gravaria bem os atalhos do After Effects.

Você chegará a essa tela:

Aqui nós temos algumas

informações importantes sobre
nossa composition.

1. Nome: Lembra o que eu falei de criar muitas compositions? Pois é, para

você não se perder, sempre dê nomes claros as suas compositions de acordo
com seu conteúdo/objetivo. Um bom nome para começar seria “testando as
configurações de uma composition”. Mas a composition é sua, dê o nome
que você quiser.

2. Tamanho: O tamanho da sua composition depende de onde você quer

exibir seus video. Se você só vai usá-lo no conforto do seu lar para testar um
tutorial, por exemplo, pode usar 800x600 pixels ou qualquer outro formato.
Não tem porque criar arquivos muito grandes só para pesar na memória do
seu computador.

Agora, se você está fazendo um projeto, o melhor é garantir e colocar

resolução máxima. O que equivale ao padrão HDTV 1080 24.

3. Frames per second (FPS): É o número de frames que vão compor um

segundo. O padrão para animação é de 24 fps. Mas atenção! Se você for
misturar animação com live action, use a mesma configuração de fps que as
cenas captadas. Assim sua animação vai ser sincronizada mais facilmente
com o live action. Nesses caso, a configuração costuma ser de 29,97 fps.
4. Duração: quanto tempo vai durar sua composition. Ela é dada por hora,
minutos, segundos e frames.

5. Background (BG) color: Todas as compositions tem um fundo

transparente, se você sobrepo-las. Se não o fizer, o AE vai mostrar uma cor
de fundo enquanto você a anima em vez de uma grade de transparência.
Isso é importante para você visualizar melhor as camadas e seus elementos
– por exemplo, se você vai usar um texto preto, é melhor que sua BG color
seja mais clara. Se ela for preta, você não vai conseguir enxergar seu texto.

→ Em algumas versões do AE as configurações BG color não aparecem no

momento de criar a composition. Você pode accesá-la pelo atalho “Ctrl+Shift+B”.

Você pode alterar as configurações de uma composition a qualquer

momento. Basta ir em “Composition → Composition settings” ou apertar “Ctrl
+ K”.

→ Ferramentas

Mover. Você pode mover as camadas/composition. O atalho para ela é “V”.

Mão. Para que você se movimente pela composition quando estiver com um
zoom muito alto. O atalho é barra de espaço. Quando você clica na barra de
espaço e depois solta, automaticamente o AE seleciona a ferramenta que
estava ativa antes de você usar a mão.
Zoom. É mais prático apertar “Ctrl + +” para aumentar ou “Ctrl + -” para
diminuir.
Shape. Você desenha figuras de acordo com as opções que o After te dá
(retângulos, retângulos com bordas arrendondadas, círculos, polígnos ou
estrelas). Apertando “Shift” enquanto desenha a figura, ela se mantém com
todas as medidas iguais. O atalho para essa ferramenta é “Q”.

As outras ferramentas vamos ver mais a frente no treinamento.

→ Tipos de camada
Além de arquivos externos (imagens, sons, videos) e outros projetos do After
Effects, você pode criar dentro do programa alguns tipos de camada. Vamos
falar dos mais simples.

1. Cor sólida: O nome é bem auto explicativo – cria-se uma camada

completamente preenchida por cor. Você pode usá-la como plano de fundo
da sua composition (para que ele apareça em outras compositions) e para
muitos outros efeitos que não vem ao caso comentar agora. Só clicar em
“New → Layer → Solid...” ou “Ctrl + Y”.

Por padrão, o nome dela será o nome da cor; mas te aconselho a mudar isso.
Por quê? Porque o AE vai criar uma pasta com todas as camadas de cor
sólida na sua aba do projeto – e mesmo que você delete a camada na
composition, ela continua na pasta do projeto. Se você não mudar o nome, é
pouco provável que a encontre depois, seja para deletá-la, copiar para outra
composition ou qualquer outra coisa.

Você também pode mudar a cor da camada a qualquer momento. Só ir em

“Layer → Solid settings” ou clicar “Ctrl + Shift + Y”

2. Objeto: com a ferramenta Shape (Q) selecionada, desenhe a figura como

quiser. Ela tem opções de preenchimento e traçado. Para criar várias shapes
na mesma camada, use a ferramenta enquanto seleciona uma layer. Para
criar e diferentes camadas, toda vez que for criar uma nova shape, certifique-
se que nenhuma camada está selecionada.

3. Camada de ajuste: de maneira similar ao Photoshop, você pode criar

camadas de ajuste – ou seja, camadas em que os efeitos e cores
aplicados serão refletidos em todas as camadas abaixo dela. Para criar
uma camada de ajuste é só ir em “Layer → New → Adjustment Layer”
ou usar o atalho “Ctrl+Alt+Y”.

Existem outros tipos de camada próprios do AE, como Luz, Câmera e Null
Object. Mas vamos nos focar nessas por enquanto, certo?

→ Opções de camada

Na aba da composition de trabalho aparecem suas respectivas camadas, e

para todas elas você tem algumas opções:

1. Ocultar: a camada fica invisível.

2. Mute: no caso da camada ter audio (arquivo de som ou video) você não
vai ouvi-la na pré-visualização.
3. Isolar: Apenas as camadas marcadas com esse ícone ficarão visíveis. Se
nenhuma camada estiver isolada, todas ficam visíveis.
4. Bloquear: A camada não poderá ser editada. Por exemplo, você quer
mover todas as camadas de uma vez, menos uma. Bloqueie essa camada,
selecione todas e mova-as. A bloqueada ficará intocada.
5. Cor de identificação da camada: o AE mostra o tamanho e a posição de
uma camada dentro de uma composition a partir de uma cor. Você pode
mudar essa cor e criar um padrão para organizar seu projeto – por exemplo,
camadas de texto terão a cor laranja, camadas de video serão verdes e assim
por diante.
6. Motion Blur: Adiciona um efeito automático de borrão de movimento
quando a camada muda de posição muito rápido. Deixa a animação mais
natural – e o AE mais pesado. Aconselho só marcar essa opção quando tiver
terminado a animação e for renderizar o vídeo.
7. Adjustment Layer: transforma a camada em camada de ajuste.
8. 3D: transforma a camada em 3D. Mas vamos deixar isso de lado por
enquanto.
9. Blending mode: altera como a camada vai se relacionar com as demais. O
modo “Normal” apenas sobrepõe, mas existem muitas outras opções. Você
deve ter visto isso melhor na palestra de Photoshop. Caso essa opção não
esteja aparecendo é só ir em “Layer → Blending mode”, ou apertar “Toogle
Switches/Modes” bem na parte inferior da aba de composition de trabalho.

Há ainda mais algumas opções, mas não vamos nos focar nelas agora.

→ Importando arquivos

Antes de começarmos com essa etapa, tenha em mente que é importante

planejar e organizar seu projeto. Selecione, nomeie e organize todos os
arquivos que você pretende usar em uma pasta determinada. Porque o After
não faz uma cópia dos arquivos para si: ele apenas grava de onde puxá-los
no seu computador. Quer dizer que, se você mover ou renomear um
arquivo, o AE não vai mais localizá-lo corretamente e seu projeto vai ficar
com um vazio. Então guarde e chave de ouro da pós-produção: organize-se!

Caso ocorra de você perder algum arquivo, renomeá-lo ou movê-lo, para recuperar
não dói tanto: na aba do projeto, selecione o arquivo, aperte “Ctrl+H” e então
escolha o arquivo para ser substituído.

Certo, vamos importar arquivos. Você pode ir em “File → Import → File” ou

simplesmente clicar em “Ctrl + I”. Os arquivos lidos pelo AE são todos os do
pacote Adobe (.psd, .idd, .pdf, .ai, .eps, projetos do Premiere), a maioria dos
arquivos de imagem, video ou audio. Você vai ver uma relação dos arquivos
importados (bem como compositions e camadas criadas) na aba de Projeto.

Importando arquivos com várias camadas

Alguns tipos de arquivos como do Photoshop e do Illustrator podem ser
construídos em várias camadas. Você pode importá-los como uma única
camada chapada (“footage) ou, se for preciso/do seu gosto, você pode
importá-los com as camadas separadas (como composition).
Como criar composition a partir de arquivo
Vamos supor que você quer criar uma composition com as mesmas
configurações que um vídeo que você vai usar para ver suas especificações
de tamanho e fps; ou então no mesmo tamanho de uma imagem que você
vai animar para testar um efeito. Basta clicar no arquivo desejado e arrastá-lo
até o ícone de composition na parte inferior da aba de Projeto, ao lado do
ícone de uma pasta.

→ Usando a timeline

Agora que você tem camadas, a timeline tem mais algumas opções. A
primeira e talvez mais importante é o que vamos chamar de “agulha”. É a
agulha que vai indicar que momento do video está sendo mostrado no
painel principal e em que momento você está aplicando um determinado
efeito. Você pode mover a agulha de vários jeitos: clicando nela e a
arrastando; clicando em diferentes posições acima da barra cinza-escuro
com as marcações de segundos/frames; clicando e arrastando no contador
numérico no lado esquerdo da aba da composition de trabalho; ou digitando
o momento desejado no contador.

Quando você tem uma composition com várias compositions dentro, a agulha se
comunica entre elas. Ou seja, quando você move a agulha numa composition
interna, quando selecionar a composition externa (a de montagem), a agulha vai
estar no mesmo momento que estava na composition interna. Por exemplo: você
tem a COMP MAÇÃ, e a coloca dentro da COMP AZUL, depois de dois segundos do
início da COMP AZUL. Aí você abre a COMP MAÇÃ e põe a agulha no segundo 02.
Quando você selecionar a COMP AZUL, a agulha vai estar no segundo 04!

Temos também a Work Area – essa barra mais gorssa logo abaixo das
marcações de segundos/frames. Ela serve para selecionar que parte da
animação você quer ver na pré-visualização. Ou seja, você não precisa ver
seu video inteiro só para testar a animação de dois segundos no meio da
composition. A Work Area ainda te dá algumas opções clicando nela com o
botão direito:

1. Lift Work Area: “limpa” a seção selecionada pela workarea,

deletando a parte das camadas selecionadas dentro dela. O restante
das camadas permanecem da mesma maneira e no mesmo lugar
2. Extract Work Area: Você não só deleta o que está selecionado,
como puxa o que está depois da workarea para no início dela.
3. Trim Comp to Work Area: Você edita sua composition de forma
que seu tamanho será o mesmo que o compreendido pela Work Area.
*os dois primeiros efeitos só funcionam nas camadas selecionadas. O Trim
Comp Area afeta todas as camadas independente de estarem selecionadas.
Acima da Work Area nós temos uma barrinha mais estreita, que é o nosso
zoom – mas um zoom das marcações temporais, e não da visualização da
composition. Você pode aumentar o zoom até ver frame a frame do seu
video, ou ficar no zo mínimo, que te permite ver o tempo total da
composition selecionada. Basta encurtar ou alargar a barra pelas
extremidades amarelas, ou ir no ícone de montanhas na parte inferior da
timeline.

Outra opção está nas próprias camadas: assim como na barra de zoom e da
Work Area, você só precisa arrastar as extremidades para diminuir ou
aumentá-las. A duração máxima é a duração da composition.

Se você aumentar a duração de uma composition nas configurações (Ctrl + K), as

suas camadas NÃO vão aumentar junto! Então se aquela nossa COMP MAÇÃ tem 10
segundos e duas camadas de cor, caso você aumente a duração da composition
para 20 segundos, as camadas de cor continuarão com 10 segundos. Você vai ter
que aumentá-las manualmente. Caso contrário, lá na COMP AZUL, depois de terem
passado 10 segundos da COMP MAÇÃ, a visualização vai desaparecer.

Além da duração das compositions e camadas, você pode organizá-las pela

posição que elas ocupam na timeline e pela ordem delas (sobreposição de
layers).

→ Preview

Como saber que o que estamos fazendo está certo sem um tira-teima, não
é? Para isso serve a pré-visualização (ou preview). Apertando o ícone de RAM
preview, o After vai processar todas as informações, frame a frame, e depois
começar a executar em velocidade normal. É a melhor maneira de ver o que
você está fazendo, porque é a mais fiel. Mas dependendo da duração do
período que você quer ver e da complexidade da animação, pode levar um
tempinho. Por isso, fique atento à qualidade da sua visualização para agilizar
a vida. A RAM preview vai também reproduzir o audio do seu video, se
houver.

Outra opção é simplesmente apertar barra de espaço uma vez e a agulha vai
começar a avançar, renderizando a composition e mostrando a visualização
à medida que o processo ocorre (ou seja, raramente em tempo real). Aperte
a barra de espaço outra vez e a visualização “trava”.

→ Renderizando
Então você terminou seu projeto e quer renderizar o video. Selecione a
composition e vá em “Composition → Make movie” ou ainda em
“Composition → Add to Render Queue” ou ainda use o atalho “Ctrl+Shift+/”.

Duas coisas são importantes nessa etapa: Output Module e Output To. A
segunda determina o nome do seu video e onde você vai salvá-lo. A primeira
são as configurações do video em si.