PRODUÇÃO AUDIOVISUAL Curso de Design Gráfico - 3º Ano 2º Semestre 1. INTRODUÇÃO AO AFTER EFFECTS 2. TUTORIAL DE ANIMAÇÃO BÁSICA EM AFTER EFFECTS

Transcrição

1 Professor Pedro M. Teixeira PRODUÇÃO AUDIOVISUAL Curso de Design Gráfico - 3º Ano 2º Semestre Aula INTRODUÇÃO AO AFTER EFFECTS 2. TUTORIAL DE ANIMAÇÃO BÁSICA EM AFTER EFFECTS

2 Ano letivo Professor 01 Intro ao AE - Noções básicas de operacionalidade

3 Ano letivo Professor Interface e principais painéis 1. Barra de Ferramentas 2. Painel de manipulação de efeitos 7. Browser de Efeitos 3. Painel do Projecto 4. Viewport/janela de vídeo 5. Painel das Layers 6. Timeline 2. É neste painel, que depois de aplicados os efeitos a uma layer, manipulamos as suas variáveis; 3. É neste painel que estão os materiais que importamos (vídeo, imagens, sons, etc) e comps. 4. Esta janela é o palco onde animamos e compomos o nosso filme ou sequência. 5. Este painel é onde ordenamos as layers de materiais que estamos a usar num filme ou sequência. 6. É onde criamos as Keyframes de animação de cada Layer. 7. O browser de efeitos e presets é onde procuramos efeitos e presets que queremos aplicar às nossas Layers.

4 Ligar e desligar Safe zones No After Effects basta clicar neste ícone para as Safe Zones serem exibidas no ecrã...

5 Ano letivo Professor Projecto e composições Quando abrimos o AE ele abre, por defeito, um Novo Projecto (File>New>NewProject). 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.

6 Ano letivo Professor Projecto e composições Abre uma janela com as settings da composição que estamos a criar. 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.

7 Ano letivo Professor Importar materiais e footage Depois de criada uma composição é preciso importar materiais para dentro do painel de projecto para serem utilizados e animados na nossa composição como layers. 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!

8 Layers Dentro do AE há duas formas de gerar layers: Arrastar 1. Ou utilizando materiais importados Arrastar materiais importados para dentro do Painel do Projecto para a Timeline ou para o Painel das Layers: Layer de som importado Layer de imagem importada Layer de vídeo importado Layer de sequência de imagens importadas Layer de composição gerada no AE etc Ou gerando layers internas No menú superior Layer selecionamos New e depois escolhemos o tipo de layer que queremos: Texto - Para escrever texto Solid - Para criar layer forma de cor plana Light - Para criar uma Luz Camera - Para criar uma camera Null Object - Para criar um Objecto Nulo Shape Layer - Para criar formas variadas Adjust. layer - Para aplicar efeitos sobre todas as layers que estão debaixo dela.

9 Animação ou keyframing Como animar layers e seus parâmetros? Depois de termos layers criadas no painel das layers, se as queremos animar nos seus 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 é que isso se faz? Quando criamos layers no painel das layers elas são apresentadas fechadas, como se 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

10 Animação ou keyframing Como animar layers e seus parâmetros? Agora para se animar cada um destes parâmetros temos de activar o Keyframing mode de cada layer. Como é que se faz isso? Do lado esquerdo de cada parâmetro existe um pequeno ícone que representa um cronómetro. Esse ícone é que permite a activação do Keyframing, ou seja, da criação de Keyframes que permitem a animação dos diferentes parâmetros de uma layer. Para se animar um parâmetro temos de activar esse cronómetro (1) que muda, a partir 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) 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.

11 Transformar uma layer bidimensional numa layer tridimensional No After Effects podemos, também, manipular tridimensionalmente as nossas layers. Como é que se faz isso? Primeiro temos de passar a layer do modo bidimensional para o modo tridimensional. Para tal, no painél das layers, do lado direito de cada layer há uma checkbox com um 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á escondido. Para o revelar têm de carregar no botão em baixo, no painel das layers onde diz Toogle Switches, como indicado na figura.

12 02 Tutorial de animação básica em After Effects Depois deste tutorial deverás ser capaz de: >> Criar uma composição e definir os seus settings; >> Importar materiais externos ao AE; >> Criar e gerar layers interna e externamente; Criar layers a partir de ficheiros externos Criar layers internamente - Ex: Solid layer. >> Manipular e animar layers nos seus diversos parâmetros; Transformar layers bidimensionais em layers 3D Criar Keyframes Manipular e animar os parâm. de posição Manipular e animar a opacidade Manipular e animar os parâm. de rotação

13 Vamos criar uma situação Vamos colocar um avião a cruzar um céu animado com núvens, e a cair até sair 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 logosas.png Arrastar 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.

14 Vamos criar o céu animado Vamos transformar as layers nuvens1.png, nuvens2. png, avião.png e base ceu.tif em layers tridimensionais. 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: 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.

15 Vamos criar o céu animado A layer nuvens2.png vai ser também animada nos 15 segs. da composição. Mas vamos também posicioná-la em profundidade para termos um efeito de profundidade, tal como fizemos na outra layer das nuvens. 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.

16 Vamos criar o céu animado Depois de posicionarmos as layers vamos tentar perceber o que estamos a fazer. Nós animamos as layers na horizontal e colocámo-las em valores de profundidade diferentes. Se olharmos para a imagem, em baixo, da vista de cima as nossas layers estão em 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!

17 Vamos animar o Avião A layer avião.png vai ser animada descrevendo um movimento descendente da direita 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. 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 percurso 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)

18 Vamos criar e animar a opacidade de um sólido Agora vamos criar um efeito de fade de um ecrã escuro para a animação do nosso avião 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. 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 % seg % seg. 14-0% seg % seg % ; E agora já temos um fade inicial e um fade final! Só nos falta animar o aparecimento do logótipo da empresa.

19 Vamos inserir o logo e o som O nosso logo vai surgir nos últimos segundos do nosso filme. Apenas estará animado na sua opacidade. 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 % 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!

20 Exportar ou fazer render do nosso vídeo Para fazer o render do nosso vídeo temos de fazer o seguinte: 1. Seleccionar no painel de projecto a composição que queremos exportar ou render (1) Neste caso é a comp. secundária. 2. Ir ao menu composition (2) e seleccionar add to render queue (3)

21 Exportar ou fazer render do nosso vídeo E no painel das layers abre-se a seguinte janela (do Add to render Queue). 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 3 (2). Em quality escolher Best (3). Em Resolution escolher Full (4). Clicar em OK 4

22 Exportar ou fazer render do nosso vídeo Mantêmo-nos na janela do add to render queue. 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 (2). Em format escolher Quick time (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

23 Exportar ou fazer render do nosso vídeo Mantêmo-nos na janela do add to render queue. 1 5 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 (2). Dar o nome Filme avião final (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). 4 Et voilá... É só esperar o render acabar e ir ao Desktop ver o nosso filme final.