brotero - imagem apresentação 1
DESCRIPTION
TRANSCRIPT
![Page 1: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/1.jpg)
Curso Profissional de Técnico de Multimédia
Ano Lectivo 2009/2010
MINISTÉRIO DA EDUCAÇÃODIRECÇÃO REGIONAL DE EDUCAÇÃO DO CENTRO
ESCOLA SECUNDÁRIA DE AVELAR BROTERO
Técnicas de Multimédia
Professor: João Leal
![Page 2: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/2.jpg)
ImagemImagem
www.joaoleal.net Professor: João José Leal 2
ImagemImagem
![Page 3: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/3.jpg)
Questões:Questões:
O que são modelos aditivos e subtractivos?
O que é um modelo RGB?
O que é um modelo CMYK?
www.joaoleal.net Professor: João José Leal 3
O que é um modelo CMYK?
O que é um modelo HSV?
O que é um modelo YUV?
O que é um modelo HTML?
![Page 4: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/4.jpg)
A cor é um fenómeno óptico(Parte da física que estuda os
fenómenos luminosos e os fenómenos da visão) provocado pela
acção de um feixe de fótons sobre células especializadas da retina,
que transmitem através de informação pré-processada no nervo
Conceito de CorConceito de Cor
www.joaoleal.net Professor: João José Leal 4
que transmitem através de informação pré-processada no nervo
óptico, impressões para o sistema nervoso.
![Page 5: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/5.jpg)
A cor de um material é determinada pelas médias de frequência
dos pacotes de onda que as suas moléculas constituintes reflectem.
Um objecto terá determinada cor se não absorver justamente os raios
correspondentes à frequência daquela cor.
www.joaoleal.net Professor: João José Leal 5
A cor é relacionada com os diferentes comprimento de onda do
espectro electromagnético. São percebidas pelas pessoas, em faixa
específica (zona do visível), e por alguns animais através dos órgãos
de visão, como uma sensação que nos permite diferenciar os objectos
do espaço com maior precisão.
![Page 6: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/6.jpg)
A luz do Sol contém vários tipos de radiação que constituem
o espectro electromagnético e cada comprimento de onda
corresponde a um tipo de radiação.
Espectro ElectromagnéticoEspectro Electromagnético
www.joaoleal.net Professor: João José Leal 6
Apenas uma pequena faixa de radiação é captada pelos
nossos olhos, entre os 400nm e os 700nm (espectro visível).
![Page 7: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/7.jpg)
www.joaoleal.net Professor: João José Leal 7
![Page 8: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/8.jpg)
www.joaoleal.net Professor: João José Leal 8
![Page 9: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/9.jpg)
A luz contem uma variedade de ondas electromagnéticas
com diferentes comprimentos de onda.
A intercepção das cores é feita pelo cérebro humano depois
Recepção e percepção da luzRecepção e percepção da luz
www.joaoleal.net Professor: João José Leal 9
de a luz atravessar a íris e ser projectada na retina. Desta forma, os
olhos são os sensores de toda a visão e esta pode ser do tipo
escotópica e fotópica.
![Page 10: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/10.jpg)
O Sistema Visual Humano é sensível a radiaçãoelectromagnética numa pequena gama de comprimentos de onda,tendo dois tipos de visão:
Escotópica – é assegurada por um único tipo de bastonetes (1 tipo ecerca de 100 milhões existentes) existentes na retina.Estes são sensíveis ao brilho e não detectam a cor. Isto
Visão da corVisão da cor
www.joaoleal.net Professor: João José Leal 10
Estes são sensíveis ao brilho e não detectam a cor. Istoquer dizer que são sensíveis a alterações daluminosidade, mas não aos comprimentos de onda da luzvisível.
![Page 11: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/11.jpg)
www.joaoleal.net Professor: João José Leal 11
![Page 12: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/12.jpg)
Fotópica – É assegurada por um conjunto de cones (5 milhões em
cada olho e de 3 tipos) existentes na retina. Estes são
sensíveis a cor e, portanto, aos comprimentos de onda da
luz visível número de cones da retina distribuem-se da
www.joaoleal.net Professor: João José Leal 12
seguinte forma: 64% do tipo vermelho, 32% tipo verde e
2% do tipo azul (são os 3 tipos de cones que existem).
![Page 13: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/13.jpg)
www.joaoleal.net Professor: João José Leal 13
![Page 14: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/14.jpg)
Tom refere-se à graduação de
cor dentro do espectro visível da luz.
Pode referir-se também a uma cor
determinada dentro do espaço,
Cores: TomCores: Tom
www.joaoleal.net Professor: João José Leal 14
determinada dentro do espaço,
definida pela predominância do seu
comprimento de onda.
![Page 15: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/15.jpg)
Como os bastonetes e os cones constituem dois tipos de
sensores diferentes que apreendem a intensidade da luz e as
diferenças de cor, é usual associá-los, respectivamente, aos
www.joaoleal.net Professor: João José Leal 15
conceitos de luminância e crominância. Estes conceitos estão,
por sua vez, relacionados com as diferentes formas de
representar as cores.
![Page 16: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/16.jpg)
LuminânciaÉ uma medida da densidade da intensidade de uma fonte
de luz, cuja unidade SI é a candela por metro quadrado (cd/m2)
Também utilizada como sinónimo de brilho. Os monitores e as
placas de tratamento da imagem controlam a luminância e a
crominância.
www.joaoleal.net Professor: João José Leal 16
crominância.
![Page 17: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/17.jpg)
É a quantidade de luz que é entendida numa determinada
direcção, ou seja, o grau de clareza com que se vê os objectos.
Por exemplo, o branco é luminoso e não tem luz.
A cor mais luminosa é o amarelo e a de menos
luminosidade é o violeta.
Cores: LuminosidadeCores: Luminosidade
www.joaoleal.net Professor: João José Leal 17
luminosidade é o violeta.
![Page 18: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/18.jpg)
Crominância
A crominância (C), é um dos dois elementos que conformam um sinal de
vídeo, junto com a luminância (Y). A crominância refere-se ao valor das cores,
enquanto a luminância se refere às luzes -branco e preto. Os diferentes sistemas de
difusão de vídeo -NTSC, PAL, SECAM, permitem misturar ou enviar por separado
ambos os elementos.
www.joaoleal.net Professor: João José Leal 18
ambos os elementos.
![Page 19: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/19.jpg)
Em retransmissões televisivas, os valores C/Y são o primeiro
a comprovar, posto que uma má qualidade ou sincronização
resultaria num péssimo sinal.
www.joaoleal.net Professor: João José Leal 19
![Page 20: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/20.jpg)
Depois de terem sido abordados os aspectos relacionados
com a luz e a cor do ponto de vista sensorial, coloca-se a questão de
compreender como são geradas, armazenadas, manipuladas e
reproduzidas as imagens pelos diferentes dispositivos físicos que
www.joaoleal.net Professor: João José Leal 20
reproduzidas as imagens pelos diferentes dispositivos físicos que
utilizam a cor. Antes de mais, é necessário representar as cores
através de modelos que se aplicam a diferentes situações reais.
![Page 21: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/21.jpg)
É a intensidade de um tom específico. Um tom muito
saturado apresenta cores vivas e intensas, enquanto que um tom
pouco saturado aparece mais cinzento e suave.
Cores: SaturaçãoCores: Saturação
www.joaoleal.net Professor: João José Leal 21
![Page 22: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/22.jpg)
Uma cor primária é uma cor que não pode ser
decomposta em outras cores. Essas cores se mesclam entre si para
produzir as demais cores do espectro. Quando duas cores
primárias são misturadas, produz-se o que se conhece como cor
Cores PrimáriasCores Primárias
www.joaoleal.net Professor: João José Leal 22
primárias são misturadas, produz-se o que se conhece como cor
secundária, e ao mesclar uma cor secundária com uma primária
surge uma cor terciária.
![Page 23: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/23.jpg)
Tradicionalmente, o Vermelho, o Azul e o Amarelo são
tratadas como as cores primárias nas artes plásticas. Esse sistema de
classificação é conhecido como RYB Entretanto, essa é uma
definição errada do ponto de vista científico, uma vez que, em se
www.joaoleal.net Professor: João José Leal 23
tratando de pigmentos, o sistema correcto é o CMY (Ciano,
Magenta e Amarelo). Como são muito raros na natureza pigmentos
de cor ciano e magenta, são substituídos respectivamente pelo azul e
pelo vermelho nas artes plásticas.
![Page 24: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/24.jpg)
Cores secundárias são as cores que se formam pela mistura
de duas cores primárias, em partes iguais.
No início, a teoria dos pigmentos era restrita à pintura. Os
antigos pintores já faziam misturas antes da moderna ciência das
Cores SecundáriasCores Secundárias
www.joaoleal.net Professor: João José Leal 24
cores, e as tintas usadas até então eram poucas. No sistema RYB, que
emprega a teoria das cores de Leonardo da Vinci, as cores
secundárias são: Verde - formado por azul e amarelo; Laranja -
formado por amarelo e vermelho; Violeta (ou Roxo) - formado por
azul e vermelho.
![Page 25: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/25.jpg)
Os modelos de cor fornecem métodos que permitem
especificar uma determinada cor. Por outro lado, quando se utiliza um
sistema de coordenadas para determinar os componentes do modelo
de cor, está-se a criar o seu espaço de cor. Neste espaço cada ponto
representa uma cor diferente.
Modelos de CorModelos de Cor
www.joaoleal.net Professor: João José Leal 25
representa uma cor diferente.
Antes de serem descritos alguns modelos, convém diferenciar
modelo aditivo de subtractivo. O modelo utilizado para descrever as
cores emitidas ou projectadas é considerado aditivo e para as cores
impressas é considerado subtractivo.
![Page 26: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/26.jpg)
Exemplos de aplicação de modelos aditivo esubtractivo
Modelo aditivo Modelo subtractivo
Luz emitida e projectada num Luz reflectida
www.joaoleal.net Professor: João José Leal 26
Luz emitida e projectada num ecrã
Luz reflectida
Mistura de cores emitidas por fontes de luz
Mistura de cores de pintura impressão
![Page 27: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/27.jpg)
Num modelo aditivo a ausência de luz ou de cor corresponde
à cor preta, enquanto que a mistura dos comprimentos de onda ou
das cores vermelha (Red), verde (Green) e azul (Blue) indicam a
presença da luz ou a cor branca.
Modelo AditivoModelo Aditivo
Sistema RGB
www.joaoleal.net Professor: João José Leal 27
presença da luz ou a cor branca.Sistema RGB
O modelo aditivo explica a
mistura dos comprimentos de onda de
qualquer luz emitida.
![Page 28: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/28.jpg)
Num modelo subtractivo, ao contrário do modelo aditivo, a
mistura de cores cria uma cor mais escura, porque são absorvidos
mais comprimentos de onda, subtraindo-os à luz. A ausência de cor
corresponde ao branco e significa que nenhum comprimento de onda
é absorvido, mas sim todos reflectidos.
Modelo SubtractivoModelo Subtractivo
www.joaoleal.net Professor: João José Leal 28
é absorvido, mas sim todos reflectidos.O modelo subtractivo explica a mistura de
pinturas e tintas para criarem cores que absorvem
alguns comprimentos de onda da luz e reflectem
outros. Assim, a cor de um objecto corresponde à
luz reflectida por ele e que os olhos recebem.
![Page 29: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/29.jpg)
Trata-se de uma representação das cores através de um
círculo onde são dispostas as variações do espectro visível pelo
olho humano, por ordem da sua frequência.
CírculoCírculo CromáticoCromático
www.joaoleal.net Professor: João José Leal 29
olho humano, por ordem da sua frequência.
![Page 30: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/30.jpg)
Modelo RGBModelo RGB
O modelo RGB é um modelo aditivo, descrevendo as
cores como uma combinação das três cores primárias: vermelha
(Red), verde (Green) e azul (Blue).
www.joaoleal.net Professor: João José Leal 30
Em termos técnicos, as cores primárias de um modelo
são cores que não resultam da mistura de nenhuma outra cor.
![Page 31: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/31.jpg)
Qualquer cor no sistema digital é representada por um
conjunto de valores numéricos. Por exemplo, cada uma das cores
do modelo RGB pode ser representada por um dos seguintes
valores: decimal de 0 a 1, inteiro de 0 a 255, percentagem de 0% a
www.joaoleal.net Professor: João José Leal 31
100% e hexadecimal de 00 a FF.
![Page 32: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/32.jpg)
Correspondência entre valores
Decimal 0 0,2 0,4 0,6 0,8 1
Caracterização do Modelo RGBCaracterização do Modelo RGB
www.joaoleal.net Professor: João José Leal 32
Inteiro 0 51 102 153 204 255
Percentagem 0 20 40 60 80 100
Hexadecimal 00 33 66 99 CC FF
![Page 33: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/33.jpg)
Como o modelo RGB é aditivo, a cor branca corresponde à
representação simultânea das três cores primárias (1,1,1), enquanto
que a cor preta corresponde à ausência das mesmas (0,0,0).
www.joaoleal.net Professor: João José Leal 33
![Page 34: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/34.jpg)
A escala de cinzentos é criada quando se adicionam
quantidades iguais de cada cor primária, permanecendo na linha que
junta os vértices preto e branco.
www.joaoleal.net Professor: João José Leal 34
![Page 35: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/35.jpg)
O quadro seguinte exemplifica várias cores do modelo RGB
representadas por valores decimais e inteiros.
Cor Valor decimal Valor inteiro
Preto (0,0,0,) (0,0,0)
www.joaoleal.net Professor: João José Leal 35
Vermelho (R) (1,0,0) (255,0,0)
Verde (G) (0,1,0) (0,255,0)
Azul (B) (0,0,1) (0,0,255)
Branco (R+G+B) (1,1,1)= (1,0,0)+ (0,1,0)+ (0,0,1) (255,255,255)
![Page 36: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/36.jpg)
Cor Valor decimal Valor inteiro
Amarelo (1,1,0,) (255,255,0)
Ciano (0,1,1) (0,255,255)
Magenta (1,0,1) (255,0,255)
www.joaoleal.net Professor: João José Leal 36
Magenta (1,0,1) (255,0,255)
90% Preto (0.1,0.1,0.1) (25,25,25)
Azul-celeste (0,0.8,1) (0,204,255)
![Page 37: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/37.jpg)
Aplicações do modelo RGB.
As aplicações do modelo RGB estão associadas à emissão
de luz por equipamentos como monitores de computador e ecrãs
de televisão.
Por exemplo, as cores emitidas pelo monitor de um
www.joaoleal.net Professor: João José Leal 37
computador baseiam-se no facto de o olho e o cérebro humano
interpretarem os comprimentos de onda de luz das cores
vermelha, verde e azul. Por isso, estas são emitidas pelo monitor,
que combinadas podem criar milhões de cores.
![Page 38: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/38.jpg)
O monitor CRT é essencialmente um tubo de raios
catódicos (CRT - Catodic Ray Tube) que aloja um canhão de
electrões e que é fechado na frente por um vidro, o ecrã, revestido
internamente por três camadas de fósforo. Para gerar uma cor, os
monitores coloridos precisam de três sinais separados que vão
www.joaoleal.net Professor: João José Leal 38
monitores coloridos precisam de três sinais separados que vão
sensibilizar os respectivos pontos de fósforos das três cores
primárias.
![Page 39: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/39.jpg)
ResoluçãoResolução e tamanhoe tamanhoUma imagem digital é uma representação discreta, isto é,
constituída por píxeis (píxel - picture element). O píxel,
normalmente um quadrado, é a unidade elementar de brilho e cor
que constitui uma imagem digital.
Uma imagem digital é uma representação discreta, isto é,
constituída por píxeis (píxel - picture element). O píxel,
normalmente um quadrado, é a unidade elementar de brilho e cor
que constitui uma imagem digital.
www.joaoleal.net Professor: João José Leal 39
Imagem constituída por um conjunto de píxeisImagem constituída por um conjunto de píxeis
![Page 40: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/40.jpg)
Assim, a definição de resolução de uma imagem é
entendida como a quantidade de informação que a imagem
contém por unidade de comprimento, isto é, o número de píxeis
www.joaoleal.net Professor: João José Leal 40
por polegada, ppi (pixels per inch). A resolução da imagem pode
também ser definida, de forma imprópria, pelo seu tamanho, ou
seja, pelo número de píxeis por linha e por coluna.
![Page 41: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/41.jpg)
A resolução de uma imagem digital determina não só o nível
de detalhe como os requisitos de armazenamento da mesma. Quanto
maior a resolução de uma imagem maior será o tamanho do ficheiro
de armazenamento.
O nível de detalhe de uma imagem depende da informação
www.joaoleal.net Professor: João José Leal 41
O nível de detalhe de uma imagem depende da informação
de cada píxel. Cada píxel é codificado de acordo com a cor e o brilho
que representa, isto é, ocupa em memória um número de bits que
varia de acordo com o número de cores, tons de cinza e brilho
definido para uma determinada imagem.
![Page 42: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/42.jpg)
Profundidade de CorProfundidade de CorA profundidade de cor indica o número de bits usados para
representar a cor de um píxel numa imagem. Este valor é também
conhecido por profundidade do píxel e é definido por bits por píxel
(bpp).
www.joaoleal.net Professor: João José Leal 42
O quadro seguinte mostra a relação entre o número de bits e o
número de cores que podem ser produzidas. Mostra também os
respectivos modelos de cor e padrões gráficos utilizados em
monitores e placas gráficas.
![Page 43: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/43.jpg)
Profundidade de cor
(nº de bits)
Nº de cores produzidas
Qualidade de cor Padrão gráfico
1 21 = 2 Preto e branco Monocromática
2 22 = 4 Cores de 2 bitsCGA (Color
Graphics Adapter)
www.joaoleal.net Professor: João José Leal 43
Graphics Adapter)
4 24 = 16 Cores de 4 bitsEGA (Enhanced
Graphics Adapter)
8 28 = 256 Cores de 8 bitsVGA (Video
Graphics Adapter)
![Page 44: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/44.jpg)
Profundidade de cor
(nº de bits)
Nº de cores produzidas
Qualidade de cor
Padrão gráfico
16 216 = 65 536Cores de 16 bits
(High color)XGA (ExtendedGraphics Array)
www.joaoleal.net Professor: João José Leal 44
(High color) Graphics Array)
24 224 = 16 777 216Cores de 24 bits
(True color)SVGA =
SuperVGA
32232 = 4 294 967
296Cores de 32 bits
SVGA = SuperVGA
![Page 45: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/45.jpg)
A profundidade de cor das imagens varia com o número de
cores presentes na imagem. No modelo RGB, com a profundidade
de 24 bits existe a possibilidade de escolher 16,7 milhões de
combinações de cor . Embora o olho humano não possa identificar
www.joaoleal.net Professor: João José Leal 45
combinações de cor . Embora o olho humano não possa identificar
estes 16,7 milhões de cores, este número de combinações permite
variações ténues que dão a impressão de imagens com aspectos
muito reais.
![Page 46: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/46.jpg)
Assim, a profundidade de cor indica o número de bits usados
para representar a cor de um pixel numa imagem (bit por píxel:
bpp).
www.joaoleal.net Professor: João José Leal 46
1 bit 4 bit 8 bit
![Page 47: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/47.jpg)
Indexação de CorIndexação de Cor
A indexação de cor consiste em representar as cores
dos píxeis por meio de índices de uma tabela (Lookup Table) e
que, em alguns formatos de imagem, é armazenada juntamente
com a mesma num único ficheiro. As cores desta tabela são
www.joaoleal.net Professor: João José Leal 47
com a mesma num único ficheiro. As cores desta tabela são
conhecidas como cores indexadas, porque estão referenciadas
pelos números de índice que são usados pelo computador para
identificar cada cor.
![Page 48: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/48.jpg)
Enquanto uma imagem RGB é definida separadamente por
valores de vermelho, verde e azul para cada píxel numa imagem,
uma imagem de cor indexada cria uma tabela que define um
número de cores predefinidas e cada píxel é definido por um índice
de cor dessa tabela.
www.joaoleal.net Professor: João José Leal 48
de cor dessa tabela.
A imagem seguinte mostra a caixa de diálogo Material
Properties do Paint Shop Pro com uma tabela (paleta) de 16 cores
(4 bits de profundidade de cor). O vermelho é a cor seleccionada e o
seu índice é o 9.
![Page 49: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/49.jpg)
www.joaoleal.net Professor: João José Leal 49
![Page 50: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/50.jpg)
www.joaoleal.net Professor: João José Leal 50
![Page 51: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/51.jpg)
As cores indexadas reduzem o tamanho dos ficheiros de
imagens. No entanto, se a imagem for uma fotografia, esta pode
originar um ficheiro de cores indexadas de tamanho grande.
As cores indexadas estão limitadas a 256 cores, podendo ser
qualquer conjunto de 256 cores de 16,7 milhões de 24 bits de cor.
www.joaoleal.net Professor: João José Leal 51
qualquer conjunto de 256 cores de 16,7 milhões de 24 bits de cor.
Exemplo:
Se tivermos um gráfico a preto e branco e se este for guardado com um formato de
cor indexada, a tabela contém apenas as cores preta e branca necessárias para a imagem e não
precisa de conter 256 cores ou menos. Assim, o ficheiro torna-se mais pequeno, não
necessitando de guardar informação a mais.
![Page 52: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/52.jpg)
Assim, a Indexação da cor
• Representação de cores por meio de índices de uma tabela;
• As imagens transportam os índices consigo.
www.joaoleal.net Professor: João José Leal 52
![Page 53: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/53.jpg)
Paleta de CoresPaleta de CoresUma paleta de cores é a designação utilizada para qualquer
subconjunto de cores do total suportado pelo sistema gráfico do
computador. Uma paleta de cores pode também ser chamada de
mapa de cor, mapa de índice, tabela de cor, tabela indexada ou
www.joaoleal.net Professor: João José Leal 53
tabela de procura de cores (Lookup Table - LUT). Cada cor dentro
da paleta é identificada por um número (índice).
Como foi visto no ponto anterior, a utilização de paletas
permite diminuir o tamanho dos ficheiros de imagens, porque
apenas são armazenadas em memória as cores utilizadas.
![Page 54: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/54.jpg)
A paleta de cores no PaintNet
www.joaoleal.net Professor: João José Leal 54
![Page 55: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/55.jpg)
Assim, paleta de cores
É um subconjunto de todas as cores de um
sistema gráfico de um computador;
www.joaoleal.net Professor: João José Leal 55
É também designado de mapa de cor,
índice, tabela indexada;
Cada cor é representada por um número.
![Page 56: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/56.jpg)
Uma imagem com indexação de cor fica com uma paleta mais pequena.
4 bits = 16 cores
8 bits = 256 cores
www.joaoleal.net Professor: João José Leal 56
4 bits = 16 cores
2 bits = 4 cores
![Page 57: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/57.jpg)
1 bit = 2 cores
www.joaoleal.net Professor: João José Leal 57
![Page 58: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/58.jpg)
Complementaridade de CoresComplementaridade de CoresUma cor complementar de uma determinada cor primária é
a cor que se encontra quando é efectuada uma rotação de 180 graus
num anel de cor No modelo RGB, estas cores complementares são
também chamadas cores secundárias ou cores primárias de
impressão.
www.joaoleal.net Professor: João José Leal 58
impressão.
Cores primárias domodelo RGB e as suascores complementares
![Page 59: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/59.jpg)
www.joaoleal.net Professor: João José Leal 59
Cores primárias do modelo RGB e as suas cores complementares
![Page 60: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/60.jpg)
Sistemas de Cores: RGBSistemas de Cores: RGB
RGB é a abreviatura do sistema de cores aditivas
formado por Vermelho (Red), Verde (Green) e Azul
(Blue). É o sistema aditivo de cores, ou seja, de
projecções de luz, como monitores e datashows, em
www.joaoleal.net Professor: João José Leal 60
projecções de luz, como monitores e datashows, em
contraposição ao sistema subtractivo, que é o das
impressões (CMYK).
![Page 61: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/61.jpg)
A escala de RGB varia de 0 (mais escuro) a 255
(mais claro). Nos programas de edição de imagem, estes
valores são habitualmente representados por meio de
notação hexadecimal, indo de 00 (mais escuro) até FF
(mais claro) para o valor de cada uma das cores. Assim, a
www.joaoleal.net Professor: João José Leal 61
(mais claro) para o valor de cada uma das cores. Assim, a
cor #000000 é o preto, pois não há projecção de nenhuma
das três cores; por outro lado, #FFFFFF representa a cor
branca, pois as três cores estão projectadas na sua
intensidade máxima.
![Page 62: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/62.jpg)
Sistemas de Cores: CMYKSistemas de Cores: CMYK
CMYK é a abreviatura do sistema de cores
subtractivas formado por Ciano (Cyan), Amarelo
(Yellow), Magenta (Magenta) e Preto (Black). É
utilizado em meios que têm fundo branco, como as
www.joaoleal.net Professor: João José Leal 62
utilizado em meios que têm fundo branco, como as
impressões em papel CMY é a mesma coisa, porém sem
a cor preta.
![Page 63: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/63.jpg)
Sistemas de Cores: CMYKSistemas de Cores: CMYK
O resultado da sobreposição das três cores, na
impressão gráfica, é uma cor intermédia entre o cinzento
e o castanho; por isso mesmo considera-se o preto a
quarta cor primária. Para impressão de livros ou qualquer
www.joaoleal.net Professor: João José Leal 63
outra coisa que seja impressa, é usada esta combinação.
![Page 64: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/64.jpg)
o Utiliza-se na impressão em papel;
o Ciano é a cor oposta ao vermelho, o que significa que actua
como um filtro que absorve a dita cor (-R +G +B);
Modelo de Cores CMYKModelo de Cores CMYK
www.joaoleal.net Professor: João José Leal 64
como um filtro que absorve a dita cor (-R +G +B);
o Da mesma forma, magenta é oposta ao verde (+R –G +B) e
amarelo é a oposta ao azul (+R +G –B);
![Page 65: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/65.jpg)
oAssim, magenta mais amarelo produzirá vermelho, magenta
mais ciano produzirá azul e ciano mais amarelo produzirá verde;
o O preto obtém-se da mistura das três.
www.joaoleal.net Professor: João José Leal 65
o O preto obtém-se da mistura das três.
![Page 66: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/66.jpg)
o O padrão CMYK é o mais usado para impressão em papel, onde
quatro cores de tinta geram uma qualidade final melhor do que
apenas três;
CMYK Vs RGBCMYK Vs RGB
www.joaoleal.net Professor: João José Leal 66
o Nem todas as cores vistas no monitor podem ser conseguidas na
impressão, uma vez que o espectro de cores CMYK (gráfico) é
significativamente menor que o RGB;
![Page 67: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/67.jpg)
o Uma impressora imprime dots per inch (dpi) o que é muito
diferente de um monitor, que mostra imagens em pixels per inch
(ppi).
www.joaoleal.net Professor: João José Leal 67
![Page 68: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/68.jpg)
Sistemas de Cores: HSVSistemas de Cores: HSVHSV é a abreviatura para o sistema de cores
composto pelas componentes Tom (Hue), Saturação
(Saturation) e Valor (Value). Este sistema é também
conhecido como HSB (Hue, Saturation, Brightness –
Tom, Saturação e Brilho). Este sistema de cores define
www.joaoleal.net Professor: João José Leal 68
Tom, Saturação e Brilho). Este sistema de cores define
o espaço de cor utilizando três parâmetros.
Este sistema foi inventado em 1978, por Alvy
Ray Smith e é caracterizado por ser uma
transformação não-linear do sistema de cores RGB.
![Page 69: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/69.jpg)
• É a cor pura com saturação e luminosidade máximas.
• Exprime-se num valor angular.
• É o atributo que difere, por exemplo, o verde do azul.
Tonalidade (Tonalidade (HueHue))
www.joaoleal.net Professor: João José Leal 69
• Verifica o tipo de cor (podendo ser vermelho, amarelo ou azul).
• Pode ter valores entre 0 e 360, mas para algumas aplicações, este
valor é normalizado de 0 a 100%.
![Page 70: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/70.jpg)
• Indica a maior ou menor intensidade da cor, isto é, se a cor é viva
ou esbatida.
• Exprime-se em percentagem.
SaturaçãoSaturação
www.joaoleal.net Professor: João José Leal 70
• Quanto menor este valor, mais cinzento aparece a imagem.
• Quanto maior o valor, mais saturada é a imagem. Pode ter valores
entre 0 e 100%.
![Page 71: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/71.jpg)
• Traduz a luminosidade ou brilho de uma cor.
• 0% indica cor muito escura e 100% cor muito clara.
Valor (Valor (ValueValue))
www.joaoleal.net Professor: João José Leal 71
• O brilho define a luminosidade da cor, podendo ter valores
entre 0 e 100%.
![Page 72: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/72.jpg)
Este modelo é mais intuitivo de se utilizar.
www.joaoleal.net Professor: João José Leal 72
Painel de escolha de cor do GIMP
![Page 73: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/73.jpg)
AssimAssim
O modelo RGB permite exibir imagens de cor em monitores
www.joaoleal.net Professor: João José Leal 73
O modelo CMYK é utilizado na impressão
O modelo HSV é utilizado na mistura de cores do ponto de vista
artístico.
![Page 74: Brotero - Imagem Apresentação 1](https://reader033.vdocuments.site/reader033/viewer/2022061212/54948c2bac79591d2e8b4b83/html5/thumbnails/74.jpg)
www.joaoleal.net Professor: João José Leal 74