1. Multimídia
Imagem Digital - Vetores
2014
Prof. Willian Magalhães
wmagalhaes@unipar.br

2. Computação Gráfica

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. Imagem Digital

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. Pixel

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. Cada ponto de uma imagem é chamado de PIXEL
wmagalhaes@unipar.br
Pixel

9. Pixel

10. Pixel

11. Curiosidade
http://www.milliondollarhomepage.com

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. 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. 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. wmagalhaes@unipar.br
Vetoriais vs Bitmaps

16. wmagalhaes@unipar.br
Vetoriais vs Bitmaps

17. wmagalhaes@unipar.br
Vetoriais vs Bitmaps

18. Gráficos Vetoriais

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. 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. 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. Curva de Bézier - Exemplo
Gráficos Vetoriais

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. Programas de autoria

25. Adobe Illustrator
http://www.adobe.com/br/products/illustrator.html

26. CorelDRAW
http://www.corel.com

27. Inkscape
http://www.inkscape.org

28. Curiosidade

29. Prática

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. • 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