Projeto de Extensão - ENGENHARIA DE SOFTWARE - BACHARELADO.pdf
Tratamento de Imagem - Teoria da Cor e Formatos
1. Tratamento de Imagem - Teoria da Cor
Modelo Subtrativo - CMY
Reflexão de Luz
exemplos:
Impressora
Guaches
A imagem é invisível no escuro
Ausência de luz - Branco
Ciano - Cyan
Magenta - Magenta
Amarelo - Yellow
Combinação das 3 - Preto
2. Tratamento de Imagem - Teoria da Cor
Modelo Aditivo - RGB
Emissão de Luz
exemplo:
Televisão
A imagem é visível no escuro
Ausência de luz - Preto
Vermelho - Red
Verde - Green
Azul - Blue
Combinação das 3 - Branco
3. Tratamento de Imagem - Teoria da Cor
Modelo Aditivo - RGB
Cor Decimal Internet
Preto (0,0,0) #000000
Vermelho (R) (255,0,0) #FF0000
Verde (G) (0, 255, 0) #00FF00
Azul (B) (0, 0, 255) #0000FF
Branco (255, 255, 255) #FFFFFF
Ciano (C) (0, 255, 255) #00FFFF
Magenta (M) (255, 0, 255) #FF00FF
Amarelo (Y) (255, 255, 0) #FFFF00
90% Preto (25, 25, 25) #1A1A1A
50% Preto (127, 127, 127) #808080
10% Preto (230, 230, 230) #E6E6E6
4. Tratamento de Imagem - Teoria da Cor
Modelo Aditivo - RGB
Matiz (Hue)
Estado puro da cor, sem o branco ou o preto
agregado
Saturação ou Intensidade (Saturation)
Vivacidade ou palidez da cor
Valor ou Brilho (Value)
Define se uma cor é mais clara ou mais
escura
Vermelho (Red)
Verde (Green)
Azul (Blue)
Notação HTML (Internet)
5. Tratamento de Imagem - Teoria da Cor
Paletas de Cores
Paletas de Cores
Nos programas de tratamento de imagem é
normalmente possível definir paletas de
cores
- Definição de um subconjunto de cores
- Harmonização de cores
- Simplifica a escolha de cores
6. Tratamento de Imagem
Resolução de uma Imagem
Pixel - picture element
Uma imagem é constituída por pontos coloridos.
Cada ponto designa-se por pixel.
Resolução
A resolução é o número de pontos numa
determinada área
A resolução mede-se em:
DPI (dots per inch - ponto por polegada)
ou
PPI (pixels per inch - pixels por polegada)
Exemplos de resolução
10 dpi versus 20 dpi
8. Tratamento de Imagem
Profundidade de Cor
número de bits por pixel
número de cores disponíveis
fonte - http://en.wikipedia.org/wiki/Color_depth
1 bit (2 cores) 2 bit (4 cores)
4 bit (16 cores) 24 bit (16 777 216 cores)
8 bit (256 cores)
9. Tratamento de Imagem
Profundidade de Cor
Indica o número de bits por pixel = número de cores disponíveis
Nº de bits Nº Cores Produzidas Qualidade da Cor
Profundidade de Cor
1 2 Preto/Branco
2 4 4 cores
4 16 16 cores
8 256 Escala de Cinzas ou 256 cores
24 16 777 216 True Color (RGB 8 bits cada)
32 4 294 967 296 True Color + Canal Alfa
(RGB 8 bits cada + transparência 8
bits)
Maior número de bits por pixel = Maior tamanho do ficheiro
10. Tratamento de Imagem
Captura
Máquina Fotográfica Digital
Imagem
4 288 x 2 848
= 12 212 224 Pixels
≈ 12,3 MegaPixel
Ficheiro RAW (sem compressão)
1 Pixel = 32 bits = 4 bytes
12 212 224 x 4 = 48 848 896
≈ 46,6 MBytes
Ficheiro JPEG (com compressão)
Ficheiro original ≈ 46,6 MBytes
O formato JPEG consegue compressões de 10:1 sem perda significativa de qualidade
Ficheiro JPEG ≈ 4,66 MBytes
11. Tratamento de Imagem
Impressão
Plotter & Impressora
Imagem
4 288 x 2 848 pixels
300 dpi
≈ 36 x 24 cm
150 dpi 75 dpi
≈ 72 x 48 cm ≈ 1,44 x 0,96 m
A qualidade de impressão (resolução) depende da distância a que imagem vai ser visualizada
12. Tratamento de Imagem
Formatos de Ficheiros
JPEG
Compressão - SIM
Perdas - SIM
Transparência - NÃO
Fotografia/WEB
GIF
Compressão - SIM
Transparência - SIM
Perdas - SIM/NÃO
Animação - SIM (limitada)
WEB
PNG
Compressão - SIM
Transparência - SIM
Animação - NÃO
WEB
TIFF
Compressão - NÃO
Transparência - NÃO
Animação - NÃO
Fotografia - tratamento de Imagem antes de compressão
13. Tratamento de Imagem
Desenho Vetorial
Baseado em fórmulas matemáticas
Retângulos
Círculos
Curvas de Bézier
linhas/cores/transparências etc.
Vantagens
Redimensionamento sem perda de qualidade
Desvantagens
Pouco apropriado para tratamento fotográfico
Utilização
Desenho
Composição
Exemplos de Programas: Formatos de Ficheiros
Inkscape/Adobe Illustrator/CorelDraw/Autocad/etc SVG/AI/CDR/DXF/etc.