SlideShare ist ein Scribd-Unternehmen logo
1 von 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 - PARTICLE PLAYGROUND
                                           EMISSÃO DE
                                   PARTÍCULAS APARTIR
                                          DE UM DEDO
                                        EM MOVIMENTO
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 usar um sistema de partículas, o Particle Play-
ground, para colocar uma mão a “cuspir” logos ou outro objecto em
movimento qualquer. Vamos ter, igualmente, que usar Motion Tracking
simples, para prender o emissor de partículas à ponta de um dos dedos
da mão..

O Particle Playground é um plug-in nativamente disponível no AE.



Passo 01
Abrir um novo projeto em AE. Depois importar, para o painel do projecto,
a footage “Footage para tut Partículas.mov“ e “partícula.png“.

Passo 02
Com o ficheiro “Footage para tut Partículas.mov“ criar uma composição
no AE, arrastando o ficheiro do painel do projeto para o painel das layers.

Passo 03
Agora vamos mudar o tamanho da composição gerada para cortar parte
do vídeo à composição.
Vamos a: >> Composition >> Composition Settings

	       1. Ativar o “Lock
      3
		 aspect ratio“.
	
	       2. Mudar a “width”
  2 1
		 para 480.

	 3. Mudar o nome da
		 comp. para
		 “composite mão
		 partícula”.

	                                                                  4. ok
                                                      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




Uma vez que vamos querer que um sistema de particulas emita partícu-
las a partir do dedo da nossa mão em movimento no vídeo, vamos ter de
criar o emissor de partículas e a partícula em si.

Vamos começar por criar a partícula.

Passo 04
Criar uma nova composição com os mesmos settings que a composição
“composite mão partícula“ mas dar-lhe o nome “partícula“.

Passo 05
Arrastar para dentro da composição “partícula“ a imagem “partícula.png“.

Passo 05
Diminuir a escala da partícula para 10%.




Passo 06
Agora vamos animar a partícula. No parâmetro da escala desta layer
ativar o stopwatch e de x em x tempo animar a passagem da escala da
partícula de 10 para 15% e aplicar aos keyframes gerados um easy ease.




E temos a nossa partícula animada criada. Agora vamos criar o sistema
de partículas que vai emitir e randomizar cópias desta mesma partícula
dentro da composição “composite mão partícula“.

                                     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




Voltamos à composição “composite mão partícula“

Passo 07
Agora criar uma layer Solid branca e ao tamanho da composição “com-
posite mão partícula“: >> Layer >> New >> Solid

	   1. 	Dar o nome “Sistema de 	
		 partículas“ à composição 	
  1
		 nova

	 2. 	Clicar em “Make comp 	
		 size“

	   3. E escolher a cor branca 	
		 para o sólid
  2

	                    3                                       4. Ok
                                            4




Passo 08
Arrastar, do painel de projeto para dentro da composição “composite mão
partícula“, dentro do painel das layers, a composição “partícula” e desli-
gar a sua visibilidade.




Passo 09
À layer solid “sistema de partículas“ aplicar o efeito P. Playground:
>> Effect >> Simulation >> Particle Playground.




                                       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




Se corrermos a agulha da timeline vemos que o solid branco desapare-
ceu da janela do vídeo e que o sistema de partículas está a emitir partí-
culas vermelhas, como se pode ver na seguinte figura:




Portanto agora temos de dizer ao sistema de partículas, dentro dos parâ-
metros do efeito aplicado (particle playground) para utilizar como unidade
de partícula, não a particula usada por defeito, mas a partícula animada
que antes criamos na composição também chamada “partícula“.

Passo 10
Com a layer “sistema de partículas“ selecionada ir ao painel dos efeitos e
abrir o efeito P. Playground.

	 1.	No parâmetro “Layer Map” (têm de o abrir 	
		 no triângulo à esquerda) vamos inserir os 	
		 seguintes dados e valores:

		 Em “Time Offset type” inserir “Relative
		 random”.
		
		 Em “Random time Max“ inserir 1.60.



Com isto acabamos de dizer ao sistema de partículas para, em cada
partícula gerada, usar excertos diferentes da animação usada na com-
posição da partícula em si.


                                     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




Se corrermos a agulha da timeline vemos que o sistema de partículas já
emite a nossa partícula. Mas há 3 problemas:

	 1.	As partículas estão muito grandes;
	 2. 	 s partículas não deviam cair mas 	
     A
		 subir como se fossem bolas de 	
		 sabão;
	 3. As partículas não saiem do dedo 	
		 nem o seguem no seu movimento.

 Vamos resolve-los!
		

Passo 11
Se a nossa partícula não estivesse animada, seria fácil alterar o tamanho
da partícula. Era só ir à composição “partícula” e diminuir-lhe o tamanho.
Assim temos de arranjar outro processo que contemple a animação da
partícula no seu todo. Como?

			                                                             Vamos criar uma nova 	
			                                                             composição com os 	
			                                                             mesmos settings que 	
			                                                             as anteriores e com o 	
			                                                             nome “partícula 		
			                                                             tamanho compensado“.




Passo 12
Do painel do projeto arrastamos a composição “partícula“ para dentro da
composição “partícula tamanho compensado“ no painel das layers.




                                     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
Agora podemos reduzir o tamanho à layer “Partícula“ que estamos a
reduzir o tamanho e duração completas daquela composição e da sua
animação. Por isso reduzir a escala para 50%.




Passo 14
A seguir temos de atualizar a nossa partícula na composição “composite
mão partícula“ e no efeito Particle playground.

1. Na composição “composite mão partícula“ substituir a layer “partícula“
pela layer “Partícula tamanho compensado“ e desligar a sua visibilidade.




2. Com a layer “sistema de partículas“ selecionada substituir, no efeito P.
Playground, a layer usada no parâmetro “Use Layer” para a layer “partí-
cula tamanho compensado“.




E a partícula emerge mais pequena na viewport.
Primeiro problema resolvido

                                     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




Agora vamos esquecer a partícula por uns minutos. Vamos fazer com
que o sistema de partículas siga o movimento da mão. Para isso vamos
ter de fazer um Simple tracking ao dedo e ao seu movimento para depois
se transferir esse movimento ao sistema de partículas.

Passo 15
Criar um objecto nulo na composição “composite mão partícula“:
>> Layer >> New >> Null object...




Passo 16
Vamos fazer um Motion Tracking à layer do vídeo com a mão:

			                                                        1. Abrir o painel Tracker:
			                                                        >> Window >> Tracker




2. Com a layer do vídeo selecionada, dentro do painel do Tracking, clicar
em “Track Motion“. Abre-se uma nova janela na Viewport com um
 tracking point assinalado.




                                     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 18
Posicionar o tracking point por cima do dedo na zona central do mesmo.
É muito importante que coloquem o TP mesmo neste local.




Passo 19
Agora vamos “alargar” o estremo externo do TP para que tracking tenha
uma maior tolerância de procura do ponto e não se perca.




Passo 20
No painel de Motion Tracking (Tracker) clicar no play de “Analyze“ para
que o Tracker faça o Motion Tracking à ponta do dedo.




                                     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 21
    Agora vamos transferir os dados resultantes do tracking para o Objecto
    Nulo antes criado:

    No painel do tracker clicar em “Edit Target“, na janela que se abre sele-
    cionar Null 1 e fazer ok, e por último, novamente no painel do tracker,
    clicar em “Apply”, como ilustrado nas seguintes figuras:
1
       2




                                                                                                3
    Se agora correrem a agulha da timeline verão que o objeto nulo está
    preso à ponta do dedo.

    Passo 22
    Depois posicionamos a layer “sistema de partículas“ sobre a ponta do
    dedo e fazemos um Parent dessa layer à layer do objecto Nulo.




                                         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




Se agora correrem a agulha da Timeline verão que o sistema de particu-
las está preso ao movimento descrito pelo dedo.

Hell Yeaaaahhhhhh :) :P
Mas surge um novo problema... O formato da layer sólid que contém o
sistema de partículas - a que se chama precisamente “sistema de partí-
culas“ - esconde o percurso das partículas geradas.




Como resolver isto? Simple!

Passo 23
Com a layer “sistema de partículas“ selecionada vamos a:

	 >> Layer >> Solid Settings >>
		 e aumentamos drasticamente o 	
		 tamanho do sólido. Tipo 2000 de 	
		 Width e 1500 de Height.

		 Problem Solved!
		 	
   Se agora correrem a agulha da
		 Timeline verão que o sistema de 	
		 particulas já se movimenta
		 livremente dentro do
		 enquadramento do nosso vídeo.

                                    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




Por último só nos falta ter as partículas a comportarem-se como bolas de
sabão leves a subirem. Temos que alterar o comportamento das nossas
partículas, particularmente a gravidade e a direcção em que o sistema as
dispara.

Passo 24
Primeiro vamos ajustar a direcção em que as partículas são disparadas.
Com a layer “sistema de partículas“ selecionada ir ao painel dos efeitos e
dentro do efeito P. Playground, abrir o parâmetro “Cannon“

Nos parâmetros do Cannon alterar os seguintes valores:
Position: Particles per second: 6 | Direction: -90º




Depois abrimos o parâmetro Gravity e, nos seus parâmetros inserimos os
seguintes valores: Force Random Spread: 0.33 | Direction: 1x +0.0º




                                     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 temos as partículas a subirem e o sistema que as emite preso
ao dedo. Agora por último, e por carolice, podemos dar uma pequena
correcção de cor

Passo 25
Criamos uma layer sólid verde por cima de todas as outras.
Mudamos-lhe o blending mode para “color“ e baixamos a opacidade para
cerca de 30%.

Depois duplicamos essa layer, mudamos-lhe a cor para um verde mais
escuro, e aplicamos-lhe uma máscara redonda invertida e com um fe-
ather de cerca de 150 píxeis. Depois é só mudar o blending mode para
multiply e a opacidade para 50%.

Et voilá. Tá pronto :P




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

Weitere ähnliche Inhalte

Was ist angesagt?

Kdenlive tutorial
Kdenlive tutorialKdenlive tutorial
Kdenlive tutorialntebrusque
 
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
 
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
 
Exercícios imagem
Exercícios imagemExercícios imagem
Exercícios imagemJoã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
 
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
 
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
 
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
 
Apresentação TPSI - ISEC (Edição de Imagem)
Apresentação TPSI - ISEC (Edição de Imagem)Apresentação TPSI - ISEC (Edição de Imagem)
Apresentação TPSI - ISEC (Edição de Imagem)João Leal
 

Was ist angesagt? (14)

Kdenlive tutorial
Kdenlive tutorialKdenlive tutorial
Kdenlive tutorial
 
Tutorial de retoque
Tutorial de retoqueTutorial de retoque
Tutorial de retoque
 
Tutorial kdenlive
Tutorial kdenliveTutorial kdenlive
Tutorial kdenlive
 
Introdução ao Photoshop
Introdução ao PhotoshopIntrodução ao Photoshop
Introdução ao Photoshop
 
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
 
Vray para sketchup
Vray para sketchupVray para sketchup
Vray para sketchup
 
Apresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECApresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISEC
 
Exercícios imagem
Exercícios imagemExercícios imagem
Exercícios imagem
 
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
 
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
 
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
 
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
 
Apresentação TPSI - ISEC (Edição de Imagem)
Apresentação TPSI - ISEC (Edição de Imagem)Apresentação TPSI - ISEC (Edição de Imagem)
Apresentação TPSI - ISEC (Edição de Imagem)
 

Andere mochten auch

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
 
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
 
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
 
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
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em PhotoshopLeonardo Pereira
 
Adobe illustrator vs inkscape
Adobe illustrator vs inkscapeAdobe illustrator vs inkscape
Adobe illustrator vs inkscapedisseny2d1
 
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
 

Andere mochten auch (18)

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...
 
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
 
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...
 
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
 
Photoshop cs-6
Photoshop cs-6Photoshop cs-6
Photoshop cs-6
 
Introdução ao retoque de imagem
Introdução ao retoque de imagemIntrodução ao retoque de imagem
Introdução ao retoque de imagem
 
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
 
Correção de cor em Photoshop
Correção de cor em PhotoshopCorreção de cor em Photoshop
Correção de cor em Photoshop
 
Adobe illustrator vs inkscape
Adobe illustrator vs inkscapeAdobe illustrator vs inkscape
Adobe illustrator vs inkscape
 
Inkscape, nociones básicas
Inkscape, nociones básicasInkscape, nociones básicas
Inkscape, nociones básicas
 
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
 
Manual inkscape
Manual inkscapeManual inkscape
Manual inkscape
 

Ähnlich wie Tutorial de partículas em After Effects

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
 
Passo a passo trajetoria com disparadores
Passo a passo   trajetoria com disparadoresPasso a passo   trajetoria com disparadores
Passo a passo trajetoria com disparadoresescoladigitalsert
 
Criando o Primeiro Projeto no Android Studio
Criando o Primeiro Projeto no Android StudioCriando o Primeiro Projeto no Android Studio
Criando o Primeiro Projeto no Android StudioTiago Antônio da Silva
 
Desligar pc
Desligar pcDesligar pc
Desligar pcferbsi
 
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
 
Pensamento computacional - aula inicial.
Pensamento computacional - aula inicial.Pensamento computacional - aula inicial.
Pensamento computacional - aula inicial.IRACEMAAPARECIDAMEND1
 
18.ago ouro i 11.15_463_copel-d
18.ago ouro i 11.15_463_copel-d18.ago ouro i 11.15_463_copel-d
18.ago ouro i 11.15_463_copel-ditgfiles
 
Titorial De Scratch
Titorial De ScratchTitorial De Scratch
Titorial De ScratchJose Luis
 
Revista canal systemcenter_07
Revista canal systemcenter_07Revista canal systemcenter_07
Revista canal systemcenter_07wdazevedo
 
Gracom cinetv informações curso
Gracom cinetv informações cursoGracom cinetv informações curso
Gracom cinetv informações cursoSergio Cajazeiras
 
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
 
Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2Matheus Calegaro
 
P spice guia_passo_a_passo
P spice guia_passo_a_passoP spice guia_passo_a_passo
P spice guia_passo_a_passobetoshaper
 

Ähnlich wie Tutorial de partículas em After Effects (20)

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
 
Passo a passo trajetoria com disparadores
Passo a passo   trajetoria com disparadoresPasso a passo   trajetoria com disparadores
Passo a passo trajetoria com disparadores
 
Minicurso de App Inventor
Minicurso de App InventorMinicurso de App Inventor
Minicurso de App Inventor
 
Criando o Primeiro Projeto no Android Studio
Criando o Primeiro Projeto no Android StudioCriando o Primeiro Projeto no Android Studio
Criando o Primeiro Projeto no Android Studio
 
Curso Scratch 2015
Curso Scratch 2015Curso Scratch 2015
Curso Scratch 2015
 
Digital1_aula09
Digital1_aula09Digital1_aula09
Digital1_aula09
 
Desligar pc
Desligar pcDesligar pc
Desligar pc
 
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_
 
Pensamento computacional - aula inicial.
Pensamento computacional - aula inicial.Pensamento computacional - aula inicial.
Pensamento computacional - aula inicial.
 
Tarefa2 execução
Tarefa2 execuçãoTarefa2 execução
Tarefa2 execução
 
Curso de-mathcad-14
Curso de-mathcad-14Curso de-mathcad-14
Curso de-mathcad-14
 
18.ago ouro i 11.15_463_copel-d
18.ago ouro i 11.15_463_copel-d18.ago ouro i 11.15_463_copel-d
18.ago ouro i 11.15_463_copel-d
 
Titorial De Scratch
Titorial De ScratchTitorial De Scratch
Titorial De Scratch
 
Revista canal systemcenter_07
Revista canal systemcenter_07Revista canal systemcenter_07
Revista canal systemcenter_07
 
Gracom cinetv informações curso
Gracom cinetv informações cursoGracom cinetv informações curso
Gracom cinetv informações curso
 
Inventor
InventorInventor
Inventor
 
2335 inventor
2335 inventor2335 inventor
2335 inventor
 
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
 
Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2Introdução ao desenvolvimento de apps para Android - Dia 2/2
Introdução ao desenvolvimento de apps para Android - Dia 2/2
 
P spice guia_passo_a_passo
P spice guia_passo_a_passoP spice guia_passo_a_passo
P spice guia_passo_a_passo
 

Mehr von 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
 

Mehr von 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
 

Tutorial de partículas em After Effects

  • 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 - PARTICLE PLAYGROUND EMISSÃO DE PARTÍCULAS APARTIR DE UM DEDO EM MOVIMENTO
  • 2. 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 usar um sistema de partículas, o Particle Play- ground, para colocar uma mão a “cuspir” logos ou outro objecto em movimento qualquer. Vamos ter, igualmente, que usar Motion Tracking simples, para prender o emissor de partículas à ponta de um dos dedos da mão.. O Particle Playground é um plug-in nativamente disponível no AE. Passo 01 Abrir um novo projeto em AE. Depois importar, para o painel do projecto, a footage “Footage para tut Partículas.mov“ e “partícula.png“. Passo 02 Com o ficheiro “Footage para tut Partículas.mov“ criar uma composição no AE, arrastando o ficheiro do painel do projeto para o painel das layers. Passo 03 Agora vamos mudar o tamanho da composição gerada para cortar parte do vídeo à composição. Vamos a: >> Composition >> Composition Settings 1. Ativar o “Lock 3 aspect ratio“. 2. Mudar a “width” 2 1 para 480. 3. Mudar o nome da comp. para “composite mão partícula”. 4. ok 4 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 Uma vez que vamos querer que um sistema de particulas emita partícu- las a partir do dedo da nossa mão em movimento no vídeo, vamos ter de criar o emissor de partículas e a partícula em si. Vamos começar por criar a partícula. Passo 04 Criar uma nova composição com os mesmos settings que a composição “composite mão partícula“ mas dar-lhe o nome “partícula“. Passo 05 Arrastar para dentro da composição “partícula“ a imagem “partícula.png“. Passo 05 Diminuir a escala da partícula para 10%. Passo 06 Agora vamos animar a partícula. No parâmetro da escala desta layer ativar o stopwatch e de x em x tempo animar a passagem da escala da partícula de 10 para 15% e aplicar aos keyframes gerados um easy ease. E temos a nossa partícula animada criada. Agora vamos criar o sistema de partículas que vai emitir e randomizar cópias desta mesma partícula dentro da composição “composite mão partícula“. 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 Voltamos à composição “composite mão partícula“ Passo 07 Agora criar uma layer Solid branca e ao tamanho da composição “com- posite mão partícula“: >> Layer >> New >> Solid 1. Dar o nome “Sistema de partículas“ à composição 1 nova 2. Clicar em “Make comp size“ 3. E escolher a cor branca para o sólid 2 3 4. Ok 4 Passo 08 Arrastar, do painel de projeto para dentro da composição “composite mão partícula“, dentro do painel das layers, a composição “partícula” e desli- gar a sua visibilidade. Passo 09 À layer solid “sistema de partículas“ aplicar o efeito P. Playground: >> Effect >> Simulation >> Particle Playground. 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 Se corrermos a agulha da timeline vemos que o solid branco desapare- ceu da janela do vídeo e que o sistema de partículas está a emitir partí- culas vermelhas, como se pode ver na seguinte figura: Portanto agora temos de dizer ao sistema de partículas, dentro dos parâ- metros do efeito aplicado (particle playground) para utilizar como unidade de partícula, não a particula usada por defeito, mas a partícula animada que antes criamos na composição também chamada “partícula“. Passo 10 Com a layer “sistema de partículas“ selecionada ir ao painel dos efeitos e abrir o efeito P. Playground. 1. No parâmetro “Layer Map” (têm de o abrir no triângulo à esquerda) vamos inserir os seguintes dados e valores: Em “Time Offset type” inserir “Relative random”. Em “Random time Max“ inserir 1.60. Com isto acabamos de dizer ao sistema de partículas para, em cada partícula gerada, usar excertos diferentes da animação usada na com- posição da partícula em si. 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 Se corrermos a agulha da timeline vemos que o sistema de partículas já emite a nossa partícula. Mas há 3 problemas: 1. As partículas estão muito grandes; 2. s partículas não deviam cair mas A subir como se fossem bolas de sabão; 3. As partículas não saiem do dedo nem o seguem no seu movimento. Vamos resolve-los! Passo 11 Se a nossa partícula não estivesse animada, seria fácil alterar o tamanho da partícula. Era só ir à composição “partícula” e diminuir-lhe o tamanho. Assim temos de arranjar outro processo que contemple a animação da partícula no seu todo. Como? Vamos criar uma nova composição com os mesmos settings que as anteriores e com o nome “partícula tamanho compensado“. Passo 12 Do painel do projeto arrastamos a composição “partícula“ para dentro da composição “partícula tamanho compensado“ no painel das layers. 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 13 Agora podemos reduzir o tamanho à layer “Partícula“ que estamos a reduzir o tamanho e duração completas daquela composição e da sua animação. Por isso reduzir a escala para 50%. Passo 14 A seguir temos de atualizar a nossa partícula na composição “composite mão partícula“ e no efeito Particle playground. 1. Na composição “composite mão partícula“ substituir a layer “partícula“ pela layer “Partícula tamanho compensado“ e desligar a sua visibilidade. 2. Com a layer “sistema de partículas“ selecionada substituir, no efeito P. Playground, a layer usada no parâmetro “Use Layer” para a layer “partí- cula tamanho compensado“. E a partícula emerge mais pequena na viewport. Primeiro problema resolvido 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 Agora vamos esquecer a partícula por uns minutos. Vamos fazer com que o sistema de partículas siga o movimento da mão. Para isso vamos ter de fazer um Simple tracking ao dedo e ao seu movimento para depois se transferir esse movimento ao sistema de partículas. Passo 15 Criar um objecto nulo na composição “composite mão partícula“: >> Layer >> New >> Null object... Passo 16 Vamos fazer um Motion Tracking à layer do vídeo com a mão: 1. Abrir o painel Tracker: >> Window >> Tracker 2. Com a layer do vídeo selecionada, dentro do painel do Tracking, clicar em “Track Motion“. Abre-se uma nova janela na Viewport com um tracking point assinalado. 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 18 Posicionar o tracking point por cima do dedo na zona central do mesmo. É muito importante que coloquem o TP mesmo neste local. Passo 19 Agora vamos “alargar” o estremo externo do TP para que tracking tenha uma maior tolerância de procura do ponto e não se perca. Passo 20 No painel de Motion Tracking (Tracker) clicar no play de “Analyze“ para que o Tracker faça o Motion Tracking à ponta do dedo. 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 21 Agora vamos transferir os dados resultantes do tracking para o Objecto Nulo antes criado: No painel do tracker clicar em “Edit Target“, na janela que se abre sele- cionar Null 1 e fazer ok, e por último, novamente no painel do tracker, clicar em “Apply”, como ilustrado nas seguintes figuras: 1 2 3 Se agora correrem a agulha da timeline verão que o objeto nulo está preso à ponta do dedo. Passo 22 Depois posicionamos a layer “sistema de partículas“ sobre a ponta do dedo e fazemos um Parent dessa layer à layer do objecto Nulo. 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 Se agora correrem a agulha da Timeline verão que o sistema de particu- las está preso ao movimento descrito pelo dedo. Hell Yeaaaahhhhhh :) :P Mas surge um novo problema... O formato da layer sólid que contém o sistema de partículas - a que se chama precisamente “sistema de partí- culas“ - esconde o percurso das partículas geradas. Como resolver isto? Simple! Passo 23 Com a layer “sistema de partículas“ selecionada vamos a: >> Layer >> Solid Settings >> e aumentamos drasticamente o tamanho do sólido. Tipo 2000 de Width e 1500 de Height. Problem Solved! Se agora correrem a agulha da Timeline verão que o sistema de particulas já se movimenta livremente dentro do enquadramento do nosso vídeo. 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 Por último só nos falta ter as partículas a comportarem-se como bolas de sabão leves a subirem. Temos que alterar o comportamento das nossas partículas, particularmente a gravidade e a direcção em que o sistema as dispara. Passo 24 Primeiro vamos ajustar a direcção em que as partículas são disparadas. Com a layer “sistema de partículas“ selecionada ir ao painel dos efeitos e dentro do efeito P. Playground, abrir o parâmetro “Cannon“ Nos parâmetros do Cannon alterar os seguintes valores: Position: Particles per second: 6 | Direction: -90º Depois abrimos o parâmetro Gravity e, nos seus parâmetros inserimos os seguintes valores: Force Random Spread: 0.33 | Direction: 1x +0.0º 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 temos as partículas a subirem e o sistema que as emite preso ao dedo. Agora por último, e por carolice, podemos dar uma pequena correcção de cor Passo 25 Criamos uma layer sólid verde por cima de todas as outras. Mudamos-lhe o blending mode para “color“ e baixamos a opacidade para cerca de 30%. Depois duplicamos essa layer, mudamos-lhe a cor para um verde mais escuro, e aplicamos-lhe uma máscara redonda invertida e com um fe- ather de cerca de 150 píxeis. Depois é só mudar o blending mode para multiply e a opacidade para 50%. Et voilá. Tá pronto :P e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree