Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários

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 17

1. OS MOTION GRAPHICS NA PUBLICIDADE
NÃO DIEGÉTICOS
DIEGÉTICOS
2. MOTION TRACKING
3. CHROMA KEYING
4. MÁSCARAS ANIMADAS
5. SISTEMAS DE PARTÍCULAS
6. PROPOSTA DE TRABALHO 03

Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira

01
Os Motion Graphics na Publicidade

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


Os Motion
Graphics na
Publicidade

Um dos contextos onde os Motion Graphics são também usados é a Publicidade
No entanto há dois tipos de abordagens ao uso dos MG em filmes Publicitários:

• Motion Graphics Não diegéticos (abordagem mais frequente)
• Motion Graphics Diegéticos (menos frequente)

Vamos ver exemplos de ambos!



01.1
Os Motion Graphics Não Diegéticos na publicidade



Os Motion
Graphics na
Publicidade

Não
Diegéticos
The Volkswagen force:
http://www.youtube.com/watch?v=R55e-uHQna0

The Man your man could smeel like:
http://www.youtube.com/watch?v=owGykVbfgUE

Normalmente... os vídeos publicitários usam mais imagem real, do que grafismo.
Nesses casos o uso de MG reduz-se a um logo animado ou à inserção de textos em
pouco animados.

No entanto há excepções a esta lógica onde os Motion Graphics são também integra-
dos no espaço onde ocorre a narrativa do filme - Diégese!



01.2
Os Motion Graphics Diegéticos na publicidade

O que são?

São inserções gráficas e animadas onde se procura que estes façam parte do mundo do
filme e que sejam estabelecidas relações físicas e de animação entre os elementos
diegéticos do filme e o grafismo animado em si.

Vamos ver exemplos!



Os Motion Um exemplo extremo de quase “abandono“ de imagem real são as campanhas do iPod.
Só que nestes anúncios é usada imagem real filmada, apesar de a linguagem visual ser
Graphics na muito mais gráfica do que real.
Publicidade

Diegéticos

Ver exemplos em:
http://www.youtube.com/watch?v=TE4EEwQAfxo
http://www.youtube.com/watch?v=TaVFCdwT0hk&feature=related
http://www.youtube.com/watch?v=NbYT7x2ZKmk&feature=related
http://www.youtube.com/watch?v=XZzuzIwp95A&feature=related
http://www.youtube.com/watch?v=8iEHIapsRFI&feature=related

Esta campanha é um excelente exemplo de mistura de imagem real filmada (em chroma
key) com grafismo animado e posteriormente integrado na diégese dos filmes.



Os Motion Há outros exemplos de uma combinação equilibada entre grafismo e imagem real filma-
da, em que os Motion Graphics usados são fisicamente relacionados com as acções en-
Graphics na cenada pelos atores dos filmes. É o caso do anúncio “Becel Pro Activ“, onde uma figura
Publicidade humana interage “fisicamente“ com elementos tipográficos.

Diegéticos

Becel Pro-Activ:
http://www.youtube.com/watch?v=Y-gvePaOOrI&feature=related



Os Motion Temos também os filmes da famosa campanha “Hands“ da HP, onde estrelas do
cinema e do desporto, ilustram com as mãos manipulando elementos gráficos, a relação
Graphics na que têm com o seu computador pessoal HP.
Publicidade

Diegéticos

Filmes HP Hands:
http://www.youtube.com/watch?v=BraU_cpfBeI
http://www.youtube.com/watch?v=MlSGJGHJEpI
http://www.youtube.com/watch?v=-K8GYl5-xrM
http://www.youtube.com/watch?v=kE95yZOQxdU



Os Motion Outro excelente exemplo de Grafismo sobreposto e em interação com um elemento
humano diegético é o da campanha “Beat Box Motion“ onde um famoso Beat Boxer
Graphics na francês “cospe” e gera elementos gráficos coloridos durante a sua performance na rua,
Publicidade interagindo “fisicamente“ com elementos gráficos que o rodeiam.

Este é outro excelente exemplo de como se podem relacionar elementos gráficos com
Diegéticos imagem real filmada.

Vodafone Beat Box Motion:
http://www.youtube.com/watch?v=YhIe-OjqbO8



Os Motion E são muitos os exemplos. Nestes casos os elementos gráficos estão tridimensional-
mente animados e integrados no espaço físico do mundo dos filmes.
Graphics na
Publicidade

Diegéticos

Dubstep dance / Unleash Your Fingers TV Commercial:
http://www.youtube.com/watch?v=AFJlIVSARsE&feature=youtu.be

2009 BMW 335i TV Commercial:
http://www.youtube.com/watch?v=jXjtcQhfBdI

E muitos mais exemplos haveriam para ser vistos!



Recursos de
Pós-produção
de MG
Diegéticos

Mas que tipo de recursos técnicos estão aqui envolvidos na Produção
e Pós-Produção deste tipo de efeitos visuais e gráficos diegéticos?

São muitos e variados!
• Motion Tracking Bidimensional - Simple Tracking e Four Point tracking
• Motion Tracking Tridimensional
• Chroma Key
• Máscaras animadas
• Integração 3D de layers de tipografia e grafismo num espaço tridimensional
• Motores de partículas
• Etc...


02
Motion Tracking



Motion
Tracking

O Motion Tracking é um conjunto de ferramentas e de tecnologias que, tal como o nome
indica, permite “seguir“ o movimento de um objecto ou figura presente num vídeo.

Visualizar exemplos em:
http://www.youtube.com/watch?v=XZrXfKgQSCQ
http://www.youtube.com/watch?v=ckbJ_FPBQBQ&feature=related
http://www.youtube.com/watch?v=lde77E4PY4Q&feature=related
http://www.youtube.com/watch?v=1-pviC4lb24



O Motion Em vídeo existem vários tipos de Motion Tracking:
Tracking • O Motion Tracking Simples (bidimensional)
em vídeo Neste tipo de Tracking um objecto ou layer são colocados a seguir bidimensionalmente
o movimento de outro objecto ou personagem contido num vídeo, tanto nos seus eixos
de posição (excluíndo o eixo de profundidade) como nos eixos de rotação.

Dica muito importante de produção:

Garantir a presença contínua de um ponto que possa ser seguido pelo Tracking
Durante as filmagens garantir que, no plano ao qual queremos aplicar o tracking em
Pós-Produção, temos um ponto ou elemento que se mantém constante e presente ao
longo de todo o plano para que depois o tracking o possa seguir.



O Motion • O Four Point Motion Tracking
Os 4 cantos de uma layer são usados enquanto pontos de distorção que seguem o
Tracking movimento de outros 4 pontos de um objecto presente num vídeo.
em vídeo

Dicas muito importantes de produção:

Garantir que os 4 cantos a seguir pelo tracking não saiem de plano
É essencial garantir que os quatro cantos do objecto que vai ser seguido se mantenham
sempre dentro de plano. Caso contrário o Four Point Tracking não pode ser aplicado,
porque os pontos saiem do enquadramento e o tracking “perde-se”.

Evitar movimentos rápidos para não se gerar arrasto de píxeis
Tal faz com que os píxeis da imagem fiquem com “arrastamentos” o que “desfoca” os
cantos que queremos seguir com o Four Point Tracking, perdendo-se a definição ne-
cessária para o tracking ser eficaz.



O Motion
Tracking
em vídeo
• O “Planar” Motion Tracking com Mocha - software externo ao After Effects
Permite inserir tridimensionalmente elementos gráficos em vídeo em função de planos.

Funciona bem quando não há movimentos de câmera e permite resolver o problema de
cantos de objectos que saiem fora do enquadramento como na figura.

Agora quando há movimentos de câmera o caso muda de figura! Aí é peciso ir para
softwares mais complexos de Match Moving como veremos a seguir.



O Motion
Tracking
em vídeo

• O Motion Tracking 3D com softwares de Matchmoving - Camera Tracker 1.0
Permite inserir tridimensionalmente um elemento gráfico num vídeo, mesmo que este
tenha movimento de câmera. O Camera Tracker cria uma nuvem de pontos a partir do
vídeo que depois traduz numa disposição tridimensional dos mesmos e numa câmera
que imita o movimento de câmera presente o vídeo original.



O Motion
Tracking Podem seguir em casa os seguintes tutoriais para aprofundarem a matéria.
em vídeo
Ver Tutoriais em:
http://www.youtube.com/watch?v=Sw-8P4-izZE
http://www.youtube.com/watch?v=ijpC1J62TPA
http://www.youtube.com/watch?v=jsD8eqZil1o&feature=related
http://www.videocopilot.net/tutorials/basic_sky_replacement/
http://www.videocopilot.net/basic/tutorials/05.Motiontracking/
http://www.videocopilot.net/tutorials/magic_tracking/

Tutoriais de Mocha vs After Effects:
http://www.youtube.com/watch?v=pCDu3SLId3Q
http://www.youtube.com/watch?v=FCE_BzIWSqo
http://www.youtube.com/watch?v=LJAD9r5VO-k&feature=relmfu + http://www.youtube.com/watch?v=YCuEI3GsFHM&feature=relmfu
http://www.youtube.com/watch?v=rSql-ch2rbQ + http://www.youtube.com/watch?v=1iKcQH2Lnj8&feature=relmfu
http://www.youtube.com/watch?v=J-anZa8Mykk

Entre outros disponíveis no Youtube. É só procurar....

Aqui podem também encontrar alguns vídeos sobre o Mocha, nomeadamente o Pro:
http://blog.imagineersystems.com/



03
Chroma Keying



Chroma O Chroma Keying é uma operação de eliminação de uma cor ou de uma gama de cores,
para definir numa imagem ou vídeo áreas específicas de transparência.
Keying



Então e como é que se extrai o Chroma?



Então e como Depende de cada caso e da qualidade da filmagem e da iluminação que tiver sido feita
do Green ou Blue Screen.
é que se extrai
o Chroma?
Mas grosso modo as ferramentas a utilizar são as seguintes:

1. KeyLight 1.2 2. Máscaras (anim.)
Permite uma extracção do Chroma mais Permitem isolar o objecto ou figura de out-
avançada e cuidada. ros objectos também presentes à frente do
Blue ou Green screen.

No After Effects: No After Effects:
Com a layer do vídeo selecionada: Com a layer do vídeo selecionada basta
>> Effect desenhar uma máscara e animar a más-
>> Keying cara à volta da figura que se quer isolar do
>> Keylight 1.2 fundo.

Depois da aula de hoje podem sempre consultar estes tutoriais:
Visualizar tutoriais em:
http://www.youtube.com/watch?v=8h0l3FqFdMs&feature=related
http://www.youtube.com/watch?v=Ggmbfn4Tcmg&feature=related
http://www.youtube.com/watch?v=1T4cNVxPfJo&feature=related
http://www.youtube.com/watch?v=7TdbAqxz8Xg&feature=fvw
http://www.youtube.com/watch?v=SKbdT1gy9Tw&feature=related
http://www.youtube.com/watch?v=hQphUOZGZCc
http://www.youtube.com/watch?v=ppbxCuyqWCQ
http://www.youtube.com/watch?v=4-7lI4t0zCQ&feature=fvw



Aplicação Lembram-se da campanha das silhuetas iPod de que falamos há pouco?
Para se produzirem estas Silhuetas temos de recorrer à extração de Chroma, animar
“Cool” do máscaras e, depois, fazer correcção de cor.
chroma em
Motion
Graphics
Publicitários

Ver exemplos em:
http://www.youtube.com/watch?v=TE4EEwQAfxo
http://www.youtube.com/watch?v=TaVFCdwT0hk&feature=related
http://www.youtube.com/watch?v=NbYT7x2ZKmk&feature=related
http://www.youtube.com/watch?v=XZzuzIwp95A&feature=related
http://www.youtube.com/watch?v=8iEHIapsRFI&feature=related



Próxima aula Na próxima aula vamos fazer dois tipos de extração de chroma:
Extração de
Chroma Key e 1. Extração de Chroma Key simples com footage com as seguintes features:
Look iPod • Sem movimento de câmera;
Silhuets • Filmada em Bluescreen;
• Fundo de chroma completamente liso.

Vamos passar disto.... para isto...



Próxima aula 2. Extração de Chroma Key avançada com footage com as seguintes features:
Extração de • Com movimento de câmera;
Chroma Key e • Filmada em Greenscreen;
• Fundo de chroma não uniforme e povoado com adereços de produção.
Look iPod
Silhuets Vamos também aproveitar para ver como se cria o look iPod Silhuets recorrendo
a operações de correcção de cor.

Vamos passar disto.... para isto... e com movimento claro!



04
Máscaras Animadas



Máscaras Máscaras animadas
animadas As máscaras animadas servem-nos para várias coisas:
1. Combinadas e aplicadas com layers de ajuste - Adjustment Layers - servem-nos para
aplicar efeitos de correcção de cor a zonas da imagem sem afectar as restantes.

2. Limpar adereços
de produção presentes no
local de uma filmagem em
chroma.



Máscaras Máscaras animadas
animadas Servem também, e numexemplo, para colocar um texto a passar por baixo de algum
elemento presente
por
vídeo.

Lembram-se do anúncio do Beat Boxer da Vodafone? Pois é. Este anúncio também usa
máscaras animadas para se obterem os resultados pretendidos.

Ver do segundo 10 ao segundo 13!

Vodafone Beat Box Motion:
http://www.youtube.com/watch?v=YhIe-OjqbO8



Máscaras Como é que o fizeram? Simples!
animadas Tiveram de duplicar a layer do vídeo original, ao duplicado da layer aplicaram uma
máscara animada à volta do Beat Boxer (com um feather muito ligeiro na ordem de 1 ou
dois px, no máximo) e depois, colocaram os grafismos animados entre a layer original do
vídeo e a layer duplicada à qual se aplicou a máscara animada.

O painel das layers no After Effects teria de estar organizado como ilustrado
na seguinte figura:



05
Sistemas ou motores de Partículas



O que são São efeitos que nos permitem gerar automaticamente animações de elementos que se
repetem para formar um padrão animado, uma textura animada, ou ainda um conjunto
sistemas de de elementos gráficos repetidos que surgem animados no nosso filme.
Partículas?
Exemplos:
• Nuvens de logótipos
• Nuvens de ícones
• Nuvens de palavras
• Partículas revelando logótipos
• Explosões de partículas
• Rastos
• etc...

• Visualizar exemplos em:
http://www.youtube.com/watch?v=lUgpP7xhVm8
http://www.youtube.com/watch?v=JYat51Cc5bg&feature=fvw
http://www.youtube.com/watch?v=6na3SeVqXIs&feature=related
http://www.youtube.com/watch?v=X-W1Vsh98c8



Que tipo de Gratuítos que já vêm incluídos no AE:
• CC Ball Action (com uma câmera é tridimensional) - Limitado a bolas tridimensionais...
sistemas • CC Bubbles (bidimensional) - Para fazer bolhinhas...
existem para • CC Particles System II (Bidimensional)...
• CC Particle World - Praticamente igual ao anterior mas Tridimensional...
After Effects? • CC Pixel Polly - Para fazer pequenas desfragmentações ou explosões de imagens...
• CC Rain - Para criar chuva...
• CC Scaterize - Para criar nuvens de partículas e animar as suas distorções...
• CC Starburst - Para fazer a animação de um céu estrelado...
• Particle Playground - Aconselhável para se editar e criar a nossa própria partícula...

E como se aplicam estas partículas? É simples!

O primeiro passo é criar uma nova layer “Solid“ branca:
• Layer >> New >> Solid

Depois é aplicar um efeito de partículas a essa layer:
• Effect >> Simulation >> Efeito de partículas escolhido...

Por fim, no painel dos efeitos, manipulam-se e animam-se as variáveis
físicas disponíveis em cada um dos efeitos de partículas aplicados.



Aplicação de Lembram-se, mais uma vez do Beat Boxer da Vodafone?
Pois é! Também usa partículas. E alguns dos filmes da HP Hands também.
Partículas em
Grafismos na
Publicidade

• Visualizar exemplo em:
http://www.youtube.com/watch?v=MlSGJGHJEpI&feature=related

Numa das próximas aulas vamos também fazer um Tutorial de Partículas!



06
Proposta de Trabalho e Conceito Publicitário



Proposta de Objectivo
Conceber e produzir um Filme Publicitário, com Motion Graphics Diegéticos, para um dos cur-
trabalho sos da EST, a sortear por grupo. Cada um dos filmes terá de usar, filmagens em chroma, o
elemento humano, o logo e nome do curso da EST a que se refere e a fonte Din para o texto.
Naturalmente que, para além do chroma podem e devem usar outros recursos técnicos como
o M. Tracking, as Máscaras animadas e os sistemas de partículas (embora tal não seja ob-
rigatório).

Entrega do Storyboard, da sinopse e do plano de produção
Dia 17 de Maio

Data para filmagens em Chroma
Sexta-feira - 25 de Maio (das 9:00 às 18:00 para diurnos e a partir das 18:00 para os PL)
Haverá, no máximo, meia hora para as filmagens de cada grupo.

Entrega final do trabalho
18 de Junho

Materiais a serem usados nesta proposta de trabalho
Foram enviados por e-mail a proposta de trabalho completa, os briefings de cada um dos cur-
sos da EST, o modelo de Storyboard (e sinopse) e modelo de plano de produção, os logos de
cada curso editáveis em Indesign e as fontes a serem utilizadas.

Música e sons - Ver a lista de sites de músicas grátis referida na proposta de trabalho, também
enviada por email.

Equipamento e instalações para filmagens
A escola e os Professores vão disponibilizar o equipamento de Filmagem (câmera), Ilumina-
ção, Pano de chroma e o espaço no dia designado para filmagens.


Conceito No exemplos mostrados antes os efeitos visuais não são o mais importante, mas sim, a
forma como são usados para ilustrar um conceito.
Publicitário
Eles são usados para ajudar a vender um produto.

No vosso trabalho devem encontrar um conceito que queiram comunicar e usar dos
recursos de que vos hoje falei, aqueles que servirem para reforçar e comunicar o vosso
conceito.

Não produzam filmes que vivem apenas da sua espetacularidade visual. Esta deve ser
uma consequência do conceito que o filme pretende comunicar.

Se forem ao Ads of the World ver filmes publicitários, para se inspirarem, vão ver que o
mais importante, em publicidade, é o conceito comunicado e a forma como este é
comunicado:

http://adsoftheworld.com/taxonomy/media/tv


Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (15)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários

Ähnlich wie Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários (20)

Mehr von Leonardo Pereira

Mehr von Leonardo Pereira (14)

Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários