Your SlideShare is downloading. ×
After Effects Tutorial - Cameras, parenting, precomposing, null objects, masks, text animated presets and animating a text layer's path
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

After Effects Tutorial - Cameras, parenting, precomposing, null objects, masks, text animated presets and animating a text layer's path

10,033
views

Published on

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 …

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.


0 Comments
21 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
10,033
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
21
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Instituto Politécnico do Cávado e Ave Escola Superior de TecnologiaProfessor 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 AudiovisualEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira01Tutorial 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 meiaprá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 à Layerprá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 duranteprá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 ok12 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