2014 - multimídia e internet - 03 imagem digital - vetores
TRANSCRIPT
![Page 2: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/2.jpg)
Computação Gráfica
![Page 3: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/3.jpg)
Definição
• Conjunto de técnicas utilizadas para converter dados, de forma a exibi-los em dispositivos gráficos
Computação Gráfica
![Page 4: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/4.jpg)
Imagem Digital
![Page 5: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/5.jpg)
O que é?
• Representação de uma imagem (bidimensional) usando números binários codificados
• Permite que possamos armazenar, transferir, imprimir e reproduzir
Imagem Digital
![Page 6: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/6.jpg)
Pixel
![Page 7: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/7.jpg)
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
Pixel
![Page 9: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/9.jpg)
Pixel
![Page 10: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/10.jpg)
Pixel
![Page 12: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/12.jpg)
• 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)
Imagem Digital
![Page 13: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/13.jpg)
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
Imagem Digital
![Page 14: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/14.jpg)
Mapas de Bits (Bitmaps)
• Também conhecidas como imagem de rastreio (raster)
• Imagens formadas através de uma matriz de pontos
Imagem Digital
![Page 18: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/18.jpg)
Gráficos Vetoriais
![Page 19: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/19.jpg)
• 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
Gráficos Vetoriais
![Page 20: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/20.jpg)
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
Gráficos Vetoriais
![Page 21: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/21.jpg)
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
Gráficos Vetoriais
![Page 22: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/22.jpg)
Curva de Bézier - Exemplo
Gráficos Vetoriais
![Page 23: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/23.jpg)
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
Gráficos Vetoriais
![Page 24: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/24.jpg)
Programas de autoria
![Page 25: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/25.jpg)
Adobe Illustrator
http://www.adobe.com/br/products/illustrator.html
![Page 29: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/29.jpg)
Prática
![Page 30: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/30.jpg)
• 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
![Page 31: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores](https://reader036.vdocuments.site/reader036/viewer/2022062419/5571deeed8b42a23228b4a69/html5/thumbnails/31.jpg)
• 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