Desenho e Apresentação de Imagens por Computador

Transcrição

1 Desenho e Apresentação de Imagens por Computador

2 Conteúdo s: Aspetos genéricos sobre o trabalho com imagens computacionais. Imagens computacionais e programas que criam ou manipulam esse tipo de imagens. Captação e tratamento de imagens. Apresentação gráfica.

3 Paleta de cores Existem vários métodos de codificação de cor (CMYK, HSB, etc), entre os quais destacamos, o que utiliza as cores primárias: o RGB (Red, Green, Blue)

4 Paleta de cores Figure: (a) Imagem RGB-24bits da Lenna (b) componente R (c) componente G e (d) componente B. Uma imagem colorida também pode ser armazenada usando uma imagem monocromática e um mapa de cores. Neste caso, o valor de cinza de cada pixel na imagem é um índice para uma célula do mapa de cores e a célula do mapa de cores contém o valor das componentes R, G e B referentes a cor do pixel.

5 RGB Branc o Preto (Red, Green, Blue)

6 Definições do monitor Definição das cores Definição da área do ecrã

7 Captação de imagens Scanner Câmera digital

8 Tratamento de imagens Exemplos de programas de tratamento de imagens

9 Formatos de imagens Mapa de bits do Windows (.bmp); Graphics Interchange Format (.gif); Joint Photographic Experts Group (.jpg); Tagged Image File (.tif); Encapsulated Postscript (.eps).

10 Resolução de uma imagem Observação: Devemos ter cuidado na escolha da resolução da imagem devido ao valor da resolução do monitor. 72pp p 300pp p Zoom de 200%

11 Relação Dimensões da imagem/área de ecrã Exemplo: Imagem gravada com as dimensões 620x420 pixels. Tamanho do monitor Área do ecrã

12 Tipos de imagens e gráficos Tipo Modo de armazenamento Origem Capturada (do mundo real) Imagem (Bitmap) Matriz de pixels Gráfico (Vectorial) Objectos Produção técnica Scanner (papel); Máquina fotográfica digital; Câmera vídeo (A/D); Programa pintura; Sintetizada Captura de (no écran; computador) Exportação de um gráfico; Sintetizado Programa de desenho

13 Introdução ao tratamento da cor e da imagem Pixel de uma Imagem Pixel (aglutinação de Picture e Element, ou seja, elemento de imagem, sendo Pix a abreviatura em inglês para Picture) é o menor elemento num dispositivo de exibição (como por exemplo um monitor), ao qual é possível atribuir-se uma cor. De uma forma mais simples, um pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels formam a imagem inteira.

14 Introdução ao tratamento da cor e da imagem Profundidade de cor Uma imagem é caracterizada pela sua profundidade de cor: Serve de indicação para o número de bytes (1) que vão ser utilizados para guardar o valor da cor de um píxel Profundidade do píxel (N.º de bits) N.º de cores produzidas Preto e branco 216= (High Color) Cores de 16 bits 224= (True Color) Cores de 24 bits 232= Cores de 32 bits = Modelo de cores Escala de cinzas Quanto mais aumentarmos a profundidade de cor de uma imagem, melhor poderá vir a ser o seu aspecto devido ao maior número de cores que esta passa conter. Ao mesmo tempo aumenta também, proporcionalmente, o espaço necessário para a guardar.

15 Introdução ao tratamento da cor e da imagem Cálculo do tamanho de uma imagem do tipo mapa de bits (bitmap) Qual o tamanho ocupado por uma imagem do tipo mapa de bits? Uma imagem do tipo mapa de bits tem sempre um tamanho bem definido que pode ser calculado, conhecendo certos parâmetros Basta conhecer o número de píxeis da imagem e o número de bits utilizados na cor de cada píxel. Tamanho = largura x altura x profundidade de cor Exemplo: 300 píxeis de largura (Width); 300 píxeis de altura (Height); Profundidade de cor de 24 bits; Tamanho = (300*300*24) = bits / 8 / 1024 = 263,7KB.

16 Introdução ao tratamento da cor e da imagem Imagens de estrutura mapa de bits (bitmap) e de estrutura vectorial Imagens do tipo mapa de bits Uma imagem bitmap depende do número de píxeis que a compõem e da informação de cor associada a cada um desses píxeis Qualquer tipo de alteração ao seu tamanho, seja uma ampliação ou uma redução, distorce-a

17 Introdução ao tratamento da cor e da imagem Imagens de estrutura mapa de bits (bitmap) e de estrutura vectorial Imagens do tipo mapa de bits

18 Introdução ao tratamento da cor e da imagem Imagens de estrutura mapa de bits e de estrutura vectorial Imagens do tipo vectorial As informações que são guardadas dizem respeito a linhas e características geométricas próprias Cada vez que se redimensiona a imagem são recalculados matematicamente todos os valores para as diferentes linhas, o que permite conservar a qualidade de detalhe e a claridade da imagem Ideais para alteração frequente de tamanho (logótipos de empresas, mapas, etc.)

19 Introdução ao tratamento da cor e da imagem Imagens de estrutura mapa de bits (bitmap) e de estrutura vectorial Imagens do tipo vectorial #include "colors.inc" sphere { <0, 1, 2>, 2 background { color White } pigment { color Yellow } } light_source { <2, 4, -3> color White}

20 Imagem Bitmap vs Imagem Vetorial

21 Introdução ao tratamento da cor e da imagem Importação de Imagens Processos Captação através da tela do computador (através do comando PrtScn PrintScreen) Captação do exterior (máquinas fotográficas digitais, máquinas de filmar digitais, scanner, etc.)

22 v=vhjmeermtbi&list=pl878a5947aedb7e03

23 QUESTÕES