In this tutorial I teach my students how to use compositions inside compositions, and other compositing and animation resources such as parenting layers, parenting null objects to layers, creating and animating masks, animating a camera and several other cool animation features inside After Effects.
Execução do projeto (informática educativa)BTPGABRIEL
Semelhante a After Effects Tutorial - Cameras, parenting, precomposing, null objects, masks, text animated presets and animating a text layer's path (20)
After Effects Tutorial - Cameras, parenting, precomposing, null objects, masks, text animated presets and animating a text layer's path
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 10
1. TUTORIAL PRÁTICO DE AFTER EFFECTS
1.1. PARENTING
1.2. ANIMAÇÃO DE PARÂMETROS DE LAYERS
1.3. ANIMAÇÃO DO PATH DE UMA LAYER DE TEXTO
1.4. MANIPULAÇÃO DO PONTO PIVOT DE UMA LAYER
1.5. APLICAÇÃO DO EASE IN E DO EASE OUT
1.6. APLICAÇÃO DE EFEITOS A LAYERS E ANIMAÇÃO DOS MESMOS
1.7. APLICAÇÃO DE PRESETS DE ANIMAÇÃO TIPOGRÁFICA
1.8. CRIAÇÃO E APLICAÇÃO DE NULL OBJECTS
2. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
01
Tutorial prático - 02
• Criação de composições de After Effects;
• Importação de footage;
• Manipulação do Ponto Pivot com a Pan Behind Tool;
• Conversão de layers de modo 2D para modo 3D;
• Aplicação e animação de efeitos em layers;
• Ligar e desligar Safe Zones;
• Criação de Shape Layers com a Rectângle Tool;
• Aplicação de máscaras a layers;
• Aplicação do efeitos de Ease a Keyframes;
• Aplicação do Parent entre diferentes layers;
• Animar texto em função do percurso de uma Path;
• Aplicação e manipulação dos parâmetros de Presets de animação de texto;
• Criação e animação de uma câmera virtual;
• Edição do Ponto de interese de uma câmera virtual;
• Criação e animação de um Null Object.
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
Tutorial Vamos começar por criar duas composições com 25 segundos cada, em Pal D1/DV,
com os nomes “Comp Final” e “Comp interna“.
prático 02
Como criar uma composição?
Método 1.
Abrir o Painel superior “Composition“ e escolher “New Composition“.
Método 2.
No fundo do Painel do Projecto (do lado esquerdo do interface) clicar no ícone de
composição marcado na figura em baixo com a indicação do método 2.
Método 1
Método 2
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
Tutorial Abre uma janela com as settings das composições que estamos a criar.
Nessa janela damos:
prático 02 • Nome da comp. = Numa damos o nome
“comp. final” e noutra “comp. interna”.
• amanho de janela = Usar o Pal D1/DV
T
• ixel Aspect ratio = 1.09
P
• rame rate = 25 fps.
F
• uração = 25 segundos.
D
Depois de “Ok”, para mudar a cor de fundo da
comp. ir a:
>> composition >> Background color >>
E escolher a cor de fundo.
Escolham o branco!
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
Tutorial Depois de termos criado as duas composições o After Effects exibe-nos as mesmas em
dois sítios: no painel das layers e no painel do projecto.
prático 02
Painel do Projecto Painel das layers
No painél do projecto as composições criadas No painél das layers, sempre que criamos uma
ficam guardadas para serem utilizadas como nova composição, o After effects automaticamen-
recursos e materiais do nosso projecto, à seme- te cria uma nova tab para essa nova composição,
lhança de vídeos, sons e imagens. permitindo-nos saltar entre composições.
Uma composição pode ser usada dentro de outra
composição.
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
Tutorial Agora vamos importar a nossa footage para o painel do projeto.
prático 02
Como importar footage?
(Sons, vídeos, imagens, vectores, sequências de imagens)
Duplo clique
>> Duplo clique sobre a zona central do Painel do Projecto. Abre o browser de ficheiros.
>> Dentro do Browser de ficheiros escolher o ficheiro “Chroma_com alpha ch.mov”.
>> Carregar em “Ok”. E o ficheiro surge listado dentro do painel do Projecto.
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
Tutorial Agora vamos transformar o ficheiro importado numa layer, arrastando-o para dentro da
composição “comp interna“. A “comp. final” vai ser usada mais tarde neste tutorial.
prático 02
1. Arrastar o ficheiro do painel do projecto para dentro do painel
das layers da comp. interna como nesta figura do lado esq.
2. Transformar a layer numa layer 3D (clicar na checkbox por
baixo do cubinho como marcado na figura onde diz “Modo 3D“)
3. Agora aplicar uma máscara à layer:
Arrastar
3.1. Com a layer selecionada e com a
Modo 3D
rectangle tool ativa, desenhar um retân-
gulo à volta da figura.
Rectangle tool Com Mask
Sem Mask
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
Tutorial Agora vamos manipular o Anchoir Point da nossa layer reposicionando-o.
Vamos posicionar o Anchoir Point da layer, que está junto ao ombro da figura humana,
prático 02 junto à base da footage e centrado em relação à figura, como ilustrado a seguir:
Para tal:
1. Ativar a “Pan Behind Tool“, como marcado em cima.
2. Selecionar a layer
3. Arrastar o Anchoir Point, como ilustrado na figura, para o extremo inferior ao centro.
Estamos a corrigir o Anchoir Point porque mais tarde vamos precisar de animar rotações
da layer em função do eixo definido pelo Anchoir Point!
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
Tutorial Agora vamos aplicar dois efeitos de correcção de cor à nossa layer e animar um deles.
prático 02 Primeiro: com a layer selecionada aplicar um “Hue Saturation”:
>> Effect >> Color Correction >>Hue Saturation.
Depois, no painel dos efeitos, abrir o Hue Saturation e puxar o parâmetro “Master Satu-
ration” de 0 para -100 até a figura ficar a preto e branco, como ilustrado em baixo.
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
Tutorial Agora vamos aplicar o segundo efeito a esta layer. Vamos aplicar outro Hue-Saturation
mas vamos utilizá-lo de maneira diferente e animá-lo.
prático 02
Segundo: com a layer selecionada aplicar outro “Hue Saturation”:
>> Effect >> Color Correction >>Hue Saturation.
Neste novo Hue Sat. activamos o “colorize” dentro do efeito (no painel dos efeitos).
Depois, no parâmetro “Colorize Saturation” inserimos o valor 75 para que a figura fique
vermelha como ilustrado em baixo.
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
Tutorial Agora vamos animar o segundo efeito de correção de cor.
prático 02 Voltamos ao parâmetro “Colorize saturation” do “Colorize” e ativamos o Stopwatch à
esquerda do parâmetro. Esse “stopwatch” é o que permite começar a animar esse parâ-
metro na Timeline.
Depois, de 5 em 5 segundos, com o Stopwatch ativo, intercalamos o valor do parâmetro
entre 0 e 75, até criarmos uma animação de intermitência entre tons PB e vermelho 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
Tutorial Por fim vamos centrar a layer em relação à janela do vídeo:
prático 02 1. Para termos uma referência, ativamos as Safe zones do vídeo, no ícone por baixo da
viewport do vídeo como na figura:
2. Com a layer selecionada, no painel das layers clicamos no triângulo à esquerda da
layer para a abrir e vermos todos os parâmetros dessa layer.
Inserimos nos seguintes parâmetros, para a centrar e redimensionar, estes valores:
“Position“ = 374, 565, 0
“Scale” = 80, 80, 80
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
Tutorial Agora vamos criar uma nova layer. Mas vamos recorrer a uma “Shape Layer”.
prático 02 Sem nenhuma layer selecionada ativamos a “Rectangle Tool”, mudamos a cor do Fill
para cinza e retiramos o stroke.
Agora, sem nenhuma layer selecionada desenhamos um rectângulo cinza na viewport e
nas layers colocámo-lo por cima da layer da figura como ilustrado em baixo.
Desde logo mudar o modo da layer do rectângulos para 3D.
Modo 3D
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
Tutorial Agora vamos fazer dois duplicados da layer da nossa figura humana e mudar-lhes os
nomes:
prático 02
1. Selecionar a layer da figura humana, clicar no enter para o nome da layer ficar editáv-
el, mudar o nome para GD (grande) e voltar a clicar no enter para assumir o nome dado.
2. Selecionar a layer GD e fazer copy paste duas vezes.
3. Mudar o nome das layers duplicadas para
“peq. esq” e “peq. dir.”
4. Das duas novas layers criadas, apagar o segundo efeito
de Hue Saturation no painel dos efeitos ou na layer.
5. Abrir os parâmetros das duas layers e nos parâmetros de
posição puxar as duas layers para trás em Z (o terceiro
valor = 492) e posicioná-las para a esquerda e para a direita
respetivamente, como na figura e com os seguintes valores:
Figura da esquerda: Position = x 110, y 618, z 492
Figura da direita: Position = x 615, y 618, z 492
Figura central: Position = x 374, y 537, z 0
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
Tutorial Agora vamos animar as duas layers mais atrás da figura.
prático 02 1. Selecionar a layer “peq esq“ e no painel das layers ativar o stopwatch do parâmetro “Z
Rotation“. Depois, de 5 em 5 segundos, intercalar o valor entre 0 e -35.
O primeiro Keyframe no segundo 0 começa com o valor 0 no parâmetro “Z Rotation”.
2. Selecionar a layer “peq dir“ e fazer flip horizontal: >> Layer >> Transform >>
Flip Horizontal.
3. A seguir, no painel das layers e na layer “peq dir”, ativar o stopwatch do parâmetro “Z
Rotation“. Depois, de 5 em 5 segundos, intercalar o valor entre 0 e +35 para a layer ro-
dar no sentido contrário à layer da esquerda, como na figura em baixo.
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
Tutorial Vamos agora animar a layer da figura central para que, quando as laterais desçam a
central suba um pouco e vice versa.
prático 02
1. Selecionamos a layer “GD“ e abrimos os parâmetros da layer no painel das layers.
2. No parâmetro “Position” acionamos o Stopwatch e, de 5 em 5 segundos, inserimos os
seguintes valores:
Segundo 00 = x 374, y 537, z 0
Segundo 05 = x 374, y 470, z 0
Segundo 10 = x 374, y 537, z 0
Segundo 15 = x 374, y 470, z 0
Segundo 20 = x 374, y 537, z 0
Segundo 25 = x 374, y 470, z 0
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
Tutorial Por fim... vamos suavizar o movimento da layer aplicando-lhe aceleração e desacelera-
ção. Para tal selecionamos todas as keyframes do parâmetro position da layer “GD“,
prático 02 clicamos em cima com o botão do lado direito do rato e aplicamos um “easy ease”
>> Botão do lado dir do rato >> Keyframe Assistant >> Easy ease
Os Keyframes ficam com uma forma diferente como na figura em cima.
Fazer o mesmo para as duas outras layers....
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
Tutorial Agora vamos fazer com que duas layers de texto sigam o movimento das duas layers
das figuras em segundo plano.
prático 02
Como? Usando o chamado Parent!
Mas antes vamos criar as layers e posicioná-las correctamente.
1. Com a “Text tool” ativada escrever na viewport do Vídeo “figura esq.“.
Repetir o procedimento para uma segunda layer de texto mas escrever “figura dir.“
2. A seguir, colocar o texto das duas layers num corpo pequeno (25 pontos), transformar
as layers em layers 3D (como já explicado antes) e posicioná-las por cima das cabeças
das figuras laterais na viewport do vídeo.
Os valores a serem introduzidos no parâmetro “Position“ de
cada layer de texto são os seguintes:
Layer “Figura dir.“ >> Position = x 398, y -8, z 492
Layer “Figura esq.“ >> Position = x 430, y -8, z 492
Nota: se não transformarem as layers em layers 3D quando
abrirem o parâmetro Position de cada layer, só lhe vão surgir
dois parâmetros, ou seja, o X e o Y. Só acedem ao Z depois de
estas estarem em modo 3D.
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
Tutorial Agora vamos aplicar um “Parent” entre a layer da figura esquerda com a do texto
esquerdo, e um “Parent” entre a layer da figura da direita e a layer do texto à direita.
prático 02
Do lado direito das layers, no painel das layers, existe um parâmetro visível chamado
“Parent” como marcado na figura seguinte:
Na caixa onde diz “none“ de cada layer selecionamos a layer que queremos que essa
layer siga no seu movimento. Ou então arrastamos o simbolo de espiral para cima da
layer cujo movimento queremos que esta siga
Neste caso, no “parent” da layer “figura dir.” selecionamos a layer “Peq. dir“. E fazemos
o mesmo para fazer o “parent“ entre as layers “figura esq.“ e “peq. esq.“.
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
Tutorial Agora vamos colocar um texto a seguir a percorrer um path circular e, no seu conjunto, a
seguir o movimento ascendente e descendente da figura central.
prático 02
Primeiro: Criar mais uma layer de texto e escrever “Texto da figura central“.
Posicionar este texto por cima da cabeça da figura central.
Segundo: Com a nova layer de texto selecionada, desenhar com a “Pen Tool“ uma linha
em meia lua à volta da cabeça da figura central como se vê na figura:
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
Tutorial O Path em meia lua, desenhado na layer do novo texto, passou a ser uma máscara
dessa layer de texto. Agora vamos ter de dizer ao texto para se adaptar à forma da meia
prático 02 lua. Como?
Primeiro: Abrimos a layer do novo texto e surgem vários parâmetros. Abrimos o parâ-
metro “Text“ e dentro do parâmetro “Text” abrimos o sub-parâmetro “Path Options”, como
se vê na seguinte figura:
Segundo: Dentro de Path Options, em frente a “Path“ há uma caixa de seleção que diz
“None”. Nessa caixa selecionamos “Mask 1“, como na seguinte figura:
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
Tutorial Agora vamos animar o texto a circular à volta do path em meia lua.
prático 02 Primeiro: Acionamos o Stopwatch do parâmetro “First Margin“ e insere-se o valor -38.
Segundo: De 5 em 5 segundos intercalamos keyframes entre os valores -38 e 282.
É claro que estes valores podem variar dependendo da fonte que está
a ser utilizada e do tamanho dado ao texto. Se tiverem de usar outros
valores não faz mal. À vontade! Força!
Estamos apenas a testar o uso de recursos de AE.
-38 282 -38 282 -38
Por fim linka-se a layer, através de um “Parent“, à layer da figura central para que esta
siga o seu movimento.
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
Tutorial Vamos agora criar um título animado para colocar por cima da “Shape layer” cinza que
tinhamos criado no ínício do exercício.
prático 02
Primeiro: Criar uma nova layer de texto e escrever “Título Catita Animado“. Colocar o
texto num tamanho maior e por cima da shape layer cinza (no painel das layers colocar
esta layer no topo).
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
24. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Segundo: Com a layer do “Título catita animado” selecionada vamos aplicar um Preset
de animação de texto a essa layer:
prático 02
Selecionar a layer >> Animation >> Browse Presets
E abre a aplicação Bridge onde vamos escolher um preset de animação de texto.
• Escolher a Pasta “Text“ (duplo clique);
• Escolher a pasta “Tracking“(duplo clique);
• Escolher o Preset “Increase Tracking“
Duplo clique e ele salta para o AE e aplica o
preset à layer que estava selecionada.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
25. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Problema: Agora quando se volta ao AE acontece uma coisa stranha. Não vemos
qualquer tipo de alteração no texto ao qual aplicamos o Preset.
prático 02
Isso é porque o efeito ocorre ao longo do tempo. Para vermos o resultado temos de
correr a agulha da timeline.
Preset aplicado mas sem correr a agulha Preset aplicado mas correndo a agulha
da Timeline da Timeline
Et voilá... O efeito está a funcionar! Mas temos de o ajustar e manipular a nosso gosto.
Como? Vamos ver a seguir!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
26. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Se queremos manipular um preset aplicado a uma layer temos de entrar na layer
e manipular os sub-parâmetros de um novo parâmetro que o AE adiciona à Layer
prático 02 sempre que lhe aplicamos um Preset qualquer.
Esse parâmetro é um “Animator“. E está dentro do Parâmetro de “Text” da layer, como
podemos ver na seguinte figura:
Se abrirmos o Animator 1 abrem os parâmetros do Preset que podemos manipular
e controlar. A esses parâmetros podemos aplicar diferentes valores e criar keyframes
animando-os.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
27. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Por defeito o parâmetro “Tracking amount“ já aparece com dois Keyframes de valores
diferentes aplicado.
prático 02
Vamos baixar o valor (40 por defeito) do “Tacking Amount” da segunda Keyframe, para
o valor 5, para que o texto, quando abrir, se mantenha dentro do espaço do rectângulo
cinza que tem por baixo, como se pode ver nas seguintes figuras.
Antes (com valor 40) Depois (com valor 5)
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
28. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Agora vamos puxar o segundo Keyframe até ao seg. 5. Depois fazemos copy paste dos
dois primeiros Keyframes de 5 em 5 segundos para termos o preset a funcionar durante
prático 02 os 25 segs. da composição.
0 5 0 5 0 5
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
29. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Finalmente vamos usar a composição “Comp final“ que tinhamos criado inicialmente,
paralelamente com a composição que temos usado até agora.
prático 02
1. No painel das layers selecionamos a tab da “comp final”, como na figura:
2. Agora vamos criar uma vignette (um sombreado junto às extremidades do vídeo).
Para tal temos de começar por criar uma layer Solid num cinza escuro:
>> Layer >> New >> Solid >> escolher a cor no painel aberto >> clicar em “ok”
1
2
3
4 5
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
30. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial E o AE criou uma layer no painel das layers e visível na janela de vídeo (viewport).
prático 02
Para fazer uma vignette temos de aplicar à nova layer criada uma máscara elíptica.
Rectangle tool
1
1. Premir continuamente a rectangle tool até abrir um mini painel.
2
2. Selecionar a Elipse Tool.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
31. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial 3. Com a layer solid selecionada desenhar uma elipse na janela de vídeo.
prático 02 4. Agora temos de inverter a máscara. Para tal abrimos a layer, abrimos o parâmetro
“Mask“ e ativamos o parâmetro “Inverted“.
5. Por fim, abrimos o parâmetro “Mask 1“ dentro do parâmtero “Mask“ e no parâmetro
“Mask Feather” damos um feather à máscara de 250 píxeis.
3 4 5
6. A última coisa a fazer é atenuar a vignette. Para tal abrir a opacidade da
layer e baixar o valor para 50 para que fique mais suave.
6
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
32. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Agora vamos criar uma câmera virtual que mais tarde vamos animar por entre elemen-
tos gráficos que vamos espalhar e animar num espaço 3D.
prático 02
Vamos criar a câmera! Uma câmera virtual é também uma layer no AE!
>> Layer >> New >> Camera >> Selecionar a camera de 35 mm >> clicar em ok
1
2
3 4
6 5
Depois da câmera criada (passa a ser uma layer no painel das layers) vamos criar um
cenário de elementos através dos quais a câmera se vai movimentar.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
33. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Uma vez que vamos começar a trabalhar num espaço tridimensional é conveniente ter
vários pontos de vista da cena que vamos criar.
prático 02 Para tal vamos trabalhar com duas vistas: a vista da câmera e uma vista de topo.
2 4
1 3
1. Abrir a visualização do vídeo em duas viewports clicando onde diz “1 view“.
2. Selecionar a opção “2 views - horizontal”
3. Na viewport do lado esquerdo selecionar a vista “Top”
4. Na viewport do lado direito selecionar a vista “Camera 1“
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
34. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Agora vamos usar a nossa “comp. interna” como elemento do cenário que vamos criar.
Esta composição vai ser uma layer da “Comp. final“.
prático 02
Resultado final visível nas viewports
1
Top view Camera view
2
1. Arrastar a “comp. interna” do painel do projeto para o
painel das layers.
2. Transformar a layer “comp. interna“ numa layer 3D.
3. Abrir a layer “comp. interna“ e inserir os seguintes
3 valores nos seguintes parâmetros:
>> Position: x -118, y 288, z 431
4
>> Y Rotation: -52.0º
4. Duplicar a layer e inserir os seguintes valores:
>> Position: x 831, y 288, z 431
>> Y Rotation: +52.0º
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
35. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Agora vamos criar, com duplicados da nossa layer “comp. interna“ (4 duplicados), um
carrousel que vai rodar em torno de um eixo central. Para isso não vamos animar cada
prático 02 uma das layers mas vamos antes usar um recurso, um Null object (um tipo de layer),
que vai ser um eixo de rotação animado cujo movimento todas as outras layers vão
Nota: seguir.
Um Null object é um
objecto invisível que não 1. Criar uma layer “Null object”: >> Layer >> New >> Null Object.
sai no render final do
nosso filme.
É um recurso que serve
2. Transformar a layer do Null object numa layer 3D.
apenas de apoio à
execução de movimentos 3. Puxar o objecto nulo no eixo de Z (em profundidade) muito para trás das duas
de outros elementos do primeiras layers que colocamos no nosso cenário. As coordenadas de posição podem
nosso filme. ser as seguintes: x 360, y 288, z 1424 (não tem de ser exactamente estas).
Objecto Nulo na viewport
1
2
3
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
36. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Depois de criado e posicionado o Null object vamos começar a construir o nosso
“carrousel” com duplicados das layers “Comp. interna“:
prático 02
1. Duplicar uma das duas layers geradas a partir da “Comp. interna“
Basta selecionar uma e fazer um copy paste!
2. Mudar o nome dessa layer duplicada para “Número 1”
(Selecionar a layer e clicar no enter para editar o nome)
3. Fazer “Reset“ aos parâmetros da layer, abrindo o parâmetro “Transform” da layer e
clicando onde diz “Reset“.
3
2
Depois de aplicado o “Reset“ a layer volta à sua
posição inicial, como se vê na imagem aqui
apresentada mais à direita, da viewport com a
vista da câmera.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
37. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial 1. Puxar a nova layer atrás, no eixo de Z, até à coordenada de valor 1072 em Z.
prático 02 2. Duplicar a layer “Número 1“ (copy paste), e, no eixo de Z, inserir o valor 1792.
(Quando fazemos copy paste da layer “número 1“ o AE muda automaticamente o
nome para “número 2“, por causa da presença do numeral no nome).
3. Duplicar a layer “número 1” (passa a ser a “número 3“) e rodá-la 90º no eixo
“Y Rotation“. Depois puxar a layer para o lado e mais para trás para que, vista de
cima (Top view), fique a tocar nas extremidades das layers “número 1“ e “número 2“,
como se vê na seguinte figura:
Inserir os seguintes valores:
Position = x 33, y 288, z 1432,
Y Rotation = 90º
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
38. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Duplicar a layer “número 3“ (passa a ser a layer “número 4“) e passá-la para o lado
direito, até formar com as outras 3, um rectângulo como na figura.
prático 02
Inserir os seguintes valores em Position: x 690, y 288, z 1432,
E temos o nosso “Carrousel” construído. Agora temos de o colocar a rodar.
Como? É simples. Lembram-se do nosso Null object? Pois bem... Vamos usá-lo agora.
Não foi por acaso que colocamos as últimas 4 layers criadas à volta do Null Object.
Se queremos que o nosso “Carrousel“ rode temos de fazer com que as 4 layers rodem
em torno de um eixo central. Esse eixo vai ser o Null object!
Ou seja vamos animar o Null object e por as 4 layers a seguí-lo!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
39. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Para colocarmos as 4 layers a seguirem o movimento de rotação (que ainda está por ser
feito), do nosso Null object, temos de usar um recursos já utilizado neste tutorial:
prático 02
O Parent!
Fazer um Parent entre as 4 layers do Carrousel e o Null Object, como ilustrado na
seguinte figura:
Se agora mexermos na posição ou rotação do Null Object todas estas layers que lhe
ligamos seguem o seu movimento.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
40. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial E estamos a entrar na reta final do Tutorial. Mas ainda faltam algumas coisas.
prático 02 Agora vamos animar a Rotação do nosso Carrousel num dos seus eixos.
1. Abrimos a layer do Null Object
2. Abrimos o parâmetro “Transform”
3. Dentro do parâmetro “Transform” vamos ao parâmetro “Y Rotation“ e acionamos o
Stopwatch para se gerarem Keyframes quando inserirmos valores neste parâmetro.
No seg. 0 deixamos o valor do “Y Rotation“ a 0. Mas avançamos a agulha da Timeline
até ao seg. 25. E aí inserimos o valor 3x + 0.0º. O Null Object vai assim rodar 3 vezes
sobre este eixo durante os 25 segs. da nossa composição.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
41. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Depois de animada a rotação do nosso Null object fazer um Ram Peview para se ver o
que está feito até agora.
prático 02
Como?
Clicando no Botão indicado na seguinte figura do painel “Preview“, situado do lado
direito da interface do AE.
A partir daqui o AE começa a gerar fazer um Preview que nos vai permitir ver o que
temos feito até agora sem ter de fazer um render propriamente dito.
No Painel da Timeline o AE dá-nos uma pista da evolução desse “Ram Preview“. Quando a
linha verde (para onde apontam as setas) preenche a totalidade da Timeline, como indicado
na figura, tal significa que o nosso “Ram Preview“ está pronto e o AE arranca automatica-
mente a leitura em tempo real do nosso filme na viewport.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
42. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Feito o Ram Preview e visto o que temos até agora, vamos finalmente animar a nossa
câmera. Vamos animar a deslocação da nossa câmera na direcção do nosso carrousel.
prático 02
No entanto, há uma coisa que é necessário relembrar em relação à câmera. Esta tem o
que se chama um ponto de interesse (PI). Ou seja, um ponto para o qual a câmera, es-
teja onde estiver, está sempre a olhar.
Ponto de interesse
Se movermos a câmera de um lado para o
outro nos seus parâmetros de posição, o
que vai acontecer é que a câmera muda de
posição mas mantêm-se sempre a olhar
para o ponto de interesse. Isto porque a
posição do PI é um parâmetro separado do
Câmera propriamente dita
parâmetro de posição da câmera. E isto
pode levantar problemas.
Se nós animássemos a câmera até ela passar para além do “carrousel” o que acontecia
é que ela chegaria ao PI e invertia-se. Isto porque o nosso PI ficava atrás da câmera.
Por isso para se evitar problemas destes temos de desligar o PI. Vamos a isso!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
43. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Como desligar o PI de uma câmera?
prático 02 1. Selecionar a Layer da câmera
2. Abrir o “Auto-Orientation“
>> Layer >> Transform >> Auto-Orientation
3. No ecrã “Auto-Orient“ que se abre, selecionar a opção “Off“
2
3
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
44. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial E agora temos uma câmera livre e sem PI.
prático 02 Vejam em baixo as diferenças entre uma câmera (vista de uma top view) com PI ativo
e desativo. Mesmo dentro da layer o Parâmetro Point of Interest desaparece quando o
desativamos.
PI ativo PI desativado
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
45. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Voltemos ao nosso Tutorial.
prático 02 1. Abrir a layer da câmera.
2. Com a agulha da Timeline no seg. 0 acionar o stopwatch do parâmetro Position da
câmera. O AE gera automaticamente uma Keyframe nesse segundo.
3. Puxar a agulha para o seg. 25 e introduzir no parâmetro Position os seguintes valores:
Position = x 360, y 288, z 1800.
Posição Seg. 0 Posição Seg. 25
Acabamos de animar a
nossa câmera a dirigir-se para
o Carrousel.
Fazer um Ram Preview para
ver o resultado!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
46. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Tutorial Last but not least!
prático 02 Vamos fazer uma última coisa. Vamos animar outro parâmetro de rotação do Null object
para que a câmera atravesse o carrousel sem colidir com nenhuma das layers que o
constitui.
1. Abrir a layer do Null object
2. Com a agulha da timeline no seg. 10 acionar o Stopwatch do parâmetro “X Rotation“.
3. Avançar para o seg. 25 e no parâmetro “X Rotation“ inserir o valor 90º.
Et voilá.... Temos o nosso Tutorial completo!
Agora é só fazer Render. Mas antes lanço um desafio. Não sentem que as animações
estão muito lentas? Como é que podemos fazer com que as animações das layers que
usam a “Comp. interna“ como footage sejam mais rápidas?
Pensem nisso e tentem resolver este desafio.
Bom trabalho!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree