MultimídiaImagem Digital - Vetores

2014

Prof. Willian Magalhãeswmagalhaes@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