SlideShare una empresa de Scribd logo
1 de 31
UNIVERSIDADE ESTADUAL DO CEARÁ – UECEINSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO CEARÁ – IFCEMESTRADO PROFISSIONAL EM COMPUTAÇÃO APLICADA–ECE/IFCE SOFTWARE DE AUTORIA E MULTIMÍDIA PROFESSOR DR. JOÃO BATISTA Animação e Vídeo
Animação e vídeo Adriana Ramalho Genilson César Jefrei Rocha
Roteiro Animação Definição Discutindo os princípios da animação Discutindo as técnicas de animação Escolhendo o formato para animação Criando animação em Flash
Roteiro 2. Vídeo Conceitos iniciais Reprodução de vídeos Discutindo os formatos de transmissão de vídeo Formato de vídeo e codecs A guerra dos codecs Conversores de vídeo Edição de vídeo
Roteiro 3. Considerações Finais 4. Referências
ANIMAÇÃO Definição: ,[object Object]
 Dá vida a apresentações estáticas;
Você pode animar seu projeto como um todo, ou em partes.Usar excessivamente alerta de animação e efeitos visuais indevidos, podem arruinar uma projeto!
Princípios da animação Persistência da visão e PHI; Frames; Animação por    computador.
Discutindo as técnicas de animação Stop Motion: assim como uma Filmadora filma em Frames, imitamos isso com o Stop-motion, dando sequência nas fotos. 2D: é um termo, duas dimensões, o mais conhecido e o próprio papel. Ao desenhar um “frame” tira-se uma foto desse e continua ao próximo.   Exemplos de 2D: Os desenhos do Walt Disney, são feitos em 2D.   
Discutindo as técnicas de animação 2D em computador: Para fazer uma animação 2D digital precisa-se de 1(Computador), 1(software). A diferença e que não precisa desenhar em papel ou algo parecido, e sim, direto no computador. Por isso o nome Digital. Animações Digitais nem sempre se caracterizam em 3D.
Discutindo as técnicas de animação 2D em computador: Para fazer uma animação 2D digital precisa-se de 1(Computador), 1(software). A diferença e que não precisa desenhar em papel ou algo parecido, e sim, direto no computador.  3D-stop-motion: O termo 3D- três dimensões. Basicamente tudo que existe no mundo real pode-se usar para fazer uma animação. E, com o stop-motion, usa-se para criar a animação com as seqüências de fotos.
Discutindo as técnicas de animação 3D-Digital:  um mundo virtual é criado em três dimensões, sendo que mudanças (movimento) são calculados ao longo de todos os três eixos (x, y, e z). Exemplos: “Toystory”, “Procurando Nemo”,  “Monstros S.A, Carros”, “Vida de inseto”, “Shrek” etc.
Discutindo as técnicas de animação Morphing: um efeito (se não em demasia) popular em que uma imagem se transforma em outra.  Flipbook: várias folhas ou um “Livrinho” contendo uma imagem ou desenho em cada folha. Ao segurar o livrinho e soltar as folhas com o dedo, cria-se a ilusão da animação.
Escolhendo o formato de uma animação Director (. Dir      . Dcr);  AnimatorPro(. Fli       . flc);  3D Studio Max (. max);  GIF89a (. gif);  Flash (. fla      . swf). Obs: Em alguns casos são utilizados uma das digitais padrão recipientes de vídeo de arquivo, como o formato de áudio e vídeo do Windows Interleaved(. Avi), QuickTime (. Qt,. Mov), ou de vídeo Motion Picture Experts Group (. Mpeg ou. Mpg). 
Construindo uma animação no computador
VÍDEO Compressão(descompressão) Codecs       Caso você controle a plataforma de entrega do seu projeto multimídia, você poderá: especificar hardware especiais e melhorias de software; ou montar um projeto para atender um padrão de compressão específicos.
Reprodução de vídeos A luz refletida por um objeto passa através de uma lente de câmera de vídeo, sendo convertida em um sinal eletrônico por um sensor especial chamado charge-coupleddevice (CCD);
Analógico x Digital
Analógico x Digital
Comparando...
Comparando...
Escaneamento progressivo x entrelaçado
Formato de vídeo e codecs Ogg(. ogg, Theora para vídeo, Vorbispara áudio);  Flash Video (. Flv); MPEG (. Mp4); QuickTime(. Mov); Windows Media Format (. Wmv); WebM(. Webm); RealMedia(. Rm).
A guerra dos codecs
Conversores de vídeo Any Vídeo Converter; FormatFactory; Handbrake.
Edição de vídeo Pensando no ambiente de produção; Obtenção de videoclipes; Storyboarding; Iluminando; Chroma keys; Composição; Título e     texto.

Más contenido relacionado

La actualidad más candente

Realidade aumentada
Realidade aumentadaRealidade aumentada
Realidade aumentadaPedro
 
Tendências da Computação Gráfica
Tendências da Computação GráficaTendências da Computação Gráfica
Tendências da Computação GráficaFábio Flatschart
 
Aula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoAula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoGabriel Ferraciolli
 
Trabalho sobre a animação
Trabalho sobre a animaçãoTrabalho sobre a animação
Trabalho sobre a animaçãogasparlanca
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - IntroduçãoTony Alexander Hild
 
Manual Digital
Manual DigitalManual Digital
Manual Digitaldmazbnet
 
Computação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLComputação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLTony Alexander Hild
 
Oficina: Realidade Aumentada
Oficina: Realidade AumentadaOficina: Realidade Aumentada
Oficina: Realidade AumentadaNellie Santee
 
Dispositivos para Computação Gráfica
Dispositivos para Computação GráficaDispositivos para Computação Gráfica
Dispositivos para Computação GráficaLiliane Machado
 

La actualidad más candente (16)

Realidade aumentada
Realidade aumentadaRealidade aumentada
Realidade aumentada
 
07 animação
07   animação07   animação
07 animação
 
Tendências da Computação Gráfica
Tendências da Computação GráficaTendências da Computação Gráfica
Tendências da Computação Gráfica
 
Aula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoAula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de Impressão
 
Trabalho sobre a animação
Trabalho sobre a animaçãoTrabalho sobre a animação
Trabalho sobre a animação
 
Design Gráfico
Design GráficoDesign Gráfico
Design Gráfico
 
Photoshop cs5
Photoshop cs5Photoshop cs5
Photoshop cs5
 
Computação Gráfica - Introdução
Computação Gráfica - IntroduçãoComputação Gráfica - Introdução
Computação Gráfica - Introdução
 
Manual Digital
Manual DigitalManual Digital
Manual Digital
 
Computaçãografica
ComputaçãograficaComputaçãografica
Computaçãografica
 
Computação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGLComputação Gráfica - Introdução ao OpenGL
Computação Gráfica - Introdução ao OpenGL
 
Computação gráfica
Computação gráficaComputação gráfica
Computação gráfica
 
Oficina: Realidade Aumentada
Oficina: Realidade AumentadaOficina: Realidade Aumentada
Oficina: Realidade Aumentada
 
tecnicas de animação
tecnicas de animaçãotecnicas de animação
tecnicas de animação
 
Dispositivos para Computação Gráfica
Dispositivos para Computação GráficaDispositivos para Computação Gráfica
Dispositivos para Computação Gráfica
 
Gerenciamento de cor - parte 2 da aula
Gerenciamento de cor - parte 2 da aulaGerenciamento de cor - parte 2 da aula
Gerenciamento de cor - parte 2 da aula
 

Similar a Animação e vídeo: conceitos e técnicas

Vídeo Digital
Vídeo DigitalVídeo Digital
Vídeo Digitalsiufmg2011
 
Workshop video 2014_metamorfoseii_culturgest
Workshop video 2014_metamorfoseii_culturgestWorkshop video 2014_metamorfoseii_culturgest
Workshop video 2014_metamorfoseii_culturgestArticacc, Lda
 
Slide blender 3 d apresentação
Slide blender 3 d apresentaçãoSlide blender 3 d apresentação
Slide blender 3 d apresentaçãoJosé Nascimento
 
Animação nos Videojogos
Animação nos VideojogosAnimação nos Videojogos
Animação nos VideojogosNelson Zagalo
 
Video Digital
Video Digital Video Digital
Video Digital ToscaDiana
 
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
 
Aula 10 - Sistemas e Aplicações Multimídia - A Animação
Aula 10 - Sistemas e Aplicações Multimídia - A AnimaçãoAula 10 - Sistemas e Aplicações Multimídia - A Animação
Aula 10 - Sistemas e Aplicações Multimídia - A AnimaçãoGuilherme Nonino Rosa
 
Explicações Sobre os Termos Usados em Transcodificação de Vídeo
Explicações Sobre os Termos Usados em Transcodificação de VídeoExplicações Sobre os Termos Usados em Transcodificação de Vídeo
Explicações Sobre os Termos Usados em Transcodificação de Vídeonerodude
 
Trabalho sobre animação
Trabalho sobre animaçãoTrabalho sobre animação
Trabalho sobre animaçãoluthomas
 
Trabalho sobre animação
Trabalho sobre animaçãoTrabalho sobre animação
Trabalho sobre animaçãoluthomas
 
Suportes e Ferramentas de Imagem módulo 4 CGAV
Suportes e Ferramentas de Imagem módulo 4 CGAVSuportes e Ferramentas de Imagem módulo 4 CGAV
Suportes e Ferramentas de Imagem módulo 4 CGAVAnacatgarrido
 
Monitores e Sistema de Vídeos
Monitores e Sistema de VídeosMonitores e Sistema de Vídeos
Monitores e Sistema de VídeosPaulo Brito
 
Desenvolvendo aplicações com Kinect
Desenvolvendo aplicações com KinectDesenvolvendo aplicações com Kinect
Desenvolvendo aplicações com KinectErick Mendonça
 

Similar a Animação e vídeo: conceitos e técnicas (20)

Vídeo Digital
Vídeo DigitalVídeo Digital
Vídeo Digital
 
Workshop video 2014_metamorfoseii_culturgest
Workshop video 2014_metamorfoseii_culturgestWorkshop video 2014_metamorfoseii_culturgest
Workshop video 2014_metamorfoseii_culturgest
 
Video na web
Video na webVideo na web
Video na web
 
Slide blender 3 d apresentação
Slide blender 3 d apresentaçãoSlide blender 3 d apresentação
Slide blender 3 d apresentação
 
Realidade Aumentada
Realidade AumentadaRealidade Aumentada
Realidade Aumentada
 
Animação nos Videojogos
Animação nos VideojogosAnimação nos Videojogos
Animação nos Videojogos
 
Open Courseware 3D
Open Courseware 3DOpen Courseware 3D
Open Courseware 3D
 
Video Digital
Video Digital Video Digital
Video Digital
 
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
 
Aula 10 - Sistemas e Aplicações Multimídia - A Animação
Aula 10 - Sistemas e Aplicações Multimídia - A AnimaçãoAula 10 - Sistemas e Aplicações Multimídia - A Animação
Aula 10 - Sistemas e Aplicações Multimídia - A Animação
 
Explicações Sobre os Termos Usados em Transcodificação de Vídeo
Explicações Sobre os Termos Usados em Transcodificação de VídeoExplicações Sobre os Termos Usados em Transcodificação de Vídeo
Explicações Sobre os Termos Usados em Transcodificação de Vídeo
 
CGPI Aula 27/08/2018
CGPI Aula 27/08/2018CGPI Aula 27/08/2018
CGPI Aula 27/08/2018
 
Trabalho sobre animação
Trabalho sobre animaçãoTrabalho sobre animação
Trabalho sobre animação
 
Trabalho sobre animação
Trabalho sobre animaçãoTrabalho sobre animação
Trabalho sobre animação
 
Computação Gráfica
Computação GráficaComputação Gráfica
Computação Gráfica
 
Suportes e Ferramentas de Imagem módulo 4 CGAV
Suportes e Ferramentas de Imagem módulo 4 CGAVSuportes e Ferramentas de Imagem módulo 4 CGAV
Suportes e Ferramentas de Imagem módulo 4 CGAV
 
OpenKinect, o Kinect para todos
OpenKinect, o Kinect para todosOpenKinect, o Kinect para todos
OpenKinect, o Kinect para todos
 
Monitores e Sistema de Vídeos
Monitores e Sistema de VídeosMonitores e Sistema de Vídeos
Monitores e Sistema de Vídeos
 
Desenvolvendo aplicações com Kinect
Desenvolvendo aplicações com KinectDesenvolvendo aplicações com Kinect
Desenvolvendo aplicações com Kinect
 
Computação gráfica
Computação gráficaComputação gráfica
Computação gráfica
 

Animação e vídeo: conceitos e técnicas

  • 1. UNIVERSIDADE ESTADUAL DO CEARÁ – UECEINSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO CEARÁ – IFCEMESTRADO PROFISSIONAL EM COMPUTAÇÃO APLICADA–ECE/IFCE SOFTWARE DE AUTORIA E MULTIMÍDIA PROFESSOR DR. JOÃO BATISTA Animação e Vídeo
  • 2. Animação e vídeo Adriana Ramalho Genilson César Jefrei Rocha
  • 3. Roteiro Animação Definição Discutindo os princípios da animação Discutindo as técnicas de animação Escolhendo o formato para animação Criando animação em Flash
  • 4. Roteiro 2. Vídeo Conceitos iniciais Reprodução de vídeos Discutindo os formatos de transmissão de vídeo Formato de vídeo e codecs A guerra dos codecs Conversores de vídeo Edição de vídeo
  • 5. Roteiro 3. Considerações Finais 4. Referências
  • 6.
  • 7.
  • 8. Dá vida a apresentações estáticas;
  • 9. Você pode animar seu projeto como um todo, ou em partes.Usar excessivamente alerta de animação e efeitos visuais indevidos, podem arruinar uma projeto!
  • 10. Princípios da animação Persistência da visão e PHI; Frames; Animação por computador.
  • 11.
  • 12. Discutindo as técnicas de animação Stop Motion: assim como uma Filmadora filma em Frames, imitamos isso com o Stop-motion, dando sequência nas fotos. 2D: é um termo, duas dimensões, o mais conhecido e o próprio papel. Ao desenhar um “frame” tira-se uma foto desse e continua ao próximo.   Exemplos de 2D: Os desenhos do Walt Disney, são feitos em 2D.   
  • 13. Discutindo as técnicas de animação 2D em computador: Para fazer uma animação 2D digital precisa-se de 1(Computador), 1(software). A diferença e que não precisa desenhar em papel ou algo parecido, e sim, direto no computador. Por isso o nome Digital. Animações Digitais nem sempre se caracterizam em 3D.
  • 14.
  • 15. Discutindo as técnicas de animação 2D em computador: Para fazer uma animação 2D digital precisa-se de 1(Computador), 1(software). A diferença e que não precisa desenhar em papel ou algo parecido, e sim, direto no computador. 3D-stop-motion: O termo 3D- três dimensões. Basicamente tudo que existe no mundo real pode-se usar para fazer uma animação. E, com o stop-motion, usa-se para criar a animação com as seqüências de fotos.
  • 16. Discutindo as técnicas de animação 3D-Digital:  um mundo virtual é criado em três dimensões, sendo que mudanças (movimento) são calculados ao longo de todos os três eixos (x, y, e z). Exemplos: “Toystory”, “Procurando Nemo”, “Monstros S.A, Carros”, “Vida de inseto”, “Shrek” etc.
  • 17.
  • 18. Discutindo as técnicas de animação Morphing: um efeito (se não em demasia) popular em que uma imagem se transforma em outra.  Flipbook: várias folhas ou um “Livrinho” contendo uma imagem ou desenho em cada folha. Ao segurar o livrinho e soltar as folhas com o dedo, cria-se a ilusão da animação.
  • 19. Escolhendo o formato de uma animação Director (. Dir . Dcr); AnimatorPro(. Fli . flc); 3D Studio Max (. max); GIF89a (. gif); Flash (. fla . swf). Obs: Em alguns casos são utilizados uma das digitais padrão recipientes de vídeo de arquivo, como o formato de áudio e vídeo do Windows Interleaved(. Avi), QuickTime (. Qt,. Mov), ou de vídeo Motion Picture Experts Group (. Mpeg ou. Mpg). 
  • 20. Construindo uma animação no computador
  • 21. VÍDEO Compressão(descompressão) Codecs Caso você controle a plataforma de entrega do seu projeto multimídia, você poderá: especificar hardware especiais e melhorias de software; ou montar um projeto para atender um padrão de compressão específicos.
  • 22. Reprodução de vídeos A luz refletida por um objeto passa através de uma lente de câmera de vídeo, sendo convertida em um sinal eletrônico por um sensor especial chamado charge-coupleddevice (CCD);
  • 28. Formato de vídeo e codecs Ogg(. ogg, Theora para vídeo, Vorbispara áudio); Flash Video (. Flv); MPEG (. Mp4); QuickTime(. Mov); Windows Media Format (. Wmv); WebM(. Webm); RealMedia(. Rm).
  • 29. A guerra dos codecs
  • 30. Conversores de vídeo Any Vídeo Converter; FormatFactory; Handbrake.
  • 31. Edição de vídeo Pensando no ambiente de produção; Obtenção de videoclipes; Storyboarding; Iluminando; Chroma keys; Composição; Título e texto.
  • 32. CONSIDERAÇÕES FINAIS É inegável o poder da animação e do vídeo. O papel que ambas desempenham em um projeto de multimídia, pode significar o sucesso ou o fracasso. Por tal razão, conhecer e escolher adequadamente é imprescindível para quem deseja criar um software de autoria.