O documento discute o uso de motion graphics na publicidade, incluindo exemplos de motion graphics não diegéticos e diegéticos. Também aborda técnicas como motion tracking, chroma keying e sistemas de partículas que podem ser usados para integrar gráficos animados em vídeos de forma realista.
In this tutorial I teach my students how to use compositions inside compositions, and other compositing and animation resources such as parenting layers, parenting null objects to layers, creating and animating masks, animating a camera and several other cool animation features inside After Effects.
O Genérico - Main Title Design and Diegetic TypeLeonardo Pereira
In this class I introduce my students to the diegetic approach to type treatment in Main Title sequences. The main creative approaches to this Main Title type treatment are addressed and students are also given some insight of the technical resources and techniques involved in After effects to produce the required effects and integrations of type into their animations or footage.
In this class I discuss and showcase with my students the convergence between two values of a website's interface: Playfulness and Usability of the user's experience when interacting with a website built with the Adobe Flash tool.
In this tutorial I teach my students how to use compositions inside compositions, and other compositing and animation resources such as parenting layers, parenting null objects to layers, creating and animating masks, animating a camera and several other cool animation features inside After Effects.
O Genérico - Main Title Design and Diegetic TypeLeonardo Pereira
In this class I introduce my students to the diegetic approach to type treatment in Main Title sequences. The main creative approaches to this Main Title type treatment are addressed and students are also given some insight of the technical resources and techniques involved in After effects to produce the required effects and integrations of type into their animations or footage.
In this class I discuss and showcase with my students the convergence between two values of a website's interface: Playfulness and Usability of the user's experience when interacting with a website built with the Adobe Flash tool.
In this Master Class I adress two different subjects:
1. Creative Commons licences, because students need licenced resources to use in their assignments;
2. Particle systems, because students may need to animate groups of objects that individually would be painstakingly hard to animate.
If you a copy of this file feel free to send me a request email to leonardpeartree@gmail.com.
Enjoy!
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
This class presentation adresses some of the most classical visual and compositional principles that graphic designers use in order to compose their visual work in an organized, coherent and balanced manner.
If you need a copy please email me to leonardpeartree@gmail.com. I will be more than happy to send you one.
Publicidade Audiovisual em Micro-Formatos (UFPR)Jean Silva
Pesquisa acadêmica sobre Publicidade Audiovisual em Micro-formatos. A nova linguagem do audiovisual nos dispositivos móveis ( iPhone, Smartphones, PDA’s e tablets).
In this Master Class I adress two different subjects:
1. Creative Commons licences, because students need licenced resources to use in their assignments;
2. Particle systems, because students may need to animate groups of objects that individually would be painstakingly hard to animate.
If you a copy of this file feel free to send me a request email to leonardpeartree@gmail.com.
Enjoy!
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
This class presentation adresses some of the most classical visual and compositional principles that graphic designers use in order to compose their visual work in an organized, coherent and balanced manner.
If you need a copy please email me to leonardpeartree@gmail.com. I will be more than happy to send you one.
Publicidade Audiovisual em Micro-Formatos (UFPR)Jean Silva
Pesquisa acadêmica sobre Publicidade Audiovisual em Micro-formatos. A nova linguagem do audiovisual nos dispositivos móveis ( iPhone, Smartphones, PDA’s e tablets).
This class adresses some of the main technical cares to be taken when shooting greenscreen footage and footage with tracking markers or footage to later be tracked with motion trackers.
A influência das tecnologias e do mercado audiovisual brasileiro na estética ...Ana Cláudia Herrmann
Apresentação do trabalho de conclusão de curso.
Resumo: Este trabalho visou estudar a relação entre tecnologias, o mercado audiovisual brasileiro e a estética de projetos de motion graphics aplicados à TV por Assinatura. Como recorte, foi observado uma especificidade da aplicação destes projetos que é a identidade televisiva. Tal observação foi feita a partir do canal Multishow analisando, por meio de seu percurso histórico de 21 anos, em que medida os recursos tecnológicos disponíveis e as movimentações do mercado audiovisual de TV por Assinatura estão relacionados com as soluções gráficas produzidas. Escolheu-se esse canal por ser um dos primeiros quatro canais da GloboSat que, por sua vez, foi uma das primeiras programadoras a operar no país e é atualmente a maior da América Latina. Após esse estudo, foi construído um projeto de identidade televisiva para um canal fictício do mesmo escopo do Multishow. Nesse projeto prático foi levada em conta a relação tecnológica e mercadológica mapeada neste trabalho.
Apresentação sobre o Robô Livre realizada na Mesa "Educação, tecnologias e apropriação do conhecimento" do Inova 2012, no dia 19 de setembro de 2012. Evento organizado pela ADE - Academia para o desenvolvimento da educação.
O que é design instrucional e o que faz o profissional desta área?
Conheça as atribuições deste profissional e veja na prática, através de exemplos de plataformas conceituadas, como o Designer Instrucional pode fazer diferença na estratégia de aprendizado e produção de material didático.
Mentoria em apresentações - SBAP - Proposta ComercialMarcio Okabe
Proposta para treinamento para empresas de apresentações.
Aprenda como criar apresentações de alto impacto elaborando roteiros cativantes e criando um visual excelente para suas apresentações.
Robô Livre: como mudamos o mundo com software, hardware e espírito livre.Robô Livre
Palestra realizada na Oficina Robô Livre, no SIREE, Seminário Internacional sobre Resíduos de Equipamentos Eletroeletrônicos, no Porto Digital, Recife, no dia 5/2/2013.
Juntando quadros e conceitos: Modelagem de Negócios, Startup Enxuta e Modelagem Ágil de Projetos.
Joining canvas and concepts: Business Model Canvas, Lean Startup and Project Model Canvas.
A VIA HAVOK desenvolveu o projeto EVOLUA destinado a alunos com idade superior a 10 anos de todas as escolas do país.
O objetivo fundamental do projeto é introduzir, desvendar e demonstrar os mais diversos processos que compõem a produção e os bastidores do desenvolvimento do mundo dos
Games e da Arte Gráfica, realidade virtual, digital e impressa, visando não só instruir, mas inserir os interessados nesse mercado de trabalho.
Apresentação da Install Fest UNIT - MSP Rafael Oliveira Vasconcelosrafaelov
Presentation of Microsoft´s academic programs, Windows 7 and distribution of DVDs in the first Install Fest UNIT - Microsoft.
Apresentação de programas acadêmicos da Microsoft, Windows 7 e distribuição de DVDs na 1ª Install Fest UNIT - Microsoft.
Capacitação tecnológica dos professores EaDBetoDantas2
Uma pesquisa feita um mês após o início da quarentena mostra que mais de 80% dos professores não se sentem preparados para aulas online. Por isso, o time do Amigo Edu preparou um material especial para os professores, que compartilho com vocês agora. Nele, falamos sobre a capacitação tecnológica necessária para o EaD.
Adding paralax to a still picture - From 2D to 2.5DLeonardo Pereira
In this class I teach my students how to, in Photoshop, breakdown a still picture's components in order to reassemble them back in After Effects, with paralax added to it.
This tutorial covers some of the main techniques and tools used to retouch a human figure. It's based on the slick force technique developed by the famous photographer/cinematographer Nick Saglimbeni.
Introduction to Illustrator's workshop - Covilha October 2012Leonardo Pereira
In this workshop I introduce the Industrial Design Course's students (the Universidade da Beira interior's one) to the main uses and Tools available in Illustrator for basic vector drawing. The nature of a vector picture is also adressed.
Introduction to Photoshop's workshop - Covilha October 2012Leonardo Pereira
In this workshop I introduce the Industrial Design Course's students (the Universidade da Beira interior's one) to the main uses and Tools available in Photoshop for advanced picture editing. The mechanics of a static picture (bitmap picture) is also adressed.
In this class I adress the main color correction tools of Photoshop and what color correction is all about. Concepts such as Primary and Secondary color correction are also adressed.
Tutorial de Intro ao Photoshop: Simulação de capa de livro em perspectiva 3DLeonardo Pereira
In this class I teach my students how to integrate a bidimensional book cover into a 3D book packshot, using different layers, layer masks, selections and blending modes.
Design de Interfaces IPTV para Seniores_Workshop Tecnologias Interativas de a...Leonardo Pereira
The PHD research, hereafter described, consists in finding answers for the following research problem: What principles, at both the graphic and interaction levels, should IPTV applications' Interface Design (Internet Protocol Television) follow, so that their interfaces are better suited to the special requirements of Portuguese senior users?
Os Motion Graphics Diegéticos e Não Diegéticos em filmes publicitários
1. Instituto Politécnico do Cávado e Ave
Escola Superior de Tecnologia
Professor Leonardo Pereira
Ano Curricular - 2011 | 2012 PRODUÇÃO AUDIOVISUAL
Curso de Design Gráfico - 3º Ano | 2º Semestre
Aula 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
2. 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
3. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
4. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
01.1
Os Motion Graphics Não Diegéticos na publicidade
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
5. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
6. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
7. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
8. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
9. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
10. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
11. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
12. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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...
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
13. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
02
Motion Tracking
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
14. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
15. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
16. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
17. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
18. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
19. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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/
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
20. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
03
Chroma Keying
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
21. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
22. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
Então e como é que se extrai o Chroma?
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
23. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
24. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
25. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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...
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
26. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
27. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
04
Máscaras Animadas
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
28. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
29. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
30. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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:
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
31. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
05
Sistemas ou motores de Partículas
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
32. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
33. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
34. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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!
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
35. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
06
Proposta de Trabalho e Conceito Publicitário
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
36. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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.
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree
37. Instituto Politécnico do Cávado e Ave Produção Audiovisual
Escola Superior de Tecnologia Ano letivo - 2011 | 2012 || Professor Leonardo Pereira
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
e-mail: leonardpeartree@gmail.com | Skype: leonardpeartree