SlideShare uma empresa Scribd logo
1 de 107
VideografismoDesmistificado

      Os recursosrevelados
Agradecimentos
• A todosqueestãopresente
• Aoespaçoe a oportunidade
Para queestamosaqui.
                                      O quequeremos.
    • Queremoscompartilharconhecimentos
    • Queremoscrescer, aprendereinovar




Fontes: http://www.flickr.com/photos/preshaa/1059891342/
QuemSomos
• dBOTZ
   – Surgimosdavontade de compartilharconhecimento

  – Atualmente a dBOTZestaemprocesso de abertura de
    empresae tem
    comomissãoproduzirsoluçõesparaprojetos de
    videografismo
Quemsãovocê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álisedapalavra:



              Videographer
- Responsávelpelagravação
O queévideografismo?
Análisedapalavra:


           Video/Grafismo

- tecnologia de captura.
- formas, cores, representações.
O queérenderizar?
    • Fazer
    • Juntartodoselementostécnicos e artísticos e
      produzirumaimagem
    • Executaruma arte




Fontes: http://www.cgsociety.org/index.php/CGSFeatures/CGSFeatureSpecial/fear_of_the_dark
PréHistória da ComputaçãoGráfica
    • Os fundamentos:
             – invençõesartisticasematemáticas




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Formulações de geometria
    • Euclides (300 - 250 AC) forneceuuma base
      paraconceitos de grafismos




Fontes:
http://www.cs.fit.edu/~wds/classes/graphics/History/history/
http://en.wikipedia.org/wiki/Euclid
http://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_Brunelleschi
http://steev.ca/chaos2.htm
http://www.impetustoanalysis.com/2010/03/filippo-brunelleschi/
Geometriaanalítica
    • Rene Descartés (1596-1650) Desenvolveusistemas de
      coordenadasparalocalizarobjetos 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-inventaramcomodescreversistemasdinâmicos.




Fontes:
http://www.cs.fit.edu/~wds/classes/graphics/History/history/
http://pt.wikipedia.org/wiki/Gottfried_Leibniz
http://en.wikipedia.org/wiki/Isaac_Newton
http://www.stachemistry.com/calculus/
http://www.staff.city.ac.uk/~ra359/courses/X2Calculus/current/
Fotografia
    • Joseph Niépce (1826)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Telégrafo
    • Samuel Morse (1843)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Matrizes
    • James Joseph Sylvester (1814 – 1897)
      Muitosgrafismospodem ser feitos com matrizes.




Fontes:
http://www.cs.fit.edu/~wds/classes/graphics/History/history/
http://en.wikipedia.org/wiki/James_Joseph_Sylvester
http://pt.wikipedia.org/wiki/Matriz_(matemática)
Teoriaondaseletromagnéticas
    • James Clerk Maxwell (1864)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Escaneador de imagens
    • Paul Nipkow (1884)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Projetor de imagememmovimento
    • Edison (1887)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Gravaçãomagnética
    • Oberlin Smith (1888)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Automação&armazenamento de dados

    • Hollerith (1890)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Gravador de imagensemmovimento
    • Dickson (1891)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
TeoriadaRelatividade
    • Einstein (1905)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
CRT (Tubo de raioscatódicos)
    • Boris Rosing (1907)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Primeriatelevisão
    • John Logie Baird (1926)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Primeiratelevisãoeletrônica
    • Vladmir Zworykin (1926)




Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
Splines
    • Isaac Schoenberg (1946) descobriusplines, um tipo de curva
      fundamental.




Fontes:
http://www.cs.fit.edu/~wds/classes/graphics/History/history/
http://en.wikipedia.org/wiki/Isaac_Jacob_Schoenberg
http://www.brunel.nom.fr/these-lionel-brunel/5_146_construction_spline.html
Computador ENIAC (1946)
    • J. PresperMauchly (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 imagensetextos

    • 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
        – primitivosem 3D com prespectiva
        – algoritimosparasuperficesescondid
          as


Fontes:
http://mysite.pratt.edu/~llaurola/cg550/cg.htm
http://en.wikipedia.org/wiki/File:Sketchpad-Apple.jpg
ASCII art
             – feita com caracteres
             – feitadesde a primeirasmáquinas de escrever




Fontes:
http://en.wikipedia.org/wiki/ASCII_art
Kitty – 1968

            – Animaçãofeita com um computador




Fontes: http://www.todayandtomorrow.net/2010/03/22/kitty/
Anos 70
             – primeiros renders 3D com sombreamentos
             – primeirasartes 3D aparecem no cinema




Fontes:
http://www.cs.fit.edu/~wds/classes/graphics/History/history/
http://deanish93.wordpress.com/cgi-history/
Anos 80 & 90
             – primeirosmapeamentos de texturassobreobjetos
             – revolução dos computadorespessoais
             – efeitosespeciaisrealistas
             – 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çosemtodas reas
            – renders
              fotorealistasem
              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çouem 1993
   – É lídermundialemcenáriosvirtuais, propaganda virtual e
     grafismospara broadcast de news eesportes
   – Render em Linux
   – APIs abertos
Histórico das empresas no mercado
• Vizrt – fundada 1997
   – Começoucomoempresa de broadcast naNoruegaque se juntou a
     umaempresa de software de grafismos 3D em tempo real
   – Responsáveispelasentrevistas “holográficas” na CNN em 2008
Histórico das empresas no mercado
• Wasp3D
  – Produzsoluçõespara o mesmomercado
Histórico das empresas no mercado
• Chyron – fundadaem 1966
   – Começouproduzindogeradores de caracteresparapaineis de chegadas
     e partidas de aeroportos
   – Jáganhoumúltiplos Emmys
Histórico das empresas no mercado
• Monarch
  – Produzsoluçõespara o mesmomercadoporêm com
    workflows reduzidos
Os primeirosgrafismosnatelevisão
     • BBC - 1953




Fontes: http://paulrobertlloyd.com/articles/dissertation/the_visuality_of_television/
Os primeirosgrafismosnatelevisão
    • TV Tupi - 1950




Fontes: http://www.telehistoria.com.br/colunas/index.asp?id=3780
EQUIPAMENTOSEDEPARTAMENTO
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çãopara 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áficosem 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 ououtros
• After Effects - virasequência de bitmaps
Softwares de criaçãopara renders on air
Softwares de criaçãopara renders on air
Softwares de criaçãopara renders on air
Softwares de criaçãopara renders on air
Players
•   Geração de caracteres
•   Automação
•   Cenário virtual
•   Touch screen
Render Engines
• OpenGL                      • DirectX
  – Cross plataform             – Microsoft Windows
  – OpenGL ES                   – Direct 3D Mobile
  – Open source                 – Proprietário
  – 1992 – Silicon Graphics     – 1992 – Reality Lab
  – Khronos Group               – Microsoft
  – Java, Delphi, Basic, …      – .NET, Delphi, C++
  – Versão 4.1                  – Versão 11
O que éVirtualSet (Pattern Recognition)?
• Sistema de tracking baseado em
  reconhecimento degridsgráficos
  instaladosnoestudio.

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

• Este sistema permiteo
  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 atodo momento.
O que é um VirtualSet (Infravermelhos)?

• Umsistema baseado em
  trackeamento por sinais de luzes
  infraveremlhas.

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

• Este sistema permiteo
  posicionamento da câmêra em
  xyz, inclinação, pan, zoom, enfoq
  ue e roll,ummí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
• Designer:
  – criação arte
• Operadores:                      Nucleo do
  – operação arte    Diretores
                       de TV
                                 videografismo
                                                 Operadores
                                  Cenários e
• Suporte:                          Tarjas

  – manutenção
• Diretores TV:
  – usocorreto do sistema            Soporte
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.
Gerenciandoprojetos
•   Definicao de projeto
•   Ferramentas de gerenciamento
      –    Briefing
      –    Visãogeral do projeto
                  •   Escopo
                  •   WBS
                  •   Ciclo de vida
•   Criação&Iterações
•   Pré-produção
      –    Briefing
      –    Visãogeral 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çotemporárioempreendidoparacriar
  um produto, serviçoouresultado.
   –   Temporários, inicio, meio e fim
   –   Plano, execução, controle
   –   Produto, serviço, resultado
   –   Etapas, fases, incremental, progressivo
   –   Realizadoporpessoas
   –   Recursoslimitados

• Projetossãotemporários
• Operaçõessãocontínuas e repetitivas
Briefing
• Conjunto de
  informaçõespassadasemumareuniãopara o
  desenvolvimento de um trabalho
• Mapeamento de um problema
• Elaboração de um plano de
  açãoparacriarumasolução
Informaçõescoletadasem briefings
• Dados paracontato        • Branding / Marca /
• Local & Data               Identidade Visual
• Informaçõesgerais
   – serviço               • Uso
   – ramo                  • Estilo
   – futuro
• Objetivos                • Referencias
• Histórico                • Prazos
• Posicionamento             – Fases
   – Concorrentes
     (Diretos/Indiretos)   • Stakeholders
   – Diferencial           • OutrasInformações
Escopo
• O que se pretendeatingirdentro 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ãogeral do projeto

• Pode-se planejarprazosparadiferentespacotes de trabalho

• Pode-se planejaremfases

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

• Exigido em projetos de governo nos EUA
Work Breakdown Structure - WBS
Work Breakdown Structure - WBS
Work Breakdown Structure - WBS




                          Fase 1
Work Breakdown Structure - WBS




                          Fase 2
Work Breakdown Structure - WBS




Fase 3
Work Breakdown Structure - WBS




Fase 4
Pré-produção
– Briefing
– Visãogeral 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


• Iniciar     • Planejar    • Executar      • Fechar
   Briefing     Moodboard     Design          Entrega
   Escopo       Esboços       Desenvolver     Acompanhar
   WBS          Design        Animar
Criação&Iterações
Criação&Iterações
Criação&Iterações




Fontes: Livro A Project Guide to UX Design
Criação&Iterações




                  - Aprovação entre cadafase

Fontes: Livro A Project Guide to UX Design
Criação&Iterações




                  - Novo ciclo de definições, design
                  edesenvolvimento antes daentrega final
Fontes: Livro A Project Guide to UX Design
Criação&Iterações




                  -Ciclos de fasesproduzemiterações
                  - Design é um processoiterativo
Fontes: Livro A Project Guide to UX Design
Criação&Iterações




                  -Ciclos de fasesproduzemiterações
                  - Design é um processoiterativo
Fontes: Livro A Project Guide to UX Design
Criação&Iterações




Fontes: Livro A Project Guide to UX Design
APRESENTAÇÃO DE PROJETOS
MESA REDONDA

Mais conteúdo relacionado

Semelhante a VideografismoDesmistificado

2008 08 01 Cenarios E Tendencias Em Tics
2008 08 01 Cenarios E Tendencias Em Tics2008 08 01 Cenarios E Tendencias Em Tics
2008 08 01 Cenarios E Tendencias Em Ticssrlm
 
Digitalização e Preservação Digital
Digitalização e Preservação DigitalDigitalização e Preservação Digital
Digitalização e Preservação DigitalCariniana Rede
 
2008 08 27 Rede Catolica Sao Paulo
2008 08 27 Rede Catolica Sao Paulo2008 08 27 Rede Catolica Sao Paulo
2008 08 27 Rede Catolica Sao Paulosrlm
 
engenharia da computação
engenharia da computaçãoengenharia da computação
engenharia da computaçãoArthur Vinícius
 
2008 06 17 Brasilia
2008 06 17 Brasilia2008 06 17 Brasilia
2008 06 17 Brasiliatatiane_HSM
 
Seminário de Pesquisa - Tecnologias Digitais Emergentes e Práticas Arquitetôn...
Seminário de Pesquisa - Tecnologias Digitais Emergentes e Práticas Arquitetôn...Seminário de Pesquisa - Tecnologias Digitais Emergentes e Práticas Arquitetôn...
Seminário de Pesquisa - Tecnologias Digitais Emergentes e Práticas Arquitetôn...Erica Mattos
 
Aula 02 arte digital
Aula 02 arte digitalAula 02 arte digital
Aula 02 arte digitalVenise Melo
 
MODELAGEM E ANIMAÇÃO DE OBJETOS E CENÁRIOS PARA AMBIENTES VIRTUAIS COLABORATIVOS
MODELAGEM E ANIMAÇÃO DE OBJETOS E CENÁRIOS PARA AMBIENTES VIRTUAIS COLABORATIVOSMODELAGEM E ANIMAÇÃO DE OBJETOS E CENÁRIOS PARA AMBIENTES VIRTUAIS COLABORATIVOS
MODELAGEM E ANIMAÇÃO DE OBJETOS E CENÁRIOS PARA AMBIENTES VIRTUAIS COLABORATIVOSETEC Monsenhor Antonio Magliano
 
Codigos maquinas linguagens... E triathlon ;-) TUDO é software?
Codigos maquinas linguagens... E triathlon ;-) TUDO é software?Codigos maquinas linguagens... E triathlon ;-) TUDO é software?
Codigos maquinas linguagens... E triathlon ;-) TUDO é software?Jones Albuquerque
 
Evolução da computação gráfica
Evolução da computação gráficaEvolução da computação gráfica
Evolução da computação gráficaCederj
 
Tfg filipe oliveira - pavilhões de identidade e cultura
Tfg   filipe oliveira - pavilhões de identidade e culturaTfg   filipe oliveira - pavilhões de identidade e cultura
Tfg filipe oliveira - pavilhões de identidade e culturaFilipe Oliveira
 
Geração dos Computadores
Geração dos ComputadoresGeração dos Computadores
Geração dos ComputadoresRicardo Andrade
 
Geraodoscomputadoresquirion 090829220718-phpapp02
Geraodoscomputadoresquirion 090829220718-phpapp02Geraodoscomputadoresquirion 090829220718-phpapp02
Geraodoscomputadoresquirion 090829220718-phpapp02olecramhacker
 
Visão por Computador: da ciência até a arte
Visão por Computador: da ciência até a arteVisão por Computador: da ciência até a arte
Visão por Computador: da ciência até a arteelliando dias
 
Aula1- Animação Web - Prof.ª Cristiane Fidelix
Aula1- Animação Web - Prof.ª Cristiane FidelixAula1- Animação Web - Prof.ª Cristiane Fidelix
Aula1- Animação Web - Prof.ª Cristiane FidelixCris Fidelix
 
[WRVA2014] Utilização de Realidade Aumentada, com marcadores(ARToolKitPlus) e...
[WRVA2014] Utilização de Realidade Aumentada, com marcadores(ARToolKitPlus) e...[WRVA2014] Utilização de Realidade Aumentada, com marcadores(ARToolKitPlus) e...
[WRVA2014] Utilização de Realidade Aumentada, com marcadores(ARToolKitPlus) e...Christopher Cerqueira
 
Edição e Montagem 1 (Aula 2)
Edição e Montagem 1 (Aula 2)Edição e Montagem 1 (Aula 2)
Edição e Montagem 1 (Aula 2)Mauricio Fonteles
 
Visualização de informações em interfaces cartográfricas e físicas: quais o...
Visualização de informações em  interfaces cartográfricas e físicas:  quais o...Visualização de informações em  interfaces cartográfricas e físicas:  quais o...
Visualização de informações em interfaces cartográfricas e físicas: quais o...Rodrigo Medeiros
 
Workshop maker bot 2017
Workshop maker bot 2017Workshop maker bot 2017
Workshop maker bot 2017Emanuel Campos
 

Semelhante a VideografismoDesmistificado (20)

2008 08 01 Cenarios E Tendencias Em Tics
2008 08 01 Cenarios E Tendencias Em Tics2008 08 01 Cenarios E Tendencias Em Tics
2008 08 01 Cenarios E Tendencias Em Tics
 
Digitalização e Preservação Digital
Digitalização e Preservação DigitalDigitalização e Preservação Digital
Digitalização e Preservação Digital
 
2011 06 08_open_week
2011 06 08_open_week2011 06 08_open_week
2011 06 08_open_week
 
2008 08 27 Rede Catolica Sao Paulo
2008 08 27 Rede Catolica Sao Paulo2008 08 27 Rede Catolica Sao Paulo
2008 08 27 Rede Catolica Sao Paulo
 
engenharia da computação
engenharia da computaçãoengenharia da computação
engenharia da computação
 
2008 06 17 Brasilia
2008 06 17 Brasilia2008 06 17 Brasilia
2008 06 17 Brasilia
 
Seminário de Pesquisa - Tecnologias Digitais Emergentes e Práticas Arquitetôn...
Seminário de Pesquisa - Tecnologias Digitais Emergentes e Práticas Arquitetôn...Seminário de Pesquisa - Tecnologias Digitais Emergentes e Práticas Arquitetôn...
Seminário de Pesquisa - Tecnologias Digitais Emergentes e Práticas Arquitetôn...
 
Aula 02 arte digital
Aula 02 arte digitalAula 02 arte digital
Aula 02 arte digital
 
MODELAGEM E ANIMAÇÃO DE OBJETOS E CENÁRIOS PARA AMBIENTES VIRTUAIS COLABORATIVOS
MODELAGEM E ANIMAÇÃO DE OBJETOS E CENÁRIOS PARA AMBIENTES VIRTUAIS COLABORATIVOSMODELAGEM E ANIMAÇÃO DE OBJETOS E CENÁRIOS PARA AMBIENTES VIRTUAIS COLABORATIVOS
MODELAGEM E ANIMAÇÃO DE OBJETOS E CENÁRIOS PARA AMBIENTES VIRTUAIS COLABORATIVOS
 
Codigos maquinas linguagens... E triathlon ;-) TUDO é software?
Codigos maquinas linguagens... E triathlon ;-) TUDO é software?Codigos maquinas linguagens... E triathlon ;-) TUDO é software?
Codigos maquinas linguagens... E triathlon ;-) TUDO é software?
 
Evolução da computação gráfica
Evolução da computação gráficaEvolução da computação gráfica
Evolução da computação gráfica
 
Tfg filipe oliveira - pavilhões de identidade e cultura
Tfg   filipe oliveira - pavilhões de identidade e culturaTfg   filipe oliveira - pavilhões de identidade e cultura
Tfg filipe oliveira - pavilhões de identidade e cultura
 
Geração dos Computadores
Geração dos ComputadoresGeração dos Computadores
Geração dos Computadores
 
Geraodoscomputadoresquirion 090829220718-phpapp02
Geraodoscomputadoresquirion 090829220718-phpapp02Geraodoscomputadoresquirion 090829220718-phpapp02
Geraodoscomputadoresquirion 090829220718-phpapp02
 
Visão por Computador: da ciência até a arte
Visão por Computador: da ciência até a arteVisão por Computador: da ciência até a arte
Visão por Computador: da ciência até a arte
 
Aula1- Animação Web - Prof.ª Cristiane Fidelix
Aula1- Animação Web - Prof.ª Cristiane FidelixAula1- Animação Web - Prof.ª Cristiane Fidelix
Aula1- Animação Web - Prof.ª Cristiane Fidelix
 
[WRVA2014] Utilização de Realidade Aumentada, com marcadores(ARToolKitPlus) e...
[WRVA2014] Utilização de Realidade Aumentada, com marcadores(ARToolKitPlus) e...[WRVA2014] Utilização de Realidade Aumentada, com marcadores(ARToolKitPlus) e...
[WRVA2014] Utilização de Realidade Aumentada, com marcadores(ARToolKitPlus) e...
 
Edição e Montagem 1 (Aula 2)
Edição e Montagem 1 (Aula 2)Edição e Montagem 1 (Aula 2)
Edição e Montagem 1 (Aula 2)
 
Visualização de informações em interfaces cartográfricas e físicas: quais o...
Visualização de informações em  interfaces cartográfricas e físicas:  quais o...Visualização de informações em  interfaces cartográfricas e físicas:  quais o...
Visualização de informações em interfaces cartográfricas e físicas: quais o...
 
Workshop maker bot 2017
Workshop maker bot 2017Workshop maker bot 2017
Workshop maker bot 2017
 

Último

Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 

Último (8)

Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 

VideografismoDesmistificado

  • 1. VideografismoDesmistificado Os recursosrevelados
  • 3. Para queestamosaqui. O quequeremos. • Queremoscompartilharconhecimentos • Queremoscrescer, aprendereinovar Fontes: http://www.flickr.com/photos/preshaa/1059891342/
  • 4. QuemSomos • dBOTZ – Surgimosdavontade de compartilharconhecimento – Atualmente a dBOTZestaemprocesso de abertura de empresae tem comomissãoproduzirsoluçõesparaprojetos de videografismo
  • 6. Cronograma 1 – História 2 – Equipamentos e Departamento de Videografismo 3 – Organização de Projeto 4 – Apresentação de Projetos 5 – Mesa Redonda
  • 8. O queévideografismo? Análisedapalavra: Videographer - Responsávelpelagravação
  • 9. O queévideografismo? Análisedapalavra: Video/Grafismo - tecnologia de captura. - formas, cores, representações.
  • 10. O queérenderizar? • Fazer • Juntartodoselementostécnicos e artísticos e produzirumaimagem • Executaruma arte Fontes: http://www.cgsociety.org/index.php/CGSFeatures/CGSFeatureSpecial/fear_of_the_dark
  • 11. PréHistória da ComputaçãoGráfica • Os fundamentos: – invençõesartisticasematemáticas Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 12. Formulações de geometria • Euclides (300 - 250 AC) forneceuuma base paraconceitos de grafismos Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/ http://en.wikipedia.org/wiki/Euclid http://pt.wikipedia.org/wiki/Euclides
  • 13. Perspectivas • Filippo Brunelleschi (1377 - 1446) Arquiteto Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/ http://pt.wikipedia.org/wiki/Filippo_Brunelleschi http://steev.ca/chaos2.htm http://www.impetustoanalysis.com/2010/03/filippo-brunelleschi/
  • 14. Geometriaanalítica • Rene Descartés (1596-1650) Desenvolveusistemas de coordenadasparalocalizarobjetos 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
  • 15. Cálculo • Gottfried Wilhelm Leibniz (1646 - 1716) &Issac Newton (1642 - 1727) co-inventaramcomodescreversistemasdinâmicos. Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/ http://pt.wikipedia.org/wiki/Gottfried_Leibniz http://en.wikipedia.org/wiki/Isaac_Newton http://www.stachemistry.com/calculus/ http://www.staff.city.ac.uk/~ra359/courses/X2Calculus/current/
  • 16. Fotografia • Joseph Niépce (1826) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 17. Telégrafo • Samuel Morse (1843) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 18. Matrizes • James Joseph Sylvester (1814 – 1897) Muitosgrafismospodem ser feitos com matrizes. Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/ http://en.wikipedia.org/wiki/James_Joseph_Sylvester http://pt.wikipedia.org/wiki/Matriz_(matemática)
  • 19. Teoriaondaseletromagnéticas • James Clerk Maxwell (1864) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 20. Escaneador de imagens • Paul Nipkow (1884) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 21. Projetor de imagememmovimento • Edison (1887) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 22. Gravaçãomagnética • Oberlin Smith (1888) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 23. Automação&armazenamento de dados • Hollerith (1890) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 24. Gravador de imagensemmovimento • Dickson (1891) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 25. TeoriadaRelatividade • Einstein (1905) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 26. CRT (Tubo de raioscatódicos) • Boris Rosing (1907) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 27. Primeriatelevisão • John Logie Baird (1926) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 28. Primeiratelevisãoeletrônica • Vladmir Zworykin (1926) Fonte: http://www.cs.fit.edu/~wds/classes/graphics/History/history/
  • 29. Splines • Isaac Schoenberg (1946) descobriusplines, um tipo de curva fundamental. Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/ http://en.wikipedia.org/wiki/Isaac_Jacob_Schoenberg http://www.brunel.nom.fr/these-lionel-brunel/5_146_construction_spline.html
  • 30. Computador ENIAC (1946) • J. PresperMauchly (1919 - 1995) & John William Mauchly (1907 - 1980) Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/ http://en.wikipedia.org/wiki/ENIAC
  • 31. Primeiros renders de imagensetextos • Marinha Americana e o programa SAGE (1955) Fontes: http://www.siggraph.org/publications/newsletter/v33n3/columns/machover.html
  • 32. Ivan Sutherland Sketchpad (1960) – programa de vetores – conceito de janela – Software OO – copiar, colar, escalonar, rotacionar, movimentar – primitivosem 3D com prespectiva – algoritimosparasuperficesescondid as Fontes: http://mysite.pratt.edu/~llaurola/cg550/cg.htm http://en.wikipedia.org/wiki/File:Sketchpad-Apple.jpg
  • 33. ASCII art – feita com caracteres – feitadesde a primeirasmáquinas de escrever Fontes: http://en.wikipedia.org/wiki/ASCII_art
  • 34. Kitty – 1968 – Animaçãofeita com um computador Fontes: http://www.todayandtomorrow.net/2010/03/22/kitty/
  • 35. Anos 70 – primeiros renders 3D com sombreamentos – primeirasartes 3D aparecem no cinema Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/ http://deanish93.wordpress.com/cgi-history/
  • 36. Anos 80 & 90 – primeirosmapeamentos de texturassobreobjetos – revolução dos computadorespessoais – efeitosespeciaisrealistas – Direct X & Open GL Fontes: http://www.cs.fit.edu/~wds/classes/graphics/History/history/ http://deanish93.wordpress.com/cgi-history/
  • 37. Anos 00 &Século XXI – avançosemtodas reas – renders fotorealistasem 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
  • 38. Histórico das empresas no mercado • Orad – Começouem 1993 – É lídermundialemcenáriosvirtuais, propaganda virtual e grafismospara broadcast de news eesportes – Render em Linux – APIs abertos
  • 39. Histórico das empresas no mercado • Vizrt – fundada 1997 – Começoucomoempresa de broadcast naNoruegaque se juntou a umaempresa de software de grafismos 3D em tempo real – Responsáveispelasentrevistas “holográficas” na CNN em 2008
  • 40. Histórico das empresas no mercado • Wasp3D – Produzsoluçõespara o mesmomercado
  • 41. Histórico das empresas no mercado • Chyron – fundadaem 1966 – Começouproduzindogeradores de caracteresparapaineis de chegadas e partidas de aeroportos – Jáganhoumúltiplos Emmys
  • 42. Histórico das empresas no mercado • Monarch – Produzsoluçõespara o mesmomercadoporêm com workflows reduzidos
  • 43. Os primeirosgrafismosnatelevisão • BBC - 1953 Fontes: http://paulrobertlloyd.com/articles/dissertation/the_visuality_of_television/
  • 44. Os primeirosgrafismosnatelevisão • TV Tupi - 1950 Fontes: http://www.telehistoria.com.br/colunas/index.asp?id=3780
  • 46. Sistemas de render realtime
  • 47. 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çãopara render on air (Orad 3Designer, Lyric, Viz Artist, Drone Designer) • Player (Orad Maestro, Viz Trio, Mimosa) • Render engine (Open GL, Direct X)
  • 50. Gráficosem 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 ououtros • After Effects - virasequência de bitmaps
  • 51. Softwares de criaçãopara renders on air
  • 52. Softwares de criaçãopara renders on air
  • 53. Softwares de criaçãopara renders on air
  • 54. Softwares de criaçãopara renders on air
  • 55. Players • Geração de caracteres • Automação • Cenário virtual • Touch screen
  • 56. Render Engines • OpenGL • DirectX – Cross plataform – Microsoft Windows – OpenGL ES – Direct 3D Mobile – Open source – Proprietário – 1992 – Silicon Graphics – 1992 – Reality Lab – Khronos Group – Microsoft – Java, Delphi, Basic, … – .NET, Delphi, C++ – Versão 4.1 – Versão 11
  • 57. O que éVirtualSet (Pattern Recognition)? • Sistema de tracking baseado em reconhecimento degridsgráficos instaladosnoestudio. • Con hardware específico posicionamoso cenário em escalas reais. • Este sistema permiteo 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 atodo momento.
  • 58. O que é um VirtualSet (Infravermelhos)? • Umsistema baseado em trackeamento por sinais de luzes infraveremlhas. • Con hardware específico posicionamoso cenário em escalas reais. • Este sistema permiteo posicionamento da câmêra em xyz, inclinação, pan, zoom, enfoq ue e roll,ummínimo de três câmeras é recomendado para criar um área de infravermelhos e os sensores devem estar dentro dos límites de tracking.
  • 72. Equipe Designer • Designer: – criação arte • Operadores: Nucleo do – operação arte Diretores de TV videografismo Operadores Cenários e • Suporte: Tarjas – manutenção • Diretores TV: – usocorreto do sistema Soporte
  • 73. 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.
  • 74. 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.
  • 75. 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
  • 76. 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.
  • 77. Responsabilidades das Produções • Ter uma visão geral do processo e sistema • Trabalhar dentro dos límites • Buscar novos desafios.
  • 78. 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.
  • 79. Gerenciandoprojetos • Definicao de projeto • Ferramentas de gerenciamento – Briefing – Visãogeral do projeto • Escopo • WBS • Ciclo de vida • Criação&Iterações • Pré-produção – Briefing – Visãogeral 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
  • 81. Definição de projeto • Um esforçotemporárioempreendidoparacriar um produto, serviçoouresultado. – Temporários, inicio, meio e fim – Plano, execução, controle – Produto, serviço, resultado – Etapas, fases, incremental, progressivo – Realizadoporpessoas – Recursoslimitados • Projetossãotemporários • Operaçõessãocontínuas e repetitivas
  • 82. Briefing • Conjunto de informaçõespassadasemumareuniãopara o desenvolvimento de um trabalho • Mapeamento de um problema • Elaboração de um plano de açãoparacriarumasolução
  • 83. Informaçõescoletadasem briefings • Dados paracontato • Branding / Marca / • Local & Data Identidade Visual • Informaçõesgerais – serviço • Uso – ramo • Estilo – futuro • Objetivos • Referencias • Histórico • Prazos • Posicionamento – Fases – Concorrentes (Diretos/Indiretos) • Stakeholders – Diferencial • OutrasInformações
  • 84. Escopo • O que se pretendeatingirdentro de limites e abrangências de operações. • Metas • Entregas • Limites • Stakeholders • Como avaliar o sucesso do projeto • Um paragrafo
  • 85. Work Breakdown Structure - WBS • Estrutura de visãogeral do projeto • Pode-se planejarprazosparadiferentespacotes de trabalho • Pode-se planejaremfases • Pode-se ter uma visão do ciclo de vida do projeto • Exigido em projetos de governo nos EUA
  • 88. Work Breakdown Structure - WBS Fase 1
  • 89. Work Breakdown Structure - WBS Fase 2
  • 90. Work Breakdown Structure - WBS Fase 3
  • 91. Work Breakdown Structure - WBS Fase 4
  • 92. Pré-produção – Briefing – Visãogeral do projeto – Brainstorming – Moodboard – Testes – Versão 1, 2, 3, etc
  • 93. Produção – Esboços – Storyboard – Animatic – Capturas / Filmagens – Produção 2D/3D – Testes – Lookframes – Versão 1, 2, 3, etc
  • 94. Pós-produção – Animação – Efeitos – Renders – Correções – Audio – Versão 1, 2, 3, etc
  • 95. Finalização - Juntar tudo - Formatos de arquivo - Testes com usuários - Piloto - Versão 1, 2, 3, etc
  • 96. Entrega - Execução - Acompanhamento ou fechamento - Adaptações - Versão 1, 2, 3, etc
  • 97. Ciclo de vida • Iniciar • Planejar • Executar • Fechar Briefing Moodboard Design Entrega Escopo Esboços Desenvolver Acompanhar WBS Design Animar
  • 100. Criação&Iterações Fontes: Livro A Project Guide to UX Design
  • 101. Criação&Iterações - Aprovação entre cadafase Fontes: Livro A Project Guide to UX Design
  • 102. Criação&Iterações - Novo ciclo de definições, design edesenvolvimento antes daentrega final Fontes: Livro A Project Guide to UX Design
  • 103. Criação&Iterações -Ciclos de fasesproduzemiterações - Design é um processoiterativo Fontes: Livro A Project Guide to UX Design
  • 104. Criação&Iterações -Ciclos de fasesproduzemiterações - Design é um processoiterativo Fontes: Livro A Project Guide to UX Design
  • 105. Criação&Iterações Fontes: Livro A Project Guide to UX Design