Licenciatura em Engenharia Informática e de Computadores Computação Gráfica Cor Edward Angel, Caps. 1, 2 e 7 Apontamentos CG
Sumário Teoria da Cor Conceitos básicos Modelação da Cor Modelos de Cor Reprodução da Cor
LEIC CG Teoria da Cor Conceitos Básicos
Cor Matéria complexa estudada em várias áreas Física Fisiologia Psicologia Artes Não é apenas uma propriedade Depende de diversos factores externos Fontes de Luz Cores do ambiente envolvente Olho humano...
Espectro Electromagnético 400 450 500 550 600 650 700 nm luz visível raios cósmicos raios gama raios X UV IV rádio -14-13 -12-11 -10-9 -8-7 -6-5 -4-3 -2-1 0 1 2 3 4 radiação térmica log 10 λ
Retina Sistema auto-adaptativo Visão central Objecto Íris Córne a Retina Nervo Óptico fovea centralis Ø1,5mm só há cones macula lutea Ø 1 cm cones + bastonetes Tipo Função Nº (milhões) Cones policromia 6,8 Bastonetes monocromia 115-120 Visão periférica só há bastonetes formas detectadas com falta de cor
Sensibilidade Espectral dos Cones 20 18 16 gama ro sensiblidade [%] 14 12 10 8 6 4 2 beta 0 400 440 480 520 560 600 640 680 comprimento de onda [nm]
Teoria dos três estimulos Cones são sensores de cor Picos de sensibilidade vermelho, verde, azul gama ro Todas as outras cores Representadas como combinações destas Ciano = Azul + Verde Amarelo = Verde + Vermelho Etc beta
LEIC CG Modelação da Cor
Caracterização da Cor Cor (hue) distinção entre cores vermelho, verde, amarelo, lilás, Saturação (saturation) distância da cor ao cinzento de igual intensidade muito saturado - vermelho, azul pouco saturado - rosa, azul do céu, cores pastel
Caracterização da Cor (cont.) Luminosidade (lightness) intensidade da luz reflectida por uma superfície (parede, quadro) Brilho (brightness) intensidade da luz emitida por uma superfície (lâmpada, Sol, CRT)
Caracterização da Cor Cor (hue) Distinção entre cores Comprimento de onda dominante Saturação (saturation) Pureza da cor Luminosidade (lightness) Brilho (brightness)
Licenciatura em Engenharia Informática e de Computadores Computação Gráfica Computação Gráfica Modelos de Cor
Propriedades desejáveis dos Modelos de cor Uniformidadeperceptual Facilidade de navegação Proximidade face à psicologia do sistema visual Rigor Em computação gráfica: Facilidade de implementação
Modelo de Munsell (1/3) Criado no final do séc XIX por Albert H. Munsell (1858-1918) Munsell Book of Color, publicado em 1929 Considerado o primeiro modelo moderno Para determinação de cores Continua a ser largamente usado Concebido para artes gráficas e ensino
Modelo de Munsell (2/3) Definido por: Eixo vertical value Brilho/Luminosidade Circunferência hue Cor Raio chroma Saturação ilustração por Samuel J. Klein
Modelo de Munsell (3/3) Espaço cromático hue + value (lightness)+ chroma (saturação) Compara cores com tabelas normalizadas sob uma iluminação também normalizada julgamentos visuais Medida subjectiva, dependente de Condições de iluminação Cor da luz circundante Iluminação geral do ambiente de medida
Guia de cores Pantone
(Alguns) Modelos de Cor RGB Red, Green, Blue CMY Cyan, Magenta, Yellow(cores complementares) HSV Hue, Saturation, Value
Modelo RGB Cubo normalizado com origem em (0,0,0) Preto Vértices: Vermelho (1,0,0) Verde (0,1,0) Azul (0,0,1) Amarelo (1,1,0) Ciano/Cião (0,1,1) Magenta (1,0,1) Branco (1,1,1) Cinzentos diagonal entre (0,0,0) e (1,1,1)
Espaço RGB Azul = (0,0,1) Ciano (0,1,1) Magenta (1,0,1) Branco = (1,1,1) RGB a partir de CIE Preto = (0,0,0) Verde = (0,1,0) Vermelho (1,0,0) Amarelo (1,1,0) Cinzentos
Modelo CMY Fundamento uma superfície absorve parte da luz incidente reflecte a luz da cor que aparenta ter Constituído pelas cores complementares ciano, magenta e amarelo (primárias subtractivas) Semelhante ao RGB, mas a origem é o branco em vez do preto cores subtractivas da luz branca incidente
Espaço CMY Cubo normalizado com origem em (0,0,0) Branco Vértices: Vermelho (1,0,1) Verde (0,1,1) Azul (1,1,0) Amarelo (0,0,1) Ciano (0,0,1) Magenta (1,0,0) Preto (1,1,1) Amarelo = (0,0,1) Vermelho (0,1,1) Verde (1,0,1) Preto = (1,1,1) Branco = (0,0,0) Magenta = (0,1,0) Cinzentos diagonal entre (0,0,0) e (1,1,1) Cião (1,0,0) Cinzentos Azul (1,1,0)
RGB Modelo aditivo CMYK Modelo subtractivo Conversão trivial: RGB e CMY (1/2) = B G R Y M C 1 1 1 = Y M C B G R 1 1 1
RGB e CMY
Modelo CMYK Impressoras Tinta preta adicional Para maior fidelidade Redução de custos
Modelo HSV {HSB} Modelos RGB e CMY Orientados ao hardware Mais intuitivo para o utilizador H Hue S Saturation V Value (brightness, B) Próximo do sistema intuitivo em arte com matiz, tom e tonalidade
Espaço HSV {HSB} Cinzentos S=0 e 0 < V < 1 V=0 H e S são irrelevantes cião verde 120º 1,0 V branco amarelo vermelho 0º S=0 H é irrelevante azul 240º magenta 0,0 preto H S
Licenciatura em Engenharia Informática e de Computadores Computação Gráfica Formatos Imagem Apontamentos CG Edward Angel, Sec. 8.2
Sumário Formatos de Imagem Generalidades Formatos DIB (BMP) GIF PNG JFIF (JPEG) Considerações sobre uso
Siglas DIB: Device Independent Bitmap windows BMP: Windows Bitmap GIF: Graphics Interchange Format PNG: Portable Network Graphics JFIF: JPEG File Interchange Format
LEIC CG Formatos de Imagem Conceitos Genéricos
Representação Directa Para cada pixel Representar valor do canal correspondente Triplos <R,G,B> Máxima Fiabilidade Depende apenas da profundidade da cor Requisitos de memória elevados 211 0 70 0 147 190 2011 Corpo docente de Computação Representação Gráfica / CG&M / DEI / IST / UTL Imagem
Representação por Mapa de Cores Pixéis representados por índice de cor em vez de 3 componentes de cor Ficheiros de menor dimensão Bom até 256 cores Inviável para mais do que 256 cores 0 0 255 0 1 1 255 0 0 2 0 255. 0 47 46 255 255 0 47 0 255 255 48 255 0 255 Representação Mapa de cores Imagem
Compressão de Imagem Reduz o tamanho da imagem Dois tipos Com perda JPEG: Joint Photographic Experts Group (ISO 10918-1) Transformada do co-seno aplicada a grupos de pixéis (8x8 ou 16x16) Sem perda RLE: Run Length Encoding Sequências de pixéis da mesma cor LZW (e LZ77) Lempel-Ziv Welch Sequências iguais de pixéis (podem ser de cores diferentes)
Entrelaçamento (1/3) Codificação permite visualização mais rápida Também conhecido como Codificação progressiva Pode ser usado em diversos formatos GIF Armazena as linhas intercaladas 0, 8, 16,... / 4,12,... / 2, 6, 10, 14,... / 1, 3, 5, 7, 9,... PNG Algoritmo Adam7 Imagem dividida em 7 sub-imagens Usa padrão 8x8 para armazenar a imagem JPEG Algoritmo Progressivo Usa os coeficientes da Transformada do Co-seno Complexo, mas eficiente 1 6 4 6 2 6 4 6 7 7 7 7 7 7 7 7 5 6 5 6 5 6 5 6 7 7 7 7 7 7 7 7 3 6 4 6 3 6 4 6 7 7 7 7 7 7 7 7 5 6 5 6 5 6 5 6 7 7 7 7 7 7 7 7
Entrelaçamento (2/3) ADAM7 GIF
PNG GIF 1/4 1/2 Completa! 1/8 1/64 1/32 1/16
Licenciatura em Engenharia Informática e de Computadores Computação Gráfica Computação Gráfica Formatos de Imagem
Número Mágico (Magic Number) Usado para identificar formatos de ficheiros Apareceu pela 1ª vez na versão 7 do UNIX (1979) Para identificar executáveis Um conjunto de bits no início do ficheiro Exemplos: PDF: 25 50 44 46 (%PDF) MS-OFFICE DOC: D0 CF 11 E0 ( docfile0 ) Classes JAVA compiladas: CA FE BA BE ( cafe babe )
Número Mágico (Magic Number) No caso dos ficheiros de imagem PBM: P4 [em ASCII] BPM: 42 4D (BM) GIF: 47 49 46 38 (GIF8) PNG: 89 50 4E 47 ( PNG) JPEG/JFIF: FF D8 FF E0 TIFF Big endian(motorola): 4D 4D 00 2A (MM *) Little endian(intel): 49 49 2A 00 (II* )
Formato DIB (BMP)(1/2) Cores: 2, 16, 256 e 16.777.216 Modelo de cor: RGB Compressão: RLE 4 e RLE 8 Mapa de cores: só com 2, 16 e 256 cores 800 600, 81232 cores, 1,37 Mb Entrelaçamento: não suporta Transparência: não suporta RLE - 800 600, 251 cores, 530 kb
Formato DIB (BMP)(2/2) Vantagens Cores reais Múltiplos subtipos para diferentes tipos de imagem Desvantagens Ficheiros de grande tamanho Compressão limitada a subtipos Compressão inadequada Para imagens de qualidade fotográfica Porquê?
Formato GIF (1/3) Cores: 2, 4, 8, 16, 32, 64, 128 e 256 Modelo de cor: RGB Compressão: LZW sem perda (sempre) Mapa de cores: Obrigatório 638 422, 144 cores, 94 kb Entrelaçamento: Opcional, por linhas Transparência: uma cor 320 200, 255 cores, 57 kb
Formato GIF (2/3) Vantagens Canal de dados GIFs animados Ficheiros de pequeno tamanho Desvantagens Limite de 256 cores Formato e algoritmo de compressão proprietários Impróprio para imagens de qualidade fotográfica Transparência de uma única cor
Formato GIF (3/3) Limite de 256 cores
Formato PNG (1/2) Cores: 2, 4, 16, 256, 16.777.216 e 2 48 Modelo de cor: RGB Compressão: LZ77 sem perda Mapa de cores: só com 2, 4, 16 e 256 cores Entrelaçamento: opcional, por pixéis Transparência: por canal alfa
Formato PNG (2/2) Vantagens Suporta todos os tipos de imagem Algoritmo de compressão do domínio público Transparência por canal alfa Permite sequências de imagens Guarda a correcção gama (opcional) Desvantagens Algoritmo de compressão impróprio para imagens com qualidade fotográfica
Formato JFIF (JPEG) (1/2) Cores: 16.777.216 Modelo de cor YCbCr Compressão: JPEG (com perda) Mapa de cores: não suporta 800 600, 59847 cores, 68,9 kb Entrelaçamento: não suporta Transparência: não suporta 800 600, 81232 cores, 60,9 kb
Formato JFIF (JPEG) (2/2) Vantagens Recomendado para imagens de qualidade fotográfica Algoritmos de compressão normalizados Desvantagens Há sempre perda (mas a visão não detecta) Impróprio para imagens com variações súbitas de cor Original JPEG
Artefactos JFIF (JPEG) JPEG Original
Degradação Progressiva em JFIF Escala de qualidade 1 (mín.) 100 (máx.) 90 80 70 60 50 40 20 10
LEIC CG Formatos de Imagem Considerações sobre o uso
Imagem de Qualidade Fotográfica Exemplo de Imagem 512 x 512 pixéis 230.426 cores
Imagem Fotográfica Dimensão de Imagem MS Photo Editor Paint Shop Pro Adobe Photoshop DIB/BMP 786.486 GIF normal entrelaçado 169.369 (136) 261.332 (256) 266.523 (256) 248.878 (256) 254.103 (256) PNG normal entrelaçado 755.065 636.923 667.648 781.799 788.863 JFIF máx. méd. mín. 342.808 (159.067) 50.717 (149.903) 31.768 (111.645) 313.125 (161.704) 51.151 (151.270) 32.300 (113.683) 491.285 (176.062) 87.798 (156.760) 53.248 (133.424) Comprimento em bytes (número de cores)
Imagem de um Gráfico Simples Exemplo de Imagem 717 x 494 10 cores
Gráfico Simples Dimensão de Imagem MS Photo Editor Paint Shop Pro Adobe Photoshop DIB/BMP 1.063.142 GIF normal entrelaçado 19.271 (18) 17.581 17.904 16.268 16.667 PNG normal entrelaçado red. 256 cores 18.951 14.795 (18) 19.097 28.482 12.899 29.861 39.103 14.975 (18) JFIF máx. méd. mín. 174.285 (111) 44.330 (27.550) 31.768 (29.756) 161.770 (2.764) 44.262 (28.097) 31.495 (30.223) 226.607 (444) 73.789 (21.443) 54.583 (26.423) Comprimento em bytes (número de cores)
Formatos de Imagem Considerações Usar GIFse número de cores for pequeno (<256) Considerar o formato PNG para estes casos e para outros se a imagem não for de qualidade fotográfica Usar JPEG/JFIFsempre que a imagem seja de qualidade fotográfica apresente tons contínuos Imagens JPEG/JFIF Guardar imagem original sem perda ou com pouca perda Reduzir tamanho antes de comprimir com perda
Fontesdo Conhecimento Estudarporapontamentosdisponíveisno Site de CG.