Videografismo Desmistificado

Videografismo Desmistificado

Os recursos revelados

Agradecimentos

• A todos que estão presente• Ao espaço e a oportunidade

Para que estamos aqui.O que queremos.

• Queremos compartilhar conhecimentos• Queremos crescer, aprender e inovar

Fontes: http://www.flickr.com/photos/preshaa/1059891342/

Quem Somos

• dBOTZ – Surgimos da vontade de compartilhar conhecimento

– Atualmente a dBOTZ esta em processo de abertura de empresa e tem como missão produzir soluções para projetos de videografismo

Quem são vocês

?

Cronograma

1 – História

2 – Equipamentos e Departamento de Videografismo

3 – Organização de Projeto

4 – Apresentação de Projetos

5 – Mesa Redonda

RESPIRE FUNDO, HERE WE GO

O que é videografismo?

Análise da palavra:

Videographer- Responsável pela gravação

O que é videografismo?

Análise da palavra:

Video/Grafismo

- tecnologia de captura.- formas, cores, representações.

O que é renderizar?• Fazer• Juntar todos elementos técnicos e artísticos e produzir uma

imagem• Executar uma arte

Fontes: http://www.cgsociety.org/index.php/CGSFeatures/CGSFeatureSpecial/fear_of_the_dark

Pré História da Computação Gráfica

• Os fundamentos:– invenções artisticas e matemáticas

Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/

Formulações de geometria

• Euclides (300 - 250 AC) forneceu uma base para conceitos de grafismos

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://en.wikipedia.org/wiki/Euclidhttp://pt.wikipedia.org/wiki/Euclides

Perspectivas• Filippo Brunelleschi (1377 - 1446) Arquiteto

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://pt.wikipedia.org/wiki/Filippo_Brunelleschihttp://steev.ca/chaos2.htmhttp://www.impetustoanalysis.com/2010/03/filippo-brunelleschi/

Geometria analítica

• Rene Descartés (1596-1650) Desenvolveu sistemas de coordenadas para localizar objetos no espaço

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://cnx.org/content/m15207/latest/http://pt.wikipedia.org/wiki/René_Descartes

Cálculo• Gottfried Wilhelm Leibniz (1646 - 1716) & Issac Newton (1642

- 1727) co-inventaram como descrever sistemas dinâmicos.

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://pt.wikipedia.org/wiki/Gottfried_Leibnizhttp://en.wikipedia.org/wiki/Isaac_Newtonhttp://www.stachemistry.com/calculus/http://www.staff.city.ac.uk/~ra359/courses/X2Calculus/current/

Fotografia

• Joseph Niépce (1826)


Telégrafo• Samuel Morse (1843)


Matrizes

• James Joseph Sylvester (1814 – 1897) Muitos grafismos podem ser feitos com matrizes.

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://en.wikipedia.org/wiki/James_Joseph_Sylvesterhttp://pt.wikipedia.org/wiki/Matriz_(matemática)

Teoria ondas eletromagnéticas

• James Clerk Maxwell (1864)


Escaneador de imagens

• Paul Nipkow (1884)


Projetor de imagem em movimento

• Edison (1887)


Gravação magnética

• Oberlin Smith (1888)


Automação & armazenamento de dados

• Hollerith (1890)


Gravador de imagens em movimento

• Dickson (1891)


Teoria da Relatividade

• Einstein (1905)


CRT (Tubo de raios catódicos)

• Boris Rosing (1907)


Primeria televisão

• John Logie Baird (1926)


Primeira televisão eletrônica

• Vladmir Zworykin (1926)


Splines• Isaac Schoenberg (1946) descobriu splines, um tipo de curva fundamental.

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://en.wikipedia.org/wiki/Isaac_Jacob_Schoenberghttp://www.brunel.nom.fr/these-lionel-brunel/5_146_construction_spline.html

Computador ENIAC (1946)

• J. Presper Mauchly (1919 - 1995) &John William Mauchly (1907 - 1980)

Fontes:http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://en.wikipedia.org/wiki/ENIAC

Primeiros renders de imagens e textos

• Marinha Americana e o programa SAGE (1955)

Fontes:http://www.siggraph.org/publications/newsletter/v33n3/columns/machover.html

Ivan Sutherland Sketchpad (1960)

– programa de vetores– conceito de janela– Software OO– copiar, colar, escalonar, rotacionar,

movimentar– primitivos em 3D com prespectiva– algoritimos para superfices

escondidas

Fontes:http://mysite.pratt.edu/~llaurola/cg550/cg.htmhttp://en.wikipedia.org/wiki/File:Sketchpad-Apple.jpg

ASCII art

– feita com caracteres– feita desde a primeiras máquinas de escrever

Fontes: http://en.wikipedia.org/wiki/ASCII_art

Kitty – 1968

– Animação feita com um computador

Fontes: http://www.todayandtomorrow.net/2010/03/22/kitty/

Anos 70– primeiros renders 3D com sombreamentos– primeiras artes 3D aparecem no cinema

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://deanish93.wordpress.com/cgi-history/

Anos 80 & 90– primeiros mapeamentos de texturas sobre objetos– revolução dos computadores pessoais– efeitos especiais realistas – Direct X & Open GL

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://deanish93.wordpress.com/cgi-history/

Anos 00 & Século XXI

– avanços em todas reas– renders fotorealistas

em tempo real

Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/http://deanish93.wordpress.com/cgi-history/http://en.wikipedia.org/wiki/Pirates_of_the_Caribbean:_Dead_Man%27s_Chest

Histórico das empresas no mercado

• Orad– Começou em 1993– É líder mundial em cenários virtuais, propaganda virtual e

grafismos para broadcast de news e esportes– Render em Linux– APIs abertos


• Vizrt – fundada 1997– Começou como empresa de broadcast na Noruega que se juntou a

uma empresa de software de grafismos 3D em tempo real– Responsáveis pelas entrevistas “holográficas” na CNN em 2008


• Wasp3D– Produz soluções para o mesmo mercado


• Chyron – fundada em 1966– Começou produzindo geradores de caracteres para paineis de

chegadas e partidas de aeroportos– Já ganhou múltiplos Emmys


• Monarch– Produz soluções para o mesmo mercado porêm com

workflows reduzidos

Os primeiros grafismos na televisão

• BBC - 1953

Fontes: http://paulrobertlloyd.com/articles/dissertation/the_visuality_of_television/

Os primeiros grafismos na televisão

• TV Tupi - 1950

Fontes: http://www.telehistoria.com.br/colunas/index.asp?id=3780

EQUIPAMENTOS E DEPARTAMENTO DE VIDEOGRAFISMO

Sistemas de render realtime

Como funciona um sistema de render on air

Game, Cenário Virtual, Geração de Caracteres

• Gráficos (Photoshop, Maya, After Effects)

• Software de criação para render on air (Orad 3Designer, Lyric, Viz Artist, Drone Designer)

• Player (Orad Maestro, Viz Trio, Mimosa)

• Render engine (Open GL, Direct X)

Gráficos 2D

Gráficos 3D

Gráficos em um sistema de render on air

• Photoshop - vira bitmap• Illustrator - vira bitmap com excessões• 3ds Max, Maya, Softimage XSI, Cinema 4D,

Blender, Lightwave - vira VRML ou outros• After Effects - vira sequência de bitmaps

Softwares de criação para renders on air




Players

• Geração de caracteres• Automação• Cenário virtual• Touch screen

Render Engines

• OpenGL– Cross plataform– OpenGL ES– Open source– 1992 – Silicon Graphics– Khronos Group– Java, Delphi, Basic, …– Versão 4.1

• DirectX– Microsoft Windows– Direct 3D Mobile– Proprietário– 1992 – Reality Lab– Microsoft– .NET, Delphi, C++– Versão 11

O que é VirtualSet (Pattern Recognition)?

• Sistema de tracking baseado em reconhecimento de grids gráficos instalados no estudio.

• Con hardware específico posicionamos o cenário em escalas reais.

• Este sistema permite o posicionamento da câmera em xyz, inclinação, pan, zoom, enfoque e roll.

• Se recomenda um mínimo de 15% do gird enquadrado pela câmera a todo momento.

O que é um VirtualSet (Infravermelhos)?

• Um sistema baseado em trackeamento por sinais de luzes infraveremlhas.

• Con hardware específico posicionamos o cenário em escalas reais.

• Este sistema permite o posicionamento da câmêra em xyz, inclinação, pan, zoom, enfoque e roll, um mínimo de três câmeras é recomendado para criar um área de infravermelhos e os sensores devem estar dentro dos límites de tracking.

Possibilidades de criação

VIDEO

Virtual Set

Virtual Set

Virtual Set

Virtual Set

Virtual Set

Virtual Set

Virtual Set

Virtual Set

Virtual Set

EQUIPE

Workflows reduzidos

Workflows extenso

Equipe

• Designer:– criação arte

• Operadores:– operação arte

• Suporte:– manutenção

• Diretores TV:– uso correto do sistema

Responsabilidades dos Designers

• Criação de artes• Verificar formatos de arquivo• Configuração e posicionamento

de textura e texto• Acompanhamento no piloto• Direção de arte e fotografia junto

com o Diretor de TV e iluminadores.

Responsabilidades do Soporte e TI

• Criação de planilhas• Aplicação de fórmulas

matemáticas• Resolver problemas de

tracking• Administração de

servidores• Backups e apoio em

general.

Responsabilidades dos Operadores• Verificar sistema antes e

depois do uso• Informar irregularidades ao

suporte• Operação, verificação

planilhas, iluminação, etc • Ser ponte para entre os

diretores de televisão e designers

• Executar ajustes de câmeras de video, recorte e iluminação

• Outras tarefas de operação

Responsabilidades dos Diretores de TV

• Verificar o sistema antes e depois do uso.

• Executar os projetos dentro dos limites da criação

• Respeitar os límites dos equipamentos

• Comunicar irregularidades para o suporte

• Orientar os câmeras e iluminadores.

Responsabilidades das Produções

• Ter uma visão geral do processo e sistema

• Trabalhar dentro dos límites

• Buscar novos desafios.

Responsabilidades dos Consultores

• Satisfazer as necesidades da emissora

• Trabalhar para ofrecer a melhor solução para a demanda da emissora

• Ajudar com frequência para ter feedback

• Suporte: web, telefone, email, radio.

Gerenciando projetos• Definicao de projeto• Ferramentas de gerenciamento

– Briefing– Visão geral do projeto

• Escopo• WBS• Ciclo de vida

• Criação & Iterações• Pré-produção

– Briefing– Visão geral do projeto– Brainstorming– Moodboard

• Produção– Esboços– Storyboard– Animatic– Produção 2D/3D– Testes– Lookframes

• Pós-produção– Animação– Audio– Versão 1, 2, 3, etc

• Finalização• Entrega

– Distribuição• Acompanhamento

– Ajustes

ORGANIZAÇÃO DE PROJETOS

Definição de projeto

• Um esforço temporário empreendido para criar um produto, serviço ou resultado.– Temporários, inicio, meio e fim– Plano, execução, controle– Produto, serviço, resultado– Etapas, fases, incremental, progressivo– Realizado por pessoas– Recursos limitados

• Projetos são temporários• Operações são contínuas e repetitivas

Briefing

• Conjunto de informações passadas em uma reunião para o desenvolvimento de um trabalho

• Mapeamento de um problema• Elaboração de um plano de ação para criar

uma solução

Informações coletadas em briefings

• Dados para contato• Local & Data• Informações gerais

– serviço– ramo– futuro

• Objetivos• Histórico• Posicionamento

– Concorrentes (Diretos/Indiretos)

– Diferencial

• Branding / Marca / Identidade Visual

• Uso• Estilo• Referencias• Prazos– Fases

• Stakeholders• Outras Informações

Escopo

• O que se pretende atingir dentro de limites e abrangências de operações.

• Metas• Entregas• Limites• Stakeholders• Como avaliar o sucesso do projeto• Um paragrafo

Work Breakdown Structure - WBS

• Estrutura de visão geral do projeto

• Pode-se planejar prazos para diferentes pacotes de trabalho

• Pode-se planejar em fases

• Pode-se ter uma visão do ciclo de vida do projeto

• Exigido em projetos de governo nos EUA




Fase 1


Fase 2


Fase 3


Fase 4

Pré-produção

– Briefing– Visão geral do projeto– Brainstorming– Moodboard– Testes– Versão 1, 2, 3, etc

Produção

– Esboços– Storyboard– Animatic– Capturas / Filmagens– Produção 2D/3D– Testes– Lookframes– Versão 1, 2, 3, etc

Pós-produção

– Animação– Efeitos– Renders– Correções– Audio– Versão 1, 2, 3, etc

Finalização

- Juntar tudo- Formatos de arquivo- Testes com usuários- Piloto- Versão 1, 2, 3, etc

Entrega

- Execução- Acompanhamento ou fechamento- Adaptações- Versão 1, 2, 3, etc

Ciclo de vida

• IniciarBriefingEscopoWBS

• PlanejarMoodboard

EsboçosDesign

• ExecutarDesignDesenvolverAnimar

• FecharEntregaAcompanhar

Criação & Iterações



Fontes: Livro A Project Guide to UX Design



- Aprovação entre cada fase



- Novo ciclo de definições, design e desenvolvimento antes da entrega final



- Ciclos de fases produzem iterações- Design é um processo iterativo



- Ciclos de fases produzem iterações- Design é um processo iterativo



APRESENTAÇÃO DE PROJETOS

MESA REDONDA