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

Aula 17

1. OS MOTION GRAPHICS NA PUBLICIDADE NÃO DIEGÉTICOS DIEGÉTICOS2. MOTION TRACKING3. CHROMA KEYING4. MÁSCARAS ANIMADAS5. SISTEMAS DE PARTÍCULAS6. PROPOSTA DE TRABALHO 03

PRODUÇÃO AUDIOVISUAL Curso de Design Gráfico - 3º Ano | 2º Semestre

Professor Leonardo PereiraAno Curricular - 2011 | 2012

Instituto Politécnico do Cávado e AveEscola Superior de Tecnologia

e-mail: [email protected] | Skype: leonardpeartree

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



01Os Motion Graphics na Publicidade





Os Motion Graphics na Publicidade

Um dos contextos onde os Motion Graphics são também usados é a PublicidadeNo 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.1Os Motion Graphics Não Diegéticos na publicidade






Não Diegéticos

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!

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

The Volkswagen force:http://www.youtube.com/watch?v=R55e-uHQna0





01.2Os 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!






Diegéticos

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 muito mais gráfica do que real.

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.

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






Diegéticos

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-cenada pelos atores dos filmes. É o caso do anúncio “Becel Pro Activ“, onde uma figura humana interage “fisicamente“ com elementos tipográficos.

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






Diegéticos

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 que têm com o seu computador pessoal HP.

Filmes HP Hands:http://www.youtube.com/watch?v=BraU_cpfBeIhttp://www.youtube.com/watch?v=MlSGJGHJEpIhttp://www.youtube.com/watch?v=-K8GYl5-xrMhttp://www.youtube.com/watch?v=kE95yZOQxdU






Diegéticos

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 francês “cospe” e gera elementos gráficos coloridos durante a sua performance na rua, interagindo “fisicamente“ com elementos gráficos que o rodeiam.

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

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






Diegéticos

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.

E muitos mais exemplos haveriam para ser vistos!

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

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





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





02Motion 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=XZrXfKgQSCQhttp://www.youtube.com/watch?v=ckbJ_FPBQBQ&feature=relatedhttp://www.youtube.com/watch?v=lde77E4PY4Q&feature=relatedhttp://www.youtube.com/watch?v=1-pviC4lb24





O Motion Trackingem vídeo

Em vídeo existem vários tipos de Motion Tracking:

• O Motion Tracking Simples (bidimensional)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 TrackingDurante as filmagens garantir que, no plano ao qual queremos aplicar o tracking emPó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 Four Point Motion TrackingOs 4 cantos de uma layer são usados enquanto pontos de distorção que seguem o movimento de outros 4 pontos de um objecto presente num 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íxeisTal 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 “Planar” Motion Tracking com Mocha - software externo ao After EffectsPermite 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 3D com softwares de Matchmoving - Camera Tracker 1.0Permite 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.






Podem seguir em casa os seguintes tutoriais para aprofundarem a matéria.

Ver Tutoriais em:http://www.youtube.com/watch?v=Sw-8P4-izZEhttp://www.youtube.com/watch?v=ijpC1J62TPAhttp://www.youtube.com/watch?v=jsD8eqZil1o&feature=relatedhttp://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=pCDu3SLId3Qhttp://www.youtube.com/watch?v=FCE_BzIWSqohttp://www.youtube.com/watch?v=LJAD9r5VO-k&feature=relmfu + http://www.youtube.com/watch?v=YCuEI3GsFHM&feature=relmfuhttp://www.youtube.com/watch?v=rSql-ch2rbQ + http://www.youtube.com/watch?v=1iKcQH2Lnj8&feature=relmfuhttp://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/





03Chroma Keying





Chroma Keying

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.





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





Então e como é que se extrai

o Chroma?

Depende de cada caso e da qualidade da filmagem e da iluminação que tiver sido feita do Green ou Blue Screen.

Mas grosso modo as ferramentas a utilizar são as seguintes:

Depois da aula de hoje podem sempre consultar estes tutoriais:

1. KeyLight 1.2Permite uma extracção do Chroma mais avançada e cuidada.

No After Effects:Com a layer do vídeo selecionada:>> Effect>> Keying>> Keylight 1.2

2. Máscaras (anim.)Permitem isolar o objecto ou figura de out-ros objectos também presentes à frente do Blue ou Green screen.

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

Visualizar tutoriais em:http://www.youtube.com/watch?v=8h0l3FqFdMs&feature=relatedhttp://www.youtube.com/watch?v=Ggmbfn4Tcmg&feature=relatedhttp://www.youtube.com/watch?v=1T4cNVxPfJo&feature=relatedhttp://www.youtube.com/watch?v=7TdbAqxz8Xg&feature=fvwhttp://www.youtube.com/watch?v=SKbdT1gy9Tw&feature=relatedhttp://www.youtube.com/watch?v=hQphUOZGZCchttp://www.youtube.com/watch?v=ppbxCuyqWCQhttp://www.youtube.com/watch?v=4-7lI4t0zCQ&feature=fvw





Aplicação “Cool” do

chroma em Motion

GraphicsPublicitários

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 máscaras e, depois, fazer correcção de cor.

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





Próxima aulaExtração de

Chroma Key e Look iPod

Silhuets

Na próxima aula vamos fazer dois tipos de extração de chroma:

1. Extração de Chroma Key simples com footage com as seguintes features:

• Sem movimento de câmera;• Filmada em Bluescreen;• Fundo de chroma completamente liso.

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





Próxima aulaExtração de

Chroma Key e Look iPod

Silhuets

2. Extração de Chroma Key avançada com footage com as seguintes features:

• Com movimento de câmera;• Filmada em Greenscreen;• Fundo de chroma não uniforme e povoado com adereços de produção.

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!





04Máscaras Animadas





Máscaras animadasAs 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 animadas





Máscaras animadasServem também, e por exemplo, para colocar um texto a passar por baixo de algum elemento presente num 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!

Máscaras animadas

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





Como é que o fizeram? Simples!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:

Máscaras animadas





05Sistemas ou motores de Partículas





O que sãosistemas dePartículas?

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 de elementos gráficos repetidos que surgem animados no nosso filme.

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=lUgpP7xhVm8http://www.youtube.com/watch?v=JYat51Cc5bg&feature=fvwhttp://www.youtube.com/watch?v=6na3SeVqXIs&feature=relatedhttp://www.youtube.com/watch?v=X-W1Vsh98c8





Que tipo de sistemas

existem para After Effects?

Gratuítos que já vêm incluídos no AE:• CC Ball Action (com uma câmera é tridimensional) - Limitado a bolas tridimensionais...• CC Bubbles (bidimensional) - Para fazer bolhinhas...• CC Particles System II (Bidimensional)... • CC Particle World - Praticamente igual ao anterior mas Tridimensional...• 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 Partículas em Grafismos na

Publicidade

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.

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

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





06Proposta de Trabalho e Conceito Publicitário





Proposta de trabalho

ObjectivoConceber e produzir um Filme Publicitário, com Motion Graphics Diegéticos, para um dos cur-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çãoDia 17 de Maio

Data para filmagens em ChromaSexta-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 trabalhoForam 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 filmagensA 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 Publicitário

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.

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

Documents

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