SlideShare uma empresa Scribd logo
1 de 46
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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

Mais conteúdo relacionado

Mais procurados

Masks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsMasks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsLeonardo Pereira
 
O Genérico - Main Title Design and Diegetic Type
O Genérico - Main Title Design and Diegetic TypeO Genérico - Main Title Design and Diegetic Type
O Genérico - Main Title Design and Diegetic TypeLeonardo Pereira
 
Ludicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLudicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLeonardo Pereira
 
Correcção de cor em vídeo
Correcção de cor em vídeoCorrecção de cor em vídeo
Correcção de cor em vídeoLeonardo Pereira
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de camerasLeonardo Pereira
 
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013Leonardo Pereira
 
Motion graphics como ferramenta educacional no ensino a distância
Motion graphics como ferramenta educacional no ensino a distância Motion graphics como ferramenta educacional no ensino a distância
Motion graphics como ferramenta educacional no ensino a distância Gustavo Gomes
 
Técnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopTécnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopLeonardo Pereira
 
Tutorial After Effects - Fernando Moreira
Tutorial After Effects - Fernando MoreiraTutorial After Effects - Fernando Moreira
Tutorial After Effects - Fernando Moreirafabricastartups
 
Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Leonardo Pereira
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Leonardo Pereira
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagemLeonardo Pereira
 
Guia KDEnlive
Guia KDEnliveGuia KDEnlive
Guia KDEnliveautonomo
 
Trabalhando imagens com o gimp
Trabalhando imagens com o gimpTrabalhando imagens com o gimp
Trabalhando imagens com o gimpJocilaine Moreira
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em PhotoshopLeonardo Pereira
 
Gimp para Iniciantes 1
Gimp para Iniciantes 1Gimp para Iniciantes 1
Gimp para Iniciantes 1PeslPinguim
 
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DTutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DLeonardo Pereira
 

Mais procurados (20)

Masks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After EffectsMasks & Puppet Tool animation in After Effects
Masks & Puppet Tool animation in After Effects
 
O Genérico - Main Title Design and Diegetic Type
O Genérico - Main Title Design and Diegetic TypeO Genérico - Main Title Design and Diegetic Type
O Genérico - Main Title Design and Diegetic Type
 
Ludicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLudicidade vs usabilidade num website
Ludicidade vs usabilidade num website
 
Correcção de cor em vídeo
Correcção de cor em vídeoCorrecção de cor em vídeo
Correcção de cor em vídeo
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de cameras
 
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
Provas de Doutoramento de Leonardo Pereira_17 de Dezembro 2013
 
Tutorial de retoque
Tutorial de retoqueTutorial de retoque
Tutorial de retoque
 
Introdução ao Photoshop
Introdução ao PhotoshopIntrodução ao Photoshop
Introdução ao Photoshop
 
Motion graphics como ferramenta educacional no ensino a distância
Motion graphics como ferramenta educacional no ensino a distância Motion graphics como ferramenta educacional no ensino a distância
Motion graphics como ferramenta educacional no ensino a distância
 
Técnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em PhotoshopTécnica avançadas de recorte em Photoshop
Técnica avançadas de recorte em Photoshop
 
Tutorial After Effects - Fernando Moreira
Tutorial After Effects - Fernando MoreiraTutorial After Effects - Fernando Moreira
Tutorial After Effects - Fernando Moreira
 
Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012Introduction to Photoshop's workshop - Covilha October 2012
Introduction to Photoshop's workshop - Covilha October 2012
 
Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012Introduction to Illustrator's workshop - Covilha October 2012
Introduction to Illustrator's workshop - Covilha October 2012
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagem
 
Tutorial kdenlive
Tutorial kdenliveTutorial kdenlive
Tutorial kdenlive
 
Guia KDEnlive
Guia KDEnliveGuia KDEnlive
Guia KDEnlive
 
Trabalhando imagens com o gimp
Trabalhando imagens com o gimpTrabalhando imagens com o gimp
Trabalhando imagens com o gimp
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em Photoshop
 
Gimp para Iniciantes 1
Gimp para Iniciantes 1Gimp para Iniciantes 1
Gimp para Iniciantes 1
 
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DTutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3D
 

Destaque

Motion graphics analysis stings
Motion graphics analysis stingsMotion graphics analysis stings
Motion graphics analysis stingsBethMelia
 
Palestra Audiovisual do Presente - o novo profissional e a tecnologia na cria...
Palestra Audiovisual do Presente - o novo profissional e a tecnologia na cria...Palestra Audiovisual do Presente - o novo profissional e a tecnologia na cria...
Palestra Audiovisual do Presente - o novo profissional e a tecnologia na cria...Daniel Freire Lopes
 
Processamento de Imagem - Campinho
Processamento de Imagem - CampinhoProcessamento de Imagem - Campinho
Processamento de Imagem - Campinhozacssa
 
Apresentação Guilherme Velho (Incubadoras Rio Criativo) - Curta Criativo 2013.
Apresentação Guilherme Velho (Incubadoras Rio Criativo) - Curta Criativo 2013.Apresentação Guilherme Velho (Incubadoras Rio Criativo) - Curta Criativo 2013.
Apresentação Guilherme Velho (Incubadoras Rio Criativo) - Curta Criativo 2013.Nuvem Criativa
 
Analisando e Produzindo o Audiovisual
Analisando e Produzindo o AudiovisualAnalisando e Produzindo o Audiovisual
Analisando e Produzindo o Audiovisualsimpala
 
Jair Viegas A Internet Como Ferramenta De Marketing E NegóCios
Jair Viegas   A Internet Como Ferramenta De Marketing E NegóCiosJair Viegas   A Internet Como Ferramenta De Marketing E NegóCios
Jair Viegas A Internet Como Ferramenta De Marketing E NegóCiosjairviegas
 
Palestra Internet Produtiva
Palestra Internet ProdutivaPalestra Internet Produtiva
Palestra Internet ProdutivaPaulo Milreu
 
O uso de redes sociais no desenvolvimento de pesquisas
O uso de redes sociais no desenvolvimento de pesquisasO uso de redes sociais no desenvolvimento de pesquisas
O uso de redes sociais no desenvolvimento de pesquisasMauricio Serafim
 
TCC - Infográficos e organização da informação: aproximações e possibilidades
TCC - Infográficos e organização da informação: aproximações e possibilidadesTCC - Infográficos e organização da informação: aproximações e possibilidades
TCC - Infográficos e organização da informação: aproximações e possibilidadesBeatriz Teixeira
 
Trabalho de codecs_referencias_
Trabalho de codecs_referencias_Trabalho de codecs_referencias_
Trabalho de codecs_referencias_Jéssica Azevedo
 
CAPITULO 3 - tecnologia audiovisuais tv e video na escola
CAPITULO 3 - tecnologia audiovisuais tv e video na escolaCAPITULO 3 - tecnologia audiovisuais tv e video na escola
CAPITULO 3 - tecnologia audiovisuais tv e video na escolaJOAO AURELIANO
 
Pré After Effects - Considerações gerais e técnicas sobre Produção Audiovisual
Pré After Effects - Considerações gerais e técnicas sobre Produção AudiovisualPré After Effects - Considerações gerais e técnicas sobre Produção Audiovisual
Pré After Effects - Considerações gerais e técnicas sobre Produção AudiovisualLeonardo Pereira
 
Estratégias de Animação e de Composição em Motion Graphics
Estratégias de Animação e de Composição em Motion GraphicsEstratégias de Animação e de Composição em Motion Graphics
Estratégias de Animação e de Composição em Motion GraphicsLeonardo Pereira
 
4P'S OF MAKETING
4P'S OF MAKETING4P'S OF MAKETING
4P'S OF MAKETINGkirti Shine
 
Our Outstanding Research, by Outstanding Branding
Our Outstanding Research, by Outstanding BrandingOur Outstanding Research, by Outstanding Branding
Our Outstanding Research, by Outstanding BrandingOutstanding Branding
 

Destaque (20)

Sarimanok Marketing Plan
Sarimanok Marketing PlanSarimanok Marketing Plan
Sarimanok Marketing Plan
 
Motion graphics analysis stings
Motion graphics analysis stingsMotion graphics analysis stings
Motion graphics analysis stings
 
Multimídia
MultimídiaMultimídia
Multimídia
 
Palestra Audiovisual do Presente - o novo profissional e a tecnologia na cria...
Palestra Audiovisual do Presente - o novo profissional e a tecnologia na cria...Palestra Audiovisual do Presente - o novo profissional e a tecnologia na cria...
Palestra Audiovisual do Presente - o novo profissional e a tecnologia na cria...
 
Processamento de Imagem - Campinho
Processamento de Imagem - CampinhoProcessamento de Imagem - Campinho
Processamento de Imagem - Campinho
 
Apresentação Guilherme Velho (Incubadoras Rio Criativo) - Curta Criativo 2013.
Apresentação Guilherme Velho (Incubadoras Rio Criativo) - Curta Criativo 2013.Apresentação Guilherme Velho (Incubadoras Rio Criativo) - Curta Criativo 2013.
Apresentação Guilherme Velho (Incubadoras Rio Criativo) - Curta Criativo 2013.
 
Analisando e Produzindo o Audiovisual
Analisando e Produzindo o AudiovisualAnalisando e Produzindo o Audiovisual
Analisando e Produzindo o Audiovisual
 
Aula 18
Aula   18Aula   18
Aula 18
 
Jair Viegas A Internet Como Ferramenta De Marketing E NegóCios
Jair Viegas   A Internet Como Ferramenta De Marketing E NegóCiosJair Viegas   A Internet Como Ferramenta De Marketing E NegóCios
Jair Viegas A Internet Como Ferramenta De Marketing E NegóCios
 
Palestra Internet Produtiva
Palestra Internet ProdutivaPalestra Internet Produtiva
Palestra Internet Produtiva
 
O uso de redes sociais no desenvolvimento de pesquisas
O uso de redes sociais no desenvolvimento de pesquisasO uso de redes sociais no desenvolvimento de pesquisas
O uso de redes sociais no desenvolvimento de pesquisas
 
TCC - Infográficos e organização da informação: aproximações e possibilidades
TCC - Infográficos e organização da informação: aproximações e possibilidadesTCC - Infográficos e organização da informação: aproximações e possibilidades
TCC - Infográficos e organização da informação: aproximações e possibilidades
 
Trabalho de codecs_referencias_
Trabalho de codecs_referencias_Trabalho de codecs_referencias_
Trabalho de codecs_referencias_
 
PDI - Notas De Aula
PDI - Notas De AulaPDI - Notas De Aula
PDI - Notas De Aula
 
CAPITULO 3 - tecnologia audiovisuais tv e video na escola
CAPITULO 3 - tecnologia audiovisuais tv e video na escolaCAPITULO 3 - tecnologia audiovisuais tv e video na escola
CAPITULO 3 - tecnologia audiovisuais tv e video na escola
 
Pré After Effects - Considerações gerais e técnicas sobre Produção Audiovisual
Pré After Effects - Considerações gerais e técnicas sobre Produção AudiovisualPré After Effects - Considerações gerais e técnicas sobre Produção Audiovisual
Pré After Effects - Considerações gerais e técnicas sobre Produção Audiovisual
 
Estratégias de Animação e de Composição em Motion Graphics
Estratégias de Animação e de Composição em Motion GraphicsEstratégias de Animação e de Composição em Motion Graphics
Estratégias de Animação e de Composição em Motion Graphics
 
4P'S OF MAKETING
4P'S OF MAKETING4P'S OF MAKETING
4P'S OF MAKETING
 
Tutorial Multimidia
Tutorial MultimidiaTutorial Multimidia
Tutorial Multimidia
 
Our Outstanding Research, by Outstanding Branding
Our Outstanding Research, by Outstanding BrandingOur Outstanding Research, by Outstanding Branding
Our Outstanding Research, by Outstanding Branding
 

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

Tutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingTutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingLeonardo Pereira
 
Passo a passo trajetoria com disparadores
Passo a passo   trajetoria com disparadoresPasso a passo   trajetoria com disparadores
Passo a passo trajetoria com disparadoresescoladigitalsert
 
Oficina De Movie Maker
Oficina De Movie MakerOficina De Movie Maker
Oficina De Movie Makerjosé pedro
 
Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Cleber Gouveia
 
dicas ppt.pdf
dicas ppt.pdfdicas ppt.pdf
dicas ppt.pdflopes67
 
Projeto winplot
Projeto   winplotProjeto   winplot
Projeto winplotEdna M
 
Projeto winplot
Projeto   winplotProjeto   winplot
Projeto winplotEdna M
 
Apostila adobe premiere_portugues_www.clickcursos.net_
Apostila adobe premiere_portugues_www.clickcursos.net_Apostila adobe premiere_portugues_www.clickcursos.net_
Apostila adobe premiere_portugues_www.clickcursos.net_BomSoul
 
Gracom cinetv informações curso
Gracom cinetv informações cursoGracom cinetv informações curso
Gracom cinetv informações cursoSergio Cajazeiras
 
UFCD9394 Videografismo e Composição (Parte2) - After Effects
UFCD9394 Videografismo e Composição (Parte2) - After EffectsUFCD9394 Videografismo e Composição (Parte2) - After Effects
UFCD9394 Videografismo e Composição (Parte2) - After EffectsEli Ramalho
 
Winplot: Estudando Função do 1º Grau Tarefa 5
Winplot: Estudando Função do 1º GrauTarefa 5Winplot: Estudando Função do 1º GrauTarefa 5
Winplot: Estudando Função do 1º Grau Tarefa 5Euzenir
 
Manual paint net
Manual paint netManual paint net
Manual paint netraul_m_c_f
 
Tutorial movie maker
Tutorial movie makerTutorial movie maker
Tutorial movie makerlabneusa
 
Tutorial movie maker
Tutorial movie maker Tutorial movie maker
Tutorial movie maker Sonia Maria
 
Ppt basico
Ppt basicoPpt basico
Ppt basicoJNR
 
Execução do projeto (informática educativa)
Execução do projeto (informática educativa)Execução do projeto (informática educativa)
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)

Tutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point trackingTutorial AE vs Mocha using four point tracking
Tutorial AE vs Mocha using four point tracking
 
Apostila de Lumion.pdf
Apostila de Lumion.pdfApostila de Lumion.pdf
Apostila de Lumion.pdf
 
Passo a passo trajetoria com disparadores
Passo a passo   trajetoria com disparadoresPasso a passo   trajetoria com disparadores
Passo a passo trajetoria com disparadores
 
Oficina De Movie Maker
Oficina De Movie MakerOficina De Movie Maker
Oficina De Movie Maker
 
Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1
 
dicas ppt.pdf
dicas ppt.pdfdicas ppt.pdf
dicas ppt.pdf
 
Projeto winplot
Projeto   winplotProjeto   winplot
Projeto winplot
 
Projeto winplot
Projeto   winplotProjeto   winplot
Projeto winplot
 
Apostila adobe premiere_portugues_www.clickcursos.net_
Apostila adobe premiere_portugues_www.clickcursos.net_Apostila adobe premiere_portugues_www.clickcursos.net_
Apostila adobe premiere_portugues_www.clickcursos.net_
 
Apostila photoshop
Apostila photoshopApostila photoshop
Apostila photoshop
 
Gracom cinetv informações curso
Gracom cinetv informações cursoGracom cinetv informações curso
Gracom cinetv informações curso
 
UFCD9394 Videografismo e Composição (Parte2) - After Effects
UFCD9394 Videografismo e Composição (Parte2) - After EffectsUFCD9394 Videografismo e Composição (Parte2) - After Effects
UFCD9394 Videografismo e Composição (Parte2) - After Effects
 
Tutorial prd
Tutorial prdTutorial prd
Tutorial prd
 
Winplot: Estudando Função do 1º Grau Tarefa 5
Winplot: Estudando Função do 1º GrauTarefa 5Winplot: Estudando Função do 1º GrauTarefa 5
Winplot: Estudando Função do 1º Grau Tarefa 5
 
Manual paint net
Manual paint netManual paint net
Manual paint net
 
Apostilaimpress274201173746
Apostilaimpress274201173746Apostilaimpress274201173746
Apostilaimpress274201173746
 
Tutorial movie maker
Tutorial movie makerTutorial movie maker
Tutorial movie maker
 
Tutorial movie maker
Tutorial movie maker Tutorial movie maker
Tutorial movie maker
 
Ppt basico
Ppt basicoPpt basico
Ppt basico
 
Execução do projeto (informática educativa)
Execução do projeto (informática educativa)Execução do projeto (informática educativa)
Execução do projeto (informática educativa)
 

Mais de Leonardo Pereira

Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascarasLeonardo Pereira
 
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsEstratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsLeonardo Pereira
 
Princípios básicos e clássicos de animação
Princípios básicos e clássicos de animaçãoPrincípios básicos e clássicos de animação
Princípios básicos e clássicos de animaçãoLeonardo Pereira
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014Leonardo Pereira
 
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Leonardo Pereira
 
Introdução aos Efeitos Visuais e ao Compositing
Introdução aos Efeitos Visuais e ao CompositingIntrodução aos Efeitos Visuais e ao Compositing
Introdução aos Efeitos Visuais e ao CompositingLeonardo Pereira
 
O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da AnimaçãoLeonardo Pereira
 
O Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaO Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaLeonardo Pereira
 
Introdução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaIntrodução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaLeonardo Pereira
 
Apresentação relatório de progresso
Apresentação relatório de progressoApresentação relatório de progresso
Apresentação relatório de progressoLeonardo Pereira
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à InfografiaLeonardo Pereira
 
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Leonardo Pereira
 
Leonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira
 

Mais de Leonardo Pereira (13)

Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascaras
 
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto portuguêsEstratégias de Produção de Motion Graphics para Mobile TV: O contexto português
Estratégias de Produção de Motion Graphics para Mobile TV: O contexto português
 
Princípios básicos e clássicos de animação
Princípios básicos e clássicos de animaçãoPrincípios básicos e clássicos de animação
Princípios básicos e clássicos de animação
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014
 
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
Princípios Orientadores de Design de Interfaces para aplicações iTV orientada...
 
Introdução aos Efeitos Visuais e ao Compositing
Introdução aos Efeitos Visuais e ao CompositingIntrodução aos Efeitos Visuais e ao Compositing
Introdução aos Efeitos Visuais e ao Compositing
 
O Flash no mundo da Animação
O Flash no mundo da AnimaçãoO Flash no mundo da Animação
O Flash no mundo da Animação
 
O Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte PublicitáriaO Photoshop na Direção de Arte Publicitária
O Photoshop na Direção de Arte Publicitária
 
Introdução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estáticaIntrodução à mecânica de uma imagem estática
Introdução à mecânica de uma imagem estática
 
Apresentação relatório de progresso
Apresentação relatório de progressoApresentação relatório de progresso
Apresentação relatório de progresso
 
Introdução à Infografia
Introdução à InfografiaIntrodução à Infografia
Introdução à Infografia
 
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...
 
Leonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolioLeonardo Pereira's Book cover design portfolio
Leonardo Pereira's Book cover design portfolio
 

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