Multimídia
Imagem Digital - Vetores
2014
Prof. Willian Magalhães
wmagalhaes@unipar.br
Computação Gráfica
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
Imagem Digital
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
Pixel
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
Cada ponto de uma imagem é chamado de PIXEL
wmagalhaes@unipar.br
Pixel
Pixel
Pixel
Curiosidade
http://www.milliondollarhomepage.com
• 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
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
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
wmagalhaes@unipar.br
Vetoriais vs Bitmaps
wmagalhaes@unipar.br
Vetoriais vs Bitmaps
wmagalhaes@unipar.br
Vetoriais vs Bitmaps
Gráficos Vetoriais
• 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
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
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
Curva de Bézier - Exemplo
Gráficos Vetoriais
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
Programas de autoria
Adobe Illustrator
http://www.adobe.com/br/products/illustrator.html
CorelDRAW
http://www.corel.com
Inkscape
http://www.inkscape.org
Curiosidade
Prática
• 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
• 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

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

  • 1.
    Multimídia Imagem Digital -Vetores 2014 Prof. Willian Magalhães wmagalhaes@unipar.br
  • 2.
  • 3.
    Definição • Conjunto detécnicas utilizadas para converter dados, de forma a exibi-los em dispositivos gráficos wmagalhaes@unipar.br Computação Gráfica
  • 4.
  • 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.
  • 7.
    PIcture ELement (elementode 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 deuma imagem é chamado de PIXEL wmagalhaes@unipar.br Pixel
  • 9.
  • 10.
  • 11.
  • 12.
    • Em computaçãográ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 • Geradaa 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.
  • 16.
  • 17.
  • 18.
  • 19.
    • Estes gráficosconté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 emformatos 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 dearquivos • .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.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 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 OneMillion 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