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
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
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
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)
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
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
Tratamento de Imagem
Resolução de uma Imagem - Reprodução
Monitor ± 96 dpi Impressão ± 300 dpi
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)
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
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
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
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
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.
Tratamento de Imagem
Desenho Vetorial - Composição/Vistas
Vista Normal Vista Contornos
Tratamento de Imagem
Desenho Vetorial - Inkscape
http://www.inkscape.org
Linux - Mac - Windows

Unidade_4.pdf

  • 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çãode 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
  • 7.
    Tratamento de Imagem Resoluçãode uma Imagem - Reprodução Monitor ± 96 dpi Impressão ± 300 dpi
  • 8.
    Tratamento de Imagem Profundidadede 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 Profundidadede 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áquinaFotográ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 Formatosde 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 DesenhoVetorial 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.
  • 14.
    Tratamento de Imagem DesenhoVetorial - Composição/Vistas Vista Normal Vista Contornos
  • 15.
    Tratamento de Imagem DesenhoVetorial - Inkscape http://www.inkscape.org Linux - Mac - Windows