QUIZ DE MATEMATICA SHOW DO MILHÃO PREPARAÇÃO ÇPARA AVALIAÇÕES EXTERNAS
Introdução ao After Effects
1. Instituto Politécnico do Cávado e Ave
Escola Superior de Tecnologia
Professor Leonardo Pereira
Ano Curricular - 2011 | 2012 PRODUÇÃO AUDIOVISUAL
Curso de Design Gráfico - 3º Ano | 2º Semestre
Aula 04
1. INTRODUÇÃO AO AFTER EFFECTS
2. TUTORIAL DE ANIMAÇÃO BÁSICA EM AFTER EFFECTS
2. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
01
Intro ao AE - Noções básicas de operacionalidade
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
3. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
1. Barra de Ferramentas
Interface e
principais
painéis 2. Painel de manipulação de efeitos
7. Browser de Efeitos
4. Viewport/janela de vídeo
3. Painel do Projecto
5. Painel das Layers 6. Timeline
2. É neste painel, que depois de 4. Esta janela é o palco onde 6. É onde criamos as Keyframes
aplicados os efeitos a uma layer, animamos e compomos o nosso de animação de cada Layer.
manipulamos as suas variáveis; filme ou sequência. 7. O browser de efeitos e presets é
3. É neste painel que estão os 5. Este painel é onde ordenamos onde procuramos efeitos e presets
materiais que importamos (vídeo, as layers de materiais que estamos que queremos aplicar às nossas
imagens, sons, etc) e comps. a usar num filme ou sequência. Layers.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
4. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Ligar No After Effects basta clicar neste ícone para as Safe Zones serem exibidas no
e desligar ecrã...
Safe zones
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
5. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Projecto e Quando abrimos o AE ele abre, por defeito, um “Novo Projecto” (File>New>NewProject).
composições No entanto para se animar algo no AE, por muito simples que seja, temos de começar
por criar uma composição.
Uma Composição é uma unidade de Tempo e Espaço, composta por uma ou mais
layers e, dentro da qual, às mesmas layers, podem-se aplicar animações e efeitos.
Projectos simples podem ser compostos de uma composição apenas. Mas projectos
mais complexos podem ser compostos de diversas composições.
Como criar uma composição?
Método 1
Método 2
Método 1. Abrir o Painel superior “Composition“ e escolher
“New Composition“.
Método 2. No fundo do Painel do Projecto (do lado esquer
do do interface) clicar no ícone de composição
marcado na figura em cima.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
6. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Projecto e Abre uma janela com as settings da composição que estamos a criar.
composições Nessa janela damos:
• Nome da comp. = Nome que queremos dar.
• Tamanho/formato de janela = Usar o Pal D1/DV
• Pixel Aspect ratio = 1.09
• Frame rate = Velocidade de leitura de frames. Usamos 25 fps.
• Duração = A duração que queremos que a comp. tenha.
Depois de criada a comp. se quisermos mudar
as suas settings fazemos o seguinte:
>> Ir ao Menu Composition
>> Escolher “Composition Settings”
E modifcar os parâmetros ou settings
da composição.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
7. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Importar Depois de criada uma composição é preciso importar materiais para dentro do painel de
materiais e projecto para serem utilizados e animados na nossa composição como layers.
footage Como importar footage?
(Sons, vídeos, imagens, vectores, sequências de imagens)
Duplo clique
Lista de ficheiros importados para dentro
do AE e do Painel de Projecto. Mas Estes
ficheiros ainda não são layers!
>> Duplo clique sobre a zona central do Painel do Projecto. Abre o browser de ficheiros.
>> Dentro do Browser de ficheiros escolher o ficheiro que se quer.
>> Carregar em “Ok”. E o ficheiro surge dentro do painel do Projecto.
Agora, para podermos manipular e animar os materiais importados temos de os
transformar em layers. Vamos a isso!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
8. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Layers Dentro do AE há duas formas de gerar layers:
Arrastar
1. Ou utilizando materiais importados 2. Ou gerando layers internas
Arrastar materiais importados para dentro No menú superior “Layer“ selecionamos “New“
do Painel do Projecto para a Timeline ou para e depois escolhemos o tipo de layer que
o Painel das Layers: queremos:
• Layer de som importado • Texto - Para escrever texto
• Layer de imagem importada • Solid - Para criar layer forma de cor plana
• Layer de vídeo importado • Light - Para criar uma Luz
• Layer de sequência de imagens importadas • Camera - Para criar uma camera
• Layer de composição gerada no AE • Null Object - Para criar um Objecto Nulo
• etc... • Shape Layer - Para criar formas variadas
• Adjust. layer - Para aplicar efeitos sobre todas
as layers que estão debaixo dela.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
9. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Animação ou Depois de termos layers criadas no painel das layers, se as queremos animar nos seus
keyframing parâmetros (posição, opacidade, tamanho, etc) temos de colapsar cada uma das layers
para termos acesso a esses mesmos parâmetros ou propriedades.
Como animar Como é que isso se faz?
layers e seus Quando criamos layers no painel das layers elas são apresentadas fechadas, como se
parâmetros? vê na figura 1. Do lado esquerdo do nome de cada layer existe um triangulo (*). Para
termos acesso aos parâmetros das layers temos de clicar nesse triângulo que abre os
restantes parâmetros, como se pode ver na figura 2.
Figura 1
*
Figura 2
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
10. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Animação ou Agora para se animar cada um destes parâmetros temos de activar o Keyframing mode
keyframing de cada layer. Como é que se faz isso?
Do lado esquerdo de cada parâmetro existe um pequeno ícone que representa um
Como animar cronómetro. Esse ícone é que permite a activação do Keyframing, ou seja, da criação de
layers e seus Keyframes que permitem a animação dos diferentes parâmetros de uma layer.
parâmetros?
Para se animar um parâmetro temos de activar esse cronómetro (1) que muda, a par-
tir daí, de aparência e gera automaticamente na timeline um Keyframe (2). Depois é só
mover o cursor ou agulha de leitura da timeline para outro ponto no tempo e manipular
valores desse parâmetro (3). A partir daí modificamos os valores desse parâmetro e é
gerado na timeline outro Keyframe (4).
1 3 2 4
No caso desta figura animamos o parâmetro de posição desta layer. Mas o processo é
sempre igual para a animação de qualquer outro parâmetro.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
11. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Transformar No After Effects podemos, também, manipular tridimensionalmente as nossas layers.
uma layer Como é que se faz isso?
bidimensional Primeiro temos de passar a layer do modo bidimensional para o modo tridimensional.
numa layer Para tal, no painél das layers, do lado direito de cada layer há uma checkbox com um
tridimensional cubinho por cima. Se activarmos essa checkbox, tal como apontado na seguinte figura,
a layer passa a ter eixos de rotação tridimensional.
Se por acaso, no vosso painel das layers, não aparecer este ícone é porque está escon-
dido. Para o revelar têm de carregar no botão em baixo, no painel das layers onde diz
Toogle Switches,
como indicado
na figura.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
12. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
02
Tutorial de animação básica em After Effects
Depois deste tutorial deverás ser capaz de:
>> Criar uma composição e definir os seus settings;
>> Importar materiais externos ao AE;
>> Criar e gerar layers interna e externamente;
• Criar layers a partir de ficheiros externos
• Criar layers internamente - Ex: Solid layer.
>> Manipular e animar layers nos seus diversos parâmetros;
• Transformar layers bidimensionais em layers 3D
• Criar Keyframes
• Manipular e animar os parâm. de posição
• Manipular e animar a opacidade
• Manipular e animar os parâm. de rotação
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
13. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Vamos criar Vamos colocar um avião a cruzar um céu animado com núvens, e a cair até sair
uma situação de plano.
1. Criar uma nova composição:
• Nome: Composição secundária
• Tamanho/formato de janela: Pal D1/DV
• Pixel Aspect ratio = 1.09
• Frame rate = 25 fps.
• Duração = 15 segundos
2. Importar materiais externos:
• avião.png
• nuvens1.png
• nuvens2.png
• base ceu.tif
• avião2.mp3 Arrastar
• logoSas.png
3. Arrastar todos os ficheiros do painel do
Projecto para o Painel das layers do lado
esquerdo da timeline.
São geradas as layers que são, por defeito,
bidimensionais. Vamos precisar de tornar
algumas delas em Layers Tridmensionais.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
14. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Vamos Vamos transformar as layers “nuvens1.png“, “nuvens2. png “, “avião.png” e “base ceu.tif
criar o céu em layers tridimensionais“.
animado • Clicar na checkbox do cubinho de cada
uma das referidas layers conforme a
figura assinalada. Isto transforma as
layers manipuláveis em 3D.
A layer “base ceu.tif” vai ser a base do nosso céu e vai estar afastada em profundidade
do observador. Portanto abrimos a layer no seu triangulo e no parâmetro de “position”
da mesma vamos inserir o seguinte valor no terceiro valor que é o valor no eixo de Z, ou
seja, profundidade: 3700.
A layer “nuvens1.png” vai ser animada nos 15 segs. da composição. Mas vamos
também posicioná-la em profundidade para termos um efeito de profundidade.
• No parâmetro de position da Layer “nuvens 1“ accionar o cronómetro do lado esq.
para podermos criar keyframes que geram animação;
• Na primeira frame da comp., nos valores de “position“ inserir os seguintes valores:
912 (x- mov. horizontal): 288 (y- mov. vertical): 2432 (z - mov. em profundidade);
• Na última frame da comp., nos mesmos parâmetros, inserir os seguintes valores:
510 : 288 : 2432 (repare-se que só estamos a movimentar a layer na horizontal)
A layer está agora animada na horizontal.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
15. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Vamos A layer “nuvens2.png” vai ser também animada nos 15 segs. da composição. Mas
criar o céu vamos também posicioná-la em profundidade para termos um efeito de profundidade, tal
como fizemos na outra layer das nuvens.
animado
• Accionar o cronómetro da “position“ da layer;
• Na primeira frame da comp., nos valores de “position“ inserir os seguintes valores:
660 : 288 : 1216;
• Na última frame da comp., nos mesmos parâmetros, inserir os seguintes valores:
33 : 288 : 1216 (repare-se que só estamos a movimentar a layer na horizontal)
• Sem accionar o cronómetro da “Scale“ desta layer vamos colocá-la a 64%.
Não vamos animar o tamanho da layer;
A layer está agora animada na horizontal e a uma profundidade diferente das outras.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
16. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Vamos Depois de posicionarmos as layers vamos tentar perceber o que estamos a fazer. Nós
criar o céu animamos as layers na horizontal e colocámo-las em valores de profundidade diferen-
tes. Se olharmos para a imagem, em baixo, da vista de cima as nossas layers estão em
animado posições relativas em Z diferentes. E isso cria um efeito de tridimensionalidade.
Layer “base ceu.tif”
Layer “nuvens1.png”
Layer “nuvens2.png”
Vista de camera Vista de cima
Vamos agora animar o avião!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
17. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Vamos A layer “avião.png“ vai ser animada descrevendo um movimento descendente da direita
animar o para a esquerda.E vai ter uma ligeira rotação, aliada à deslocação, para parecer que o
nariz do avião, à medida que desce, está a pousar.
Avião
Comecemos!
Na scale colocar o avião a 30%.
>> Alterar a posição da Anchor point
(eixo de rotação da layer): 1181 : 391 : 0;
>> No segundo 03 accionar o cronómetro
dos parâmetros “position” e “Z Rotation”:
• Na posição: 1656 : -368 : 1921
• Na rotação em Z acionar o stopwatch:
e inserir +31%
>> No segundo 12, nos mesmos
parâmetros inserir os seguintes valores:
• Na posição: -981 : 892 : 1921
• Na rotação em Z: +0%
Por último temos de manipular o percurso feito pelo avião. Basta ir à janela do vídeo
(viewport) e manipular directamente o path, nas suas handles, para descrever o percur-
so que queremos como se vê na figura. (na timeline selecionar o keyframe da posição
inicial e final do avião para aceder às Handles)
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
18. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Vamos Agora vamos criar um efeito de fade de um ecrã escuro para a animação do nosso avião
criar e animar a cruzar o nosso céu animado. Vamos para isso utilizar uma layer gerada dentro do After
Effects. Vamos criar uma layer solid que depois vamos animar na sua opacidade.
a opacidade
de um sólido Comecemos!
>> Menu Layer >> New >> Solid
Abre uma janela de settings dessa layer solid. Colocamos as seguintes settings:
>> Nome: Fade >> Clicar em “Make comp. size“ >> Escolher a cor >> Ok
Esta layer sólida vai-se manter bidimensional e estará acima das outras layers todas,
com excepção da layer “logoSAS.png“. Agora vamos animar a opacidade dessa layer.
>> Abrir a layer do sólido;
>> Activar o cronómetro do parâmetro “Opacity“;
>> Criar keyframes neste parâmetro com
os seguintes valores:
• seg. 00 - 100%
• seg. 0.5 - 0%
• seg. 12 - 0%
• seg. 12.5 - 100%;
E agora já temos um fade inicial e um fade final!
Só nos falta animar o aparecimento do logótipo da
empresa.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
19. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Vamos inserir O nosso logo vai surgir nos últimos segundos do nosso filme. Apenas estará animado na
o logo e o sua opacidade.
som Por defeito quando arrastamos um ficheiro do painel do projecto para o painel das layers
ele apresenta-nos esse elemento centrado no vídeo. Vamos deixar ficar assim.
De seguida:
>> Abrir a layer “logoSAS.png“
>> Na scale (tecla s), sem acionar o stopwatch, inserir o tamanho 25%
>> Abrir a opacidade da layer (tecla t) e no segundo 12 accionar o cronómetro do parâm.
“Opacity“
>> Criar keyframes e inserir os seguinte valores:
• seg. 12 - 0%
• seg. 12.5 - 100%
Quanto ao som apenas temos de arrastar o ficheiro do Painel de projecto para o Painel
das layers para criar a respectiva layer do som.
Coisas importantes sobre o som
1. Se queremos ouvir o som na timeline enquanto corremos a agulha de leitura temos de
clicar, ao mesmo tempo, ou na tecla control (PC) ou na tecla comando (Mac).
2. Devemos importar o som já com a extensão e duração final pretendida. O After Effects
não nos dá grandes possibilidades de manipulação do som. Apenas podemos manipular
o volume do mesmo e a sua localização no tempo, dentro da timeline. Basta para isso
abrir a layer do som onde temos os seus parâmetros manipuláveis como em qualquer
outra layer.
E agora é só exportar!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
20. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Exportar ou Para fazer o render do nosso vídeo temos de fazer o seguinte:
fazer render 1. Seleccionar no painel de projecto a composição que
do nosso queremos exportar ou “render” (1)
vídeo Neste caso é a “comp. secundária.”
2. Ir ao menu “composition“ (2) e seleccionar
“add to render queue“ (3).
2
1
3
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
21. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Exportar ou E no painel das layers abre-se a seguinte janela (do Add to render Queue).
fazer render
do nosso
vídeo
1
Vamos fazer o seguinte:
1. Clicar onde diz Best Settings (1). Abre-se a seguinte janela onde se define a
qualidade e resolução do nosso vídeo:
(2). Em “quality” escolher Best
2
(3). Em “Resolution” escolher Full
3
(4). Clicar em OK
4
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
22. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Exportar ou Mantêmo-nos na janela do “add to render queue”.
fazer render
do nosso
vídeo
1
Vamos fazer o seguinte:
1. Clicar onde diz Lossless (1). Abre-se a seguinte janela onde se define o formato do
vídeo e se sai ou não audio com o nosso vídeo:
(2). Em “format” escolher Quick time
2 (3). Em “audio output” acionar o parâmetro. Senão o
audio não sai com o vídeo apesar de lá estar.
(4). Clicar em OK
3
4
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
23. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Exportar ou Mantêmo-nos na janela do “add to render queue”.
fazer render
do nosso 5
vídeo
1
Vamos fazer o seguinte:
1. Clicar onde diz “composição secundária.mov” (1). Abre-se a seguinte janela onde se
define o nome do nosso vídeo e a localização no disco para onde este será renderizado:
(2). Dar o nome “Filme avião final“
2
(3). Escolher a localização “Desktop“.
(4). Clicar em Save
3
Mas atenção. Ele ainda não começa a fazer o render.
Para o render arrancar temos de clicar no bot. “render“
situado do lado direito da janela do “Add to Render
Queue“ (5).
Et voilá... É só esperar o render acabar e ir ao
4 Desktop ver o nosso filme final.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree