Your SlideShare is downloading. ×
0
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Introdução ao After Effects
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introdução ao After Effects

7,853

Published on

In this class I show my students how to get started with After Effects and some of the main panels they can work with to start animating things.

In this class I show my students how to get started with After Effects and some of the main panels they can work with to start animating things.

Published in: Education
0 Comments
25 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,853
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
2
Comments
0
Likes
25
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 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 AudiovisualEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira01Intro 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 FerramentasInterface 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 demateriais 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 PereiraLayers 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 PereiraAnimaçã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 PereiraAnimaçã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 umComo animar cronómetro. Esse ícone é que permite a activação do Keyframing, ou seja, da criação delayers 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 umtridimensional 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 AudiovisualEscola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira02Tutorial de animação básica em After EffectsDepois 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é sairuma 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.tifcriar 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. Mascriar 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óscriar 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 direitaanimar 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ãocriar 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 PereiraVamos 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 PereiraExportar 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 PereiraExportar 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 PereiraExportar 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 PereiraExportar 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

×