2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

547 visualizações

Publicada em

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
547
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
41
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

  1. 1. Multimídia Imagem Digital - Vetores 2014 Prof. Willian Magalhães wmagalhaes@unipar.br
  2. 2. Computação Gráfica
  3. 3. Definição • Conjunto de técnicas utilizadas para converter dados, de forma a exibi-los em dispositivos gráficos wmagalhaes@unipar.br Computação Gráfica
  4. 4. Imagem Digital
  5. 5. O que é? • Representação de uma imagem (bidimensional) usando números binários codificados • Permite que possamos armazenar, transferir, imprimir e reproduzir wmagalhaes@unipar.br Imagem Digital
  6. 6. Pixel
  7. 7. PIcture ELement (elemento de pintura) • É a menor unidade em um dispositivo de exibição • Cada ponto (pixel) da imagem possui informação referente a cor • Imagens são formadas por conjuntos de pixels wmagalhaes@unipar.br Pixel
  8. 8. Cada ponto de uma imagem é chamado de PIXEL wmagalhaes@unipar.br Pixel
  9. 9. Pixel
  10. 10. Pixel
  11. 11. Curiosidade http://www.milliondollarhomepage.com
  12. 12. • Em computação gráfica pode-se classificar uma imagem, em relação à sua origem, de duas formas: • Gráficos Vetoriais • Mapas de Bits (Bitmaps) wmagalhaes@unipar.br Imagem Digital
  13. 13. Gráficos Vetoriais • Gerada a partir de descrições geométricas de formas • Normalmente composta por curvas, elipses, polígonos, texto, entre outros elementos paramétricos • Utilizam vetores matemáticos para sua descrição wmagalhaes@unipar.br Imagem Digital
  14. 14. Mapas de Bits (Bitmaps) • Também conhecidas como imagem de rastreio (raster) • Imagens formadas através de uma matriz de pontos wmagalhaes@unipar.br Imagem Digital
  15. 15. wmagalhaes@unipar.br Vetoriais vs Bitmaps
  16. 16. wmagalhaes@unipar.br Vetoriais vs Bitmaps
  17. 17. wmagalhaes@unipar.br Vetoriais vs Bitmaps
  18. 18. Gráficos Vetoriais
  19. 19. • Estes gráficos contém as informações sobre as curvas e as linhas de uma imagem, ao invés de informações sobre os pixels que compõe a imagem wmagalhaes@unipar.br Gráficos Vetoriais
  20. 20. Características • Precisão em formatos geométricos • Possibilita operações com as imagens sem perda de qualidade • Resulta em arquivos menores • Dificuldade para armazenar imagens digitalizadas wmagalhaes@unipar.br Gráficos Vetoriais
  21. 21. Curva de Bézier • As Curvas de Bézier são usadas para a manipulação dos pontos de um desenho • Cada linha descrita em um desenho vetorial possui nós, e cada nó possui alças para manipular o segmento de linha ligado a ele wmagalhaes@unipar.br Gráficos Vetoriais
  22. 22. Curva de Bézier - Exemplo Gráficos Vetoriais
  23. 23. Principais formatos de arquivos • .SVG • Padrão para gráficos vetoriais recomendado pela W3C • .CDR • Formato proprietário da Corel – CorelDRAW • .AI • Formato proprietário da Adobe – Adobe Illustrator wmagalhaes@unipar.br Gráficos Vetoriais
  24. 24. Programas de autoria
  25. 25. Adobe Illustrator http://www.adobe.com/br/products/illustrator.html
  26. 26. CorelDRAW http://www.corel.com
  27. 27. Inkscape http://www.inkscape.org
  28. 28. Curiosidade
  29. 29. Prática
  30. 30. • PAULA FILHO, Wilson de Pádua. Multimídia: Conceitos e Aplicações. 1ª ed. Rio de Janeiro: LTC, 2000. • Slides Prof. Rodrigo Rocha. Disponível em: <http://www.bolinhabolinha.com> Acesso em janeiro de 2104 • Apostila Prof. Alexandre C. B. Ramos. Disponível em: <http://www.ebah.com.br/content/ABAAAAQWAAI/apostila-sistemas- multimidia> Acesso em janeiro de 2104 Referências
  31. 31. • The One Million Dollar Home Page. Disponível em: <http://http://www.milliondollarhomepage.com> Acesso em março de 2014 • Adobe.com. Adobe Illustrator. Disponível em: <http://http://www.adobe.com/br/products/illustrator.html > Acesso em março de 2014 • Corel.com. CorelDraw. Disponível em:<http://www.corel.com> Acesso em março de 2014 • Inkscape.org. Free Image Editor Inkscape. Disponível em:<http://www.inkscape.org> Acesso em março de 2014 • You Tube. Laser Cutting. Disponível em: <http://www.youtube.com/watch?v=uG2xGrVsNnE> Acesso em março de 2014 Referências

×