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

31
Multimídia Imagem Digital - Vetores 2014 Prof. Willian Magalhães [email protected]

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

Page 1: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

MultimídiaImagem Digital - Vetores

2014

Prof. Willian Magalhã[email protected]

Page 2: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Computação Gráfica

Page 3: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Definição

• Conjunto de técnicas utilizadas para converter dados, de forma a exibi-los em dispositivos gráficos

[email protected]

Computação Gráfica

Page 4: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Imagem Digital

Page 5: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

O que é?

• Representação de uma imagem (bidimensional) usando números binários codificados

• Permite que possamos armazenar, transferir, imprimir e reproduzir

[email protected]

Imagem Digital

Page 6: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Pixel

Page 7: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

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

[email protected]

Pixel

Page 8: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Cada ponto de uma imagem é chamado de PIXEL

[email protected]

Pixel

Page 9: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Pixel

Page 10: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Pixel

Page 11: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Curiosidade

http://www.milliondollarhomepage.com

Page 12: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

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

[email protected]

Imagem Digital

Page 13: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

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

[email protected]

Imagem Digital

Page 14: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Mapas de Bits (Bitmaps)

• Também conhecidas como imagem de rastreio (raster)

• Imagens formadas através de uma matriz de pontos

[email protected]

Imagem Digital

Page 15: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

[email protected]

Vetoriais vs Bitmaps

Page 16: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

[email protected]

Vetoriais vs Bitmaps

Page 17: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

[email protected]

Vetoriais vs Bitmaps

Page 18: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Gráficos Vetoriais

Page 19: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

• 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

[email protected]

Gráficos Vetoriais

Page 20: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

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

[email protected]

Gráficos Vetoriais

Page 21: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

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

[email protected]

Gráficos Vetoriais

Page 22: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Curva de Bézier - Exemplo

Gráficos Vetoriais

Page 23: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

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

[email protected]

Gráficos Vetoriais

Page 24: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Programas de autoria

Page 25: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Adobe Illustrator

http://www.adobe.com/br/products/illustrator.html

Page 26: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

CorelDRAW

http://www.corel.com

Page 27: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Inkscape

http://www.inkscape.org

Page 29: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

Prática

Page 30: 2014 - Multimídia e Internet - 03 Imagem Digital - Vetores

• 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

• 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