SlideShare una empresa de Scribd logo
1 de 13
Instituto Politécnico do Cávado e Ave
                               Escola Superior de Tecnologia




               Professores
         Leonardo Pereira      PRODUÇÃO AUDIOVISUAL II
Ano Curricular - 2011 | 2012   Curso de Design Gráfico - 2º Ano | 2º Semestre




                                                      TUTORIAL - AE VS MOCHA
                               FOUR POINT TRACKING
                                      Tutorial concebido com base em Tutoriais do site MamoWorld.com
Instituto Politécnico do Cávado e Ave
    Escola Superior de Tecnologia

    Produção Audiovisual ||
    Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




Antes de começar
Antes de começarem este tutorial devem ter em conta de que, para o
executarem, precisam de ter instalados dois recursos que não são forne-
cidos nativamente com o After Effects e o Mocha.

1. O Red Giant Warp
Apesar de não se usar diretamente durante o Tutorial, ele é necessário
pois sem o mesmo, a aplicação de alguns efeitos não funcionará em AE.




	                            Este Plug in é pago!
	                            http://www.redgiantsoftware.com/products/all/rgwarp/




2. O MochaImport Script
Este script é essencial para se conseguirem aplicar no AE os dados gera-
dos no tracking em Mocha.




Este Script, apesar de não ser gratuíto, é extremamente barato, sem um
preço atribuído. O comprador dá o valor que entender pelo mesmo para
o descarregar do site dos seus proprietários via Paypal.

Ver em:
http://www.mamoworld.com/index.php?option=com_content&view=article&id=52&Itemid=72




                                        e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
                       Escola Superior de Tecnologia

                       Produção Audiovisual ||
                       Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




                     Neste tutorial vamos criar um efeito semelhante ao já usado nalgumas
                     campanhas publicitárias, como as campanhas da HP, onde pessoas
                     segurando uma “frame” de fotografias “arrancam“ a sua face para dentro
                     da frame quando esta cruza a sua face.

http://www.youtube.com/ Este tutorial serve também para se começar a trabalhar com o Mocha -
watch?v=owGykVbfgUE
                     para fazer o Four Point tracking - em paralelo com o After Effects - para
                     fazer o composite final do efeito.

                     Por último serve para se perceber como é que se resolve o problema o
                     problema de Four Point Tracking, quando um dos cantos sai fora do pla-
                     no e deixa de ser “trackável“.




                     Passo 01
                     Abrir um novo projeto em AE. Depois importar, para o painel do projecto,
                     a footage “Footage Four Point tracking.mov“.

                     Passo 02
                     Abrir paralelamente ao After Effects a aplicação Mocha.




                     Abre-se este interface do Mocha!

                                                          e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
  Escola Superior de Tecnologia

  Produção Audiovisual ||
  Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




Passo 03
Importar, para dentro do mocha, a footage “Footage Four Point tracking.
mov“. Para tal clicar no ícone no canto superior esquerdo da interface e
clicar em Choose na janela que abre, como ilustrado na seguinte figura:




Selecionar o ficheiro e abrir dentro do
Mocha!

E abre-se o ficheiro dentro do Mocha.




Passo 04
Agora vamos escolher o trecho do vídeo ao qual vamos aplicar um tra-
cking na moldura. Para tal, por baixo da janela do vídeo e do lado es-
querdo, na primeira janela inserir a frame 257 e na terceira inserir 401.
E o Mocha assinala o trecho do vídeo a ser “trackado“ pelo tracking,
como se pode ver na seguinte figura:




                                     e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
                              Escola Superior de Tecnologia

                              Produção Audiovisual ||
                              Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




                            Passo 05
                            Com a agulha da Timeline do Mocha na frame 257 do vídeo, desenhar a
                            linha envolvente da moldura com a “create x-spline layer tool“, ferramenta
                            situada no menu superior da interface, como ilustrado em baixo:




    Dica operacional:       Depois de desenhada a linha externa da moldura devemos sempre corri-
  Desenhado o quarto        gir a posição dos pontos nos cantos - arrastando cada ponto para o local
 ponto é preciso dizer      correto - e esticar a “handle“ de cada ponto, para que os cantos fiquem
 ao Mocha que a for-        retos e não curvos como ilustrado na seguinte figura:
    ma está completa.
    Para tal, não clicar
sobre o primeiro pon-
 to, para acabar. Com
a tecla “cmd“ premida
            clicar fora .




                            Fazer isto para os quatro pontos do contorno envolvente da moldura.



                                                                 e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
  Escola Superior de Tecnologia

  Produção Audiovisual ||
  Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




Passo 06
Agora desenhar, com a ferramenta “Add X-spline to layer“, o contorno
interno da moldura. Depois, tal como no passo anterior, confirmar que os
pontos estão corretamente alinhados com os cantos, mas não esticar as
handles para que os cantos passem de redondos para retos.




Passo 07
No menu inferior da Interface do Mocha, temos agora que verificar se
todos os parâmetros necessários ao Tracking estão ativados.
Onde diz “Motion” ativar todos os parâmetros do tracking, incluíndo
“Perspective“, como indicado na seguinte figura:




Agora só nos falta uma tarefa antes de fazermos o Tracking aos quatro
pontos, propriamente dito! Vamos definir o plano sobre tridimensional
sobre o qual vai assentar o que vamos querer colocar dentro da moldura.

Lets go!


                                     e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
                        Escola Superior de Tecnologia

                        Produção Audiovisual ||
                        Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




                      Passo 08
                      Do lado direito da interface, existe um painel onde está um botão cha-
                      mado “Surface“. Temos de o ativar. Depois de ativado surge na janela
                      do vídeo mais um rectângulo por cima do vídeo. Este rectângulo vai-nos
                      ajudar a colocar uma grelha tridimensional sobre o plano da moldura.

                      Se ativarmos o botão “Grid“ (também situado neste painel lateral à direi-
                      ta), sem ajustar a surface à moldura, o que acontece é que a Grid não
                      fica com a perspectiva da moldura.




Surface Ativa e Grid desativa                             Surface Ativa e Grid ativa


                      Passo 09
                      Desativar a Grid.
                      Ajustar a surface ao contorno interno da moldura.
                      Ativar a Grid.




                      E como se pode ver nas figuras anteriores a Grid já se “cola” corretamen-
                      te e em perspetiva, à superfície da moldura.

                      Vamos ao Tracking :)

                                                           e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
      Escola Superior de Tecnologia

      Produção Audiovisual ||
      Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




    Passo 10
    Agora vamos fazer o Tracking! Para tal ativar o ícone “Track Forwards“
    situado no canto inferior direito da janela do vídeo, conforme a figura:




    E o Mocha começa, muito lentamente a fazer o Tracking à moldura.




    Se o Tracking começar a ficar impreciso é preciso parar o tracking e
    ajustá-lo nos seus pontos na frame específica onde este se começa a
    passar. Mas só o fazemos aos pontos da “Surface“. Para tal:

1   1. É preciso parar o tracking no botão de “Stop tracking“;
    2. Ativar o painel “adjust track” na parte inferior esquerda da interface;
    	 (Não se pode saltar este passo. Caso contrário desfazemos o tracking 	
    	 feito para trás porque precisamos de “keyframar“ o track manualmente)
2   3. Ajustar manualmente os pontos da surface do tracking no vídeo;
    4. Ativa-se novamente o painel “Track” ao lado de “adjust track“;
    5. Ativar o tracking novamente, do frame corrigido para a frente.
4
       3                                                   3



5


     Ponto da surface por corrigir                       Ponto da surface corrigido

    Repetir o procedimento sempre que necessário!

                                         e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
  Escola Superior de Tecnologia

  Produção Audiovisual ||
  Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




Passo 11
Depois do tracking feito temos de transportar os dados do tracking para o
After Effects. Para tal vamos clicar no botão “Export tracking data“, situa-
do no canto inferior direito da interface do Mocha, quando o painel track
está ativado:




Surge o seguinte painel:




Escolhemos a opção “After Effects Corner Pin“ como indicado na figura
em cima (mas a que suporta RG Warp e Mochaimport).

Fazer “save” e gravar em local por vós definido no vosso disco.



Passo 12
Agora vamos para o After Effects e vamos preparar a nossa footage para
inserir um freeze da face do personagem do vídeo dentro da moldura
quando esta a cruzar.

Para isso vamos arrastar o vídeo “footage four point tracking“ do painel
do projeto para o painel das layers. Mudar o nome da composição gera-
da para “Composite Four Point Tracking”:




                                     e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
  Escola Superior de Tecnologia

  Produção Audiovisual ||
  Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




Passo 13
Duplicar a layer gerada (copy paste) e colocar a agulha da timeline na
frame 257. Depois, puxar a visibilidade da layer duplicada (in point) até
ao frame 257, como ilustrado na seguinte figura:




Passo 14
Agora vamos fazer um freeze à layer duplicada exatamente no frame
257. Com a layer selecionada ir a: layer >> time >> freeze frame




Como ilustrado na figura em cima surge um keyframe quadrada indican-
do que nessa frame e a partir dela, o vídeo está “congelado”.

Passo 15
Por fim, na layer duplicada e com esta selecionada, vamos desenhar
uma máscara com o formato do contorno interior da moldura. Mas vamos
desenhá-lo um pouco mais fora do contorno da moldura e dar-lhe um
ligeiro feather para disfarçar eventuais desvios do tracking.




                                     e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
            Escola Superior de Tecnologia

            Produção Audiovisual ||
            Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




        Passo 16
        Agora vamos abrir o script MochaImport que nos vai permitir aplicar os
        dados de tracking gerados no Mocha, a esta layer duplicada e mascara-
        da e cujos cantos vão seguir a moldura.
        Abrir o MochaImport: Window >> MochaImport.jsx
        E abre-se o painel do MochaImport!




        Passo 17
        A seguir, com a layer duplicada e mascarada selecionada, e com a agu-
        lha da timeline no frame 257, vamos importar os dados de tracking que
        antes geramos no Mocha, para esta layer.

        	                1. No painel do mocha import clicamos em “load from textfile” 	
3       	                e abrimos o ficheiro que gravamos do Mocha.
        	                2. Depois na parte superior do painel selecionamos a opção:
    2   	                >> Red Giant Warp corner pin - keep frame
        	                3. Carregar em “Apply“.
        	                4. E surge uma janela estranha. Carreguem em “No“.




1
                                                  4

                                               e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
 Escola Superior de Tecnologia

 Produção Audiovisual ||
 Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




E aparentemente, se corrermos a agulha da timeline, ou se fizermos um
ram preview, podemos verificar que há um ligeiro desfasamento do tra-
cking. Parece que se adianta como podemos ver na seguinte figura:




Isto nem sempre acontece. Mas se acontecer vamos fazer um pequeno
ajuste à layer reposicionando-a no tempo um frame depois.

Vamos a isso!



Passo 18
No navegador do tamanho da timeline aumentar a visibilidade da timeline
ao máximo como ilustrado na figura seguinte:




Passo 19
Arrastar a layer de cima apenas um Keyframe para a frente, como ilustra-
do em baixo:




                                    e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
Instituto Politécnico do Cávado e Ave
  Escola Superior de Tecnologia

  Produção Audiovisual ||
  Ano letivo - 2011 | 2012 || Professor Leonardo Pereira




E pronto! Problema resolvido. Se fizerem um Ram Preview vão ver que já
não se nota nada!

Passo 20
Para um efeito mais realista, e como temos movimento, devemos ativar o
motion blur da layer que segue a moldura da layer de baixo.

Para tal ativar o ícone indicado na seguinte figura:




Et voilá. está feito!

Bons Four Point Trackings :)




                                     e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree

Más contenido relacionado

La actualidad más candente

Apresentação 2 Formação Photoshop
Apresentação 2 Formação PhotoshopApresentação 2 Formação Photoshop
Apresentação 2 Formação PhotoshopJoão Leal
 
Guia KDEnlive
Guia KDEnliveGuia KDEnlive
Guia KDEnliveautonomo
 
Exercícios imagem
Exercícios imagemExercícios imagem
Exercícios imagemJoão Leal
 
Apresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECApresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECJoão Leal
 
Apresentação1 11 pm edição 3d
Apresentação1 11 pm edição 3dApresentação1 11 pm edição 3d
Apresentação1 11 pm edição 3dJoão Leal
 
Tutorial ejercicios faciles 3ds max l jop
Tutorial ejercicios faciles 3ds max l jopTutorial ejercicios faciles 3ds max l jop
Tutorial ejercicios faciles 3ds max l jopLuis Jose
 
Apresentação TPSI - ISEC (Edição de Vídeo)
Apresentação TPSI - ISEC (Edição de Vídeo)Apresentação TPSI - ISEC (Edição de Vídeo)
Apresentação TPSI - ISEC (Edição de Vídeo)João Leal
 
Apresentação AE Tondela (mod 3 animação 2D)
Apresentação AE Tondela (mod 3 animação 2D)Apresentação AE Tondela (mod 3 animação 2D)
Apresentação AE Tondela (mod 3 animação 2D)João Leal
 
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
 
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
 

La actualidad más candente (13)

Tutorial kdenlive
Tutorial kdenliveTutorial kdenlive
Tutorial kdenlive
 
Vray para sketchup
Vray para sketchupVray para sketchup
Vray para sketchup
 
Apresentação 2 Formação Photoshop
Apresentação 2 Formação PhotoshopApresentação 2 Formação Photoshop
Apresentação 2 Formação Photoshop
 
Guia KDEnlive
Guia KDEnliveGuia KDEnlive
Guia KDEnlive
 
Exercícios imagem
Exercícios imagemExercícios imagem
Exercícios imagem
 
Apresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECApresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISEC
 
T12 fotografia como forma de arte movimento
T12   fotografia como forma de arte movimentoT12   fotografia como forma de arte movimento
T12 fotografia como forma de arte movimento
 
Apresentação1 11 pm edição 3d
Apresentação1 11 pm edição 3dApresentação1 11 pm edição 3d
Apresentação1 11 pm edição 3d
 
Tutorial ejercicios faciles 3ds max l jop
Tutorial ejercicios faciles 3ds max l jopTutorial ejercicios faciles 3ds max l jop
Tutorial ejercicios faciles 3ds max l jop
 
Apresentação TPSI - ISEC (Edição de Vídeo)
Apresentação TPSI - ISEC (Edição de Vídeo)Apresentação TPSI - ISEC (Edição de Vídeo)
Apresentação TPSI - ISEC (Edição de Vídeo)
 
Apresentação AE Tondela (mod 3 animação 2D)
Apresentação AE Tondela (mod 3 animação 2D)Apresentação AE Tondela (mod 3 animação 2D)
Apresentação AE Tondela (mod 3 animação 2D)
 
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
 
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
 

Destacado

Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Leonardo 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
 
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...Leonardo Pereira
 
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
 
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
 
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
 
Photoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoPhotoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoMilena Capraro
 
Teoria Super Básica de Cores
Teoria Super Básica de CoresTeoria Super Básica de Cores
Teoria Super Básica de CoresFábio Gonçalves
 
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 ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagemLeonardo Pereira
 
Inkscape For Art & Science
Inkscape For Art & ScienceInkscape For Art & Science
Inkscape For Art & ScienceMichele Tobias
 
Gimp Vs Photoshop
Gimp Vs PhotoshopGimp Vs Photoshop
Gimp Vs Photoshoplagrange
 
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
 
Adobe illustrator vs inkscape
Adobe illustrator vs inkscapeAdobe illustrator vs inkscape
Adobe illustrator vs inkscapedisseny2d1
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em PhotoshopLeonardo Pereira
 
Inkscape, nociones básicas
Inkscape, nociones básicasInkscape, nociones básicas
Inkscape, nociones básicasDavid Pineda
 
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
 

Destacado (20)

Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010 Estado da arte do parque de terminais móveis em PT_2010
Estado da arte do parque de terminais móveis em PT_2010
 
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...
 
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
A Revolução Cultural de Consumo na Produção e Distribuição de Conteúdo Audiov...
 
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
 
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
 
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
 
Photoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outonoPhotoshop CS6 - Efeito Flores de outono
Photoshop CS6 - Efeito Flores de outono
 
Teoria Super Básica de Cores
Teoria Super Básica de CoresTeoria Super Básica de Cores
Teoria Super Básica de Cores
 
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 ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagem
 
Photoshop cs-6
Photoshop cs-6Photoshop cs-6
Photoshop cs-6
 
Inkscape For Art & Science
Inkscape For Art & ScienceInkscape For Art & Science
Inkscape For Art & Science
 
Gimp Vs Photoshop
Gimp Vs PhotoshopGimp Vs Photoshop
Gimp Vs Photoshop
 
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
 
Adobe illustrator vs inkscape
Adobe illustrator vs inkscapeAdobe illustrator vs inkscape
Adobe illustrator vs inkscape
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em Photoshop
 
Inkscape, nociones básicas
Inkscape, nociones básicasInkscape, nociones básicas
Inkscape, nociones básicas
 
Tutorial de retoque
Tutorial de retoqueTutorial de retoque
Tutorial de retoque
 
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
 
Introdução ao Photoshop
Introdução ao PhotoshopIntrodução ao Photoshop
Introdução ao Photoshop
 

Similar a Four Point Tracking no AE vs Mocha

Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Cleber Gouveia
 
Auto cad introdução à plataforma 2d-rev01
Auto cad   introdução à plataforma 2d-rev01Auto cad   introdução à plataforma 2d-rev01
Auto cad introdução à plataforma 2d-rev01Diego Siqueira de Lima
 
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
 
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitáriosOs Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitáriosLeonardo Pereira
 
«Este web quest para avaliação das aprendizagens com tic»
«Este web quest para avaliação das aprendizagens com tic»«Este web quest para avaliação das aprendizagens com tic»
«Este web quest para avaliação das aprendizagens com tic»Sande
 
Passo a passo trajetoria com disparadores
Passo a passo   trajetoria com disparadoresPasso a passo   trajetoria com disparadores
Passo a passo trajetoria com disparadoresescoladigitalsert
 
Básico sobre Debugging com Java
Básico sobre Debugging com JavaBásico sobre Debugging com Java
Básico sobre Debugging com JavajesuinoPower
 
Correcção de cor secundária_Look Sin City
Correcção de cor secundária_Look Sin CityCorrecção de cor secundária_Look Sin City
Correcção de cor secundária_Look Sin CityLeonardo Pereira
 
1502 - Revista - SQL Server.pdf
1502 - Revista - SQL Server.pdf1502 - Revista - SQL Server.pdf
1502 - Revista - SQL Server.pdfjoaoJunior93
 
Como registrar no treinamento online recruiter (port) v3
Como registrar no treinamento online recruiter (port) v3Como registrar no treinamento online recruiter (port) v3
Como registrar no treinamento online recruiter (port) v3Bruno Weibert Fonseca
 
Slide robótica Educacional
Slide robótica EducacionalSlide robótica Educacional
Slide robótica EducacionalJoalisson Gomes
 

Similar a Four Point Tracking no AE vs Mocha (20)

Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1Curso Maquete eletrônica Aula1
Curso Maquete eletrônica Aula1
 
Auto cad introdução à plataforma 2d-rev01
Auto cad   introdução à plataforma 2d-rev01Auto cad   introdução à plataforma 2d-rev01
Auto cad introdução à plataforma 2d-rev01
 
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
 
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitáriosOs Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
 
Minicurso de App Inventor
Minicurso de App InventorMinicurso de App Inventor
Minicurso de App Inventor
 
«Este web quest para avaliação das aprendizagens com tic»
«Este web quest para avaliação das aprendizagens com tic»«Este web quest para avaliação das aprendizagens com tic»
«Este web quest para avaliação das aprendizagens com tic»
 
Passo a passo trajetoria com disparadores
Passo a passo   trajetoria com disparadoresPasso a passo   trajetoria com disparadores
Passo a passo trajetoria com disparadores
 
Prezi Avançado
Prezi Avançado Prezi Avançado
Prezi Avançado
 
Apostila%20 dominando%20pscs5
Apostila%20 dominando%20pscs5Apostila%20 dominando%20pscs5
Apostila%20 dominando%20pscs5
 
Manual do mfe
Manual do mfeManual do mfe
Manual do mfe
 
Básico sobre Debugging com Java
Básico sobre Debugging com JavaBásico sobre Debugging com Java
Básico sobre Debugging com Java
 
Apostila torno-producao
Apostila torno-producaoApostila torno-producao
Apostila torno-producao
 
Tutorial prd
Tutorial prdTutorial prd
Tutorial prd
 
Correcção de cor secundária_Look Sin City
Correcção de cor secundária_Look Sin CityCorrecção de cor secundária_Look Sin City
Correcção de cor secundária_Look Sin City
 
Oficina App Inventor
Oficina App InventorOficina App Inventor
Oficina App Inventor
 
1502 - Revista - SQL Server.pdf
1502 - Revista - SQL Server.pdf1502 - Revista - SQL Server.pdf
1502 - Revista - SQL Server.pdf
 
Tutorial edpuzzle
Tutorial   edpuzzleTutorial   edpuzzle
Tutorial edpuzzle
 
Como registrar no treinamento online recruiter (port) v3
Como registrar no treinamento online recruiter (port) v3Como registrar no treinamento online recruiter (port) v3
Como registrar no treinamento online recruiter (port) v3
 
Ger301
Ger301Ger301
Ger301
 
Slide robótica Educacional
Slide robótica EducacionalSlide robótica Educacional
Slide robótica Educacional
 

Más de Leonardo Pereira

Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascarasLeonardo Pereira
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014Leonardo 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
 
Ludicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLudicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLeonardo 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
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de camerasLeonardo 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
 
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
 

Más de Leonardo Pereira (13)

Tutorial de introducao as mascaras
Tutorial de introducao as mascarasTutorial de introducao as mascaras
Tutorial de introducao as mascaras
 
www.entaovadesign.com 2014
www.entaovadesign.com 2014www.entaovadesign.com 2014
www.entaovadesign.com 2014
 
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
 
Ludicidade vs usabilidade num website
Ludicidade vs usabilidade num websiteLudicidade vs usabilidade num website
Ludicidade vs usabilidade num website
 
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
 
Introdução à Projeção de cameras
Introdução à Projeção de camerasIntrodução à Projeção de cameras
Introdução à Projeção de cameras
 
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
 
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
 

Four Point Tracking no AE vs Mocha

  • 1. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Professores Leonardo Pereira PRODUÇÃO AUDIOVISUAL II Ano Curricular - 2011 | 2012 Curso de Design Gráfico - 2º Ano | 2º Semestre TUTORIAL - AE VS MOCHA FOUR POINT TRACKING Tutorial concebido com base em Tutoriais do site MamoWorld.com
  • 2. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Antes de começar Antes de começarem este tutorial devem ter em conta de que, para o executarem, precisam de ter instalados dois recursos que não são forne- cidos nativamente com o After Effects e o Mocha. 1. O Red Giant Warp Apesar de não se usar diretamente durante o Tutorial, ele é necessário pois sem o mesmo, a aplicação de alguns efeitos não funcionará em AE. Este Plug in é pago! http://www.redgiantsoftware.com/products/all/rgwarp/ 2. O MochaImport Script Este script é essencial para se conseguirem aplicar no AE os dados gera- dos no tracking em Mocha. Este Script, apesar de não ser gratuíto, é extremamente barato, sem um preço atribuído. O comprador dá o valor que entender pelo mesmo para o descarregar do site dos seus proprietários via Paypal. Ver em: http://www.mamoworld.com/index.php?option=com_content&view=article&id=52&Itemid=72 e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 3. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Neste tutorial vamos criar um efeito semelhante ao já usado nalgumas campanhas publicitárias, como as campanhas da HP, onde pessoas segurando uma “frame” de fotografias “arrancam“ a sua face para dentro da frame quando esta cruza a sua face. http://www.youtube.com/ Este tutorial serve também para se começar a trabalhar com o Mocha - watch?v=owGykVbfgUE para fazer o Four Point tracking - em paralelo com o After Effects - para fazer o composite final do efeito. Por último serve para se perceber como é que se resolve o problema o problema de Four Point Tracking, quando um dos cantos sai fora do pla- no e deixa de ser “trackável“. Passo 01 Abrir um novo projeto em AE. Depois importar, para o painel do projecto, a footage “Footage Four Point tracking.mov“. Passo 02 Abrir paralelamente ao After Effects a aplicação Mocha. Abre-se este interface do Mocha! e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 4. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Passo 03 Importar, para dentro do mocha, a footage “Footage Four Point tracking. mov“. Para tal clicar no ícone no canto superior esquerdo da interface e clicar em Choose na janela que abre, como ilustrado na seguinte figura: Selecionar o ficheiro e abrir dentro do Mocha! E abre-se o ficheiro dentro do Mocha. Passo 04 Agora vamos escolher o trecho do vídeo ao qual vamos aplicar um tra- cking na moldura. Para tal, por baixo da janela do vídeo e do lado es- querdo, na primeira janela inserir a frame 257 e na terceira inserir 401. E o Mocha assinala o trecho do vídeo a ser “trackado“ pelo tracking, como se pode ver na seguinte figura: e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 5. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Passo 05 Com a agulha da Timeline do Mocha na frame 257 do vídeo, desenhar a linha envolvente da moldura com a “create x-spline layer tool“, ferramenta situada no menu superior da interface, como ilustrado em baixo: Dica operacional: Depois de desenhada a linha externa da moldura devemos sempre corri- Desenhado o quarto gir a posição dos pontos nos cantos - arrastando cada ponto para o local ponto é preciso dizer correto - e esticar a “handle“ de cada ponto, para que os cantos fiquem ao Mocha que a for- retos e não curvos como ilustrado na seguinte figura: ma está completa. Para tal, não clicar sobre o primeiro pon- to, para acabar. Com a tecla “cmd“ premida clicar fora . Fazer isto para os quatro pontos do contorno envolvente da moldura. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 6. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Passo 06 Agora desenhar, com a ferramenta “Add X-spline to layer“, o contorno interno da moldura. Depois, tal como no passo anterior, confirmar que os pontos estão corretamente alinhados com os cantos, mas não esticar as handles para que os cantos passem de redondos para retos. Passo 07 No menu inferior da Interface do Mocha, temos agora que verificar se todos os parâmetros necessários ao Tracking estão ativados. Onde diz “Motion” ativar todos os parâmetros do tracking, incluíndo “Perspective“, como indicado na seguinte figura: Agora só nos falta uma tarefa antes de fazermos o Tracking aos quatro pontos, propriamente dito! Vamos definir o plano sobre tridimensional sobre o qual vai assentar o que vamos querer colocar dentro da moldura. Lets go! e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 7. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Passo 08 Do lado direito da interface, existe um painel onde está um botão cha- mado “Surface“. Temos de o ativar. Depois de ativado surge na janela do vídeo mais um rectângulo por cima do vídeo. Este rectângulo vai-nos ajudar a colocar uma grelha tridimensional sobre o plano da moldura. Se ativarmos o botão “Grid“ (também situado neste painel lateral à direi- ta), sem ajustar a surface à moldura, o que acontece é que a Grid não fica com a perspectiva da moldura. Surface Ativa e Grid desativa Surface Ativa e Grid ativa Passo 09 Desativar a Grid. Ajustar a surface ao contorno interno da moldura. Ativar a Grid. E como se pode ver nas figuras anteriores a Grid já se “cola” corretamen- te e em perspetiva, à superfície da moldura. Vamos ao Tracking :) e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 8. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Passo 10 Agora vamos fazer o Tracking! Para tal ativar o ícone “Track Forwards“ situado no canto inferior direito da janela do vídeo, conforme a figura: E o Mocha começa, muito lentamente a fazer o Tracking à moldura. Se o Tracking começar a ficar impreciso é preciso parar o tracking e ajustá-lo nos seus pontos na frame específica onde este se começa a passar. Mas só o fazemos aos pontos da “Surface“. Para tal: 1 1. É preciso parar o tracking no botão de “Stop tracking“; 2. Ativar o painel “adjust track” na parte inferior esquerda da interface; (Não se pode saltar este passo. Caso contrário desfazemos o tracking feito para trás porque precisamos de “keyframar“ o track manualmente) 2 3. Ajustar manualmente os pontos da surface do tracking no vídeo; 4. Ativa-se novamente o painel “Track” ao lado de “adjust track“; 5. Ativar o tracking novamente, do frame corrigido para a frente. 4 3 3 5 Ponto da surface por corrigir Ponto da surface corrigido Repetir o procedimento sempre que necessário! e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 9. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Passo 11 Depois do tracking feito temos de transportar os dados do tracking para o After Effects. Para tal vamos clicar no botão “Export tracking data“, situa- do no canto inferior direito da interface do Mocha, quando o painel track está ativado: Surge o seguinte painel: Escolhemos a opção “After Effects Corner Pin“ como indicado na figura em cima (mas a que suporta RG Warp e Mochaimport). Fazer “save” e gravar em local por vós definido no vosso disco. Passo 12 Agora vamos para o After Effects e vamos preparar a nossa footage para inserir um freeze da face do personagem do vídeo dentro da moldura quando esta a cruzar. Para isso vamos arrastar o vídeo “footage four point tracking“ do painel do projeto para o painel das layers. Mudar o nome da composição gera- da para “Composite Four Point Tracking”: e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 10. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Passo 13 Duplicar a layer gerada (copy paste) e colocar a agulha da timeline na frame 257. Depois, puxar a visibilidade da layer duplicada (in point) até ao frame 257, como ilustrado na seguinte figura: Passo 14 Agora vamos fazer um freeze à layer duplicada exatamente no frame 257. Com a layer selecionada ir a: layer >> time >> freeze frame Como ilustrado na figura em cima surge um keyframe quadrada indican- do que nessa frame e a partir dela, o vídeo está “congelado”. Passo 15 Por fim, na layer duplicada e com esta selecionada, vamos desenhar uma máscara com o formato do contorno interior da moldura. Mas vamos desenhá-lo um pouco mais fora do contorno da moldura e dar-lhe um ligeiro feather para disfarçar eventuais desvios do tracking. e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 11. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira Passo 16 Agora vamos abrir o script MochaImport que nos vai permitir aplicar os dados de tracking gerados no Mocha, a esta layer duplicada e mascara- da e cujos cantos vão seguir a moldura. Abrir o MochaImport: Window >> MochaImport.jsx E abre-se o painel do MochaImport! Passo 17 A seguir, com a layer duplicada e mascarada selecionada, e com a agu- lha da timeline no frame 257, vamos importar os dados de tracking que antes geramos no Mocha, para esta layer. 1. No painel do mocha import clicamos em “load from textfile” 3 e abrimos o ficheiro que gravamos do Mocha. 2. Depois na parte superior do painel selecionamos a opção: 2 >> Red Giant Warp corner pin - keep frame 3. Carregar em “Apply“. 4. E surge uma janela estranha. Carreguem em “No“. 1 4 e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 12. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira E aparentemente, se corrermos a agulha da timeline, ou se fizermos um ram preview, podemos verificar que há um ligeiro desfasamento do tra- cking. Parece que se adianta como podemos ver na seguinte figura: Isto nem sempre acontece. Mas se acontecer vamos fazer um pequeno ajuste à layer reposicionando-a no tempo um frame depois. Vamos a isso! Passo 18 No navegador do tamanho da timeline aumentar a visibilidade da timeline ao máximo como ilustrado na figura seguinte: Passo 19 Arrastar a layer de cima apenas um Keyframe para a frente, como ilustra- do em baixo: e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
  • 13. Instituto Politécnico do Cávado e Ave Escola Superior de Tecnologia Produção Audiovisual || Ano letivo - 2011 | 2012 || Professor Leonardo Pereira E pronto! Problema resolvido. Se fizerem um Ram Preview vão ver que já não se nota nada! Passo 20 Para um efeito mais realista, e como temos movimento, devemos ativar o motion blur da layer que segue a moldura da layer de baixo. Para tal ativar o ícone indicado na seguinte figura: Et voilá. está feito! Bons Four Point Trackings :) e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree