Sunteți pe pagina 1din 23

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP

CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA


* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 1 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS


Ficha Tcnica

Ttulo: Caracterizao de vrios tipos e formatos de imagens
Manual Elaborado por: Cllia Almeida Valente

Enquadramento

Destinatrios
Ativos, empregados e desempregados, com idade igual ou superior a 18 anos

Objetivos
Caracterizar os vrios tipos e formatos de imagens.

Pr requisitos
Ativos, empregados ou desempregados;
Idade igual ou superior a 18 anos.

Contedos Temticos
Tipos
o Imagens vetoriais (reviso de 1.5)
o Imagens matriciais/mapas de bits
o Diferenas (reviso de 1.5)
Formatos de ficheiros e extenses
o Psd
o Art
o Eps
o Tiff
o Jpeg
o Gif
o Png
Resoluo

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 2 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS


Cores
o Sntese aditiva
o Sntese subtractiva
Sistemas de normalizao e reproduo da cor
o Quadricromia
o RGB
o Pantone

Requisitos/Condies de Utilizao

Este suporte pedaggico foi pensado e constitudo como um instrumento de trabalho, pelo que
poder e dever ser enriquecido com notas e reflexes do formando, a partir da sua prpria prtica.
Este suporte pedaggico no dispensa a consulta de normas tcnicas aplicveis, bem como outros
recursos pedaggicos relacionados com o conceito de Imagem Digital.

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 3 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

ndice

Conceitos sobre imagem digital ........................................................................................................... 4
Tipos de Imagem Digital ...................................................................................................................... 4
Imagens Vetoriais ............................................................................................................................. 5
Imagens matriciais/mapas de bits ..................................................................................................... 6
Diferenas entre as Imagens Vetoriais e as Imagens Matriciais ....................................................... 7
Comparao entre Imagem Vetorial e Imagem Matricial................................................................... 8
Formatos de ficheiros e extenses ...................................................................................................... 8
.SVG ...................................................................................................................................... 8
.CDR - ....................................................................................................................................... 8
.AI ........................................................................................................................................... 8
.EPS ....................................................................................................................................... 9
.WMF ..................................................................................................................................... 9
.FH - .......................................................................................................................................... 9
.JPEG ..................................................................................................................................... 9
.BMP ou DIB .......................................................................................................................... 9
.PNG - ....................................................................................................................................... 9
.GIF ........................................................................................................................................ 9
.TIFF ...................................................................................................................................... 9
.PSD (Photoshop Document) - .............................................................................................. 10
Resoluo .......................................................................................................................................... 10
Cores ................................................................................................................................................. 14
O que a cor? ................................................................................................................................ 14
Sintese aditiva e subtrativa ............................................................................................................. 17
Sistemas de normalizao e reproduo da cor ................................................................................ 19
Sistema RGB (Red Green Blue) - Modelo Aditivo ........................................................................... 19
HSL (Hue Saturation Luminosity) - Modelo Aditivo ......................................................................... 20
Sistema CMYK (Cian Magenta Yellow Black) - Modelo subtrativo .................................................. 20
Pantone - Modelo subtrativo ........................................................................................................... 21
Bibliografia ......................................................................................................................................... 22



INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 4 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Conceitos sobre imagem digital

Uma imagem digital uma representao discreta de informao gerada e processada por um
computador, ou adquirida atravs de um dispositivo de captura e processada posteriormente atravs
de um computador. Enquanto informao digital, uma imagem deste tipo pode ser armazenada,
distribuda, processada, transformada e devolvida por qualquer sistema de informao multimdia.
Por imagem digital entende-se normalmente uma imagem que passou por um processo de
digitalizao, querendo-se com isto dizer que de uma dada imagem ou objecto foi produzida uma
representao atravs da seleco de um conjunto discreto de pontos. O objecto que resulta deste
processo denominado "imagem digital" e o seu sinal "formato digital". (Damsio)

Tipos de Imagem Digital

Existem vrias formas para representar uma imagem em formato digital. No seu nvel mais bsico,
existem duas formas de codificar os contedos de uma imagem bidimensional num formato digital:
Diz-se que uma imagem digital porque a sua informao (forma, cor, textura, etc.) est
totalmente codificada em linguagem binria (bits), ou seja, a imagem bidimensional representada
por nmeros.
Este tipo de imagem torna mais fcil e simples o armazenamento, a transferncia, a edio e a
impresso ou reproduo da fotografia. Ao mesmo tempo, este tipo de imagem torna-se vantojoso
pelo facto de no se degradar com o passar do tempo.
Existem dois tipos principais de imagem digital:















Imagens Digitais
Imagens Vetoriais
Imagens
matriciais/mapas
de bits
Figura. 1 - Tipos de Imagem

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 5 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Imagens Vetoriais

As imagens vetoriais so criadas por linhas, curvas, elipses, polignos, entre outos elementos
que so definidos matematicamente (designados vetores). Por serem geradas atravs de vetores
matemticos, estas imagens tm a si associadas algumas vantagens:
No perdem qualidade ao serem ampliadas, pois os vetores adaptam-se imediatamente
escala.
So, geralmente, mais leves, ocupando menos espao de armazenamento.
Podem ser tratadas independentemente umas das outras, o que permite alterar partes
isoladas da imagem, sem interferir com outras partes.
Normalmente, este tipo de imagem bastante utilizado em projetos de multimdia, onde a
qualidade da imagem um fator primordial, assim quando se pretende imprimir em grandes
dimenses deve-se recorrer a este tipo de imagem garantindo, deste modo, a qualidade final do
projeto.
Contudo, as imagens vetoriais no so utilizadas, por exemplo, na captura de imagens por
mquinas fotogrficas, ou outros equipamentos uma vez que numa fotografia so captados muitos
detalhes que nem sempre so representveis atravs de formas geomtricas.


Figura. 2 - Imagens Vetoriais
Existem vrios programas que permitem criar e manipular este tipo de imagem de entre os quais
se destacam os seguintes:

InkScape


Adobe Illustrator,

Corel Draw Macromedia
Freehand

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 6 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Imagens matriciais/mapas de bits

Imagens matriciais / mapas de bits / bitmap / raster so as terminologias utilizadas para definir
as imagens que so formadas por pixels (pontos) de uma determinada dimenso (resoluo) e
com um determinado valor cromtico.
O termo pxel resulta da contrao de dois termos ingleses picture e element, pelo que se pode
subentender que o pxel o elemento base de uma imagem.
Tal com o se pode ver pelas imagens que se seguem, uma imagem matricial assemelha-se a uma
grelha, que neste caso corresponde a uma tabela de pixels, em que para cada pxel, gravada a cor
que esse pxel contm.


Figura. 3 - Imagens Matriciais

O nmero de pixels que constituem uma imagem matricial varia, sendo possvel ao utilizador
alterar as dimenses das imagens em termos de pixels, bastando para isso recorrer a um editor de
imagem simples como, por exemplo, o Paint.
A digitalizao de uma imagem a converso de uma imagem
natural para um conjunto de valores numricos que correspondem
aos pixels que a compem.
Observando a Figura. 4, podemos concluir que a imagem que
guardamos no computador corresponde, na verdade, a uma
sequncia de nmeros que indica o valor da cor. Neste caso, e de
forma simplificada, os 3 pixels apresentados seriam gravados no
ficheiro da seguinte forma:.. 212 209 0 125 124 0 236 233 0...


Figura. 4 - Composio da imagem - Pixels

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 7 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

As imagens matriciais so utilizadas, sobretudo, para fotografia ou artes com degrads complexos
como pinturas digitais, renderizaes 3D, pois este tipo de imagem consegue guardar, com detalhe,
todos os pormenores que a objetiva captura.
Comparando estas imagens com as vetoriais, podemos concluir que:
So mais pesadas o facto de se basearem na informao acerca de cada pxel que compe
a imagem faz com que ocupem mais espao de armazenamento;
Perdem qualidade ao ser ampliadas;
Ao contrrio das imagens vetoriais, no permitem isolar objetos ou zonas da imagem.

Os programas mais utilizados para trabalhar com este tipo de imagem so:


Adobe Photoshop;


GIMP;


Paint Shop Pro,


Entre outros


Diferenas entre as Imagens Vetoriais e as Imagens Matriciais


Imagens Vetoriais


Imagens Matriciais

Geradas a partir do clculo matemtico
de formas geomtricas, sendo
composta por curvas, elipses,
polgonos, textos;

No perdem qualidade ao serem
ampliadas;

Utilizadas no desenvolvimento de
logtipos ou ilustraes, cartazes ou
outdoors em alta definio.
Representada por uma matriz de
pixels, onde cada pxel representa uma
cor;

Perdem qualidade ao serem
ampliadas;


Utilizadas, sobretudo, em fotografias e
imagens de pequenas dimenses.

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 8 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Comparao entre Imagem Vetorial e Imagem Matricial

Como foi referido anteriormente, as imagens matriciais so baseadas em pixels e, assim,
quando a imagem muito ampliada h uma perda clara de qualidade (ver Figura. 5). Em
contrapartida, nas imagens vetoriais, pode-se ampliar livremente a imagem sem afetar a sua
qualidade.


























Formatos de ficheiros e extenses

No caso das imagens vetoriais, os formatos de ficheiro mais conhecidos deste tipo de imagem
so:
.SVG Scalable Vectorial Graphics o padro para grcos vetoriais recomendado pela
W3C; o formato mais utilizado para guardar imagens vetoriais. livre, ou seja, no
propriedade de nenhuma empresa.
.CDR - Formato proprietrio da Corel, sendo apenas suportado pelo Corel Draw;
.AI Formato Adobe Illustrator, apenas suportado pelo Adobe Illustrator;
Figura. 5 - Imagem Vetorial vs Imagem Matricial/Bitmap

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 9 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

.EPS Encapsulated PostScript pode conter imagens e vetores; Um EPS no pode ser
editado diretamente e quando algum programa abre um EPS, ele requer a especificao da
resoluo desejada e em seguida transformado em bitmap. Foi muito usado antigamente,
mas hoje usado o formato PDF por ser de qualidade muito superior.
.WMF Windows Meta File (Meta-arquivo do Windows).
.FH - Formato Freehand;
Relativamente s imagens matriciais, os formatos mais conhecidos deste tipo de imagem so:

.JPEG Joint Photographic Experts Group um formato usado extensivamente em
fotografia; a principal compresso bitmap para cmeras fotogrficas; Essa compresso
vai eliminar pormenores da imagem que so dificilmente detetveis pelo olho humano, o
que faz com que a imagem fique mais leve e ocupe menos memria. Essa compresso
funciona melhor em fotografias e cenas realistas, pois a perda de qualidade pouco
notria. Em desenhos e grficos a qualidade fica mais comprometida.

.BMP ou DIB Criado pela Microsoft, chamado de Device Independent Bitmap (DIB) ou
simplesmente Windows Bitmap (BMP) e pode possuir as seguintes extenses: .bmp ou
.dib;

.PNG - Portable Network Graphics Formato comprimido sem perdas de informao,
designado para substituir o uso de GIF na web;. Apresenta melhor qualidade que o formato
JPEG, mas tambm ocupa mais memria. Permite que o fundo da imagem seja removido
atravs do uso de um canal alfa.

.GIF Graphics Interchange Format Formato usado extensivamente na web; Suporta
imagens animadas, 8 bits de cor e transparncia (alpha); o formato mais leve de todos,
mas tambm o mais limitado. Permite um nmero muito reduzido de cores distintas (256),
pelo que a qualidade das imagens muito limitada.

.TIFF Tagged Image File Format utilizado para intercmbio entre plataformas como
Windows, Mac e Linux e transformou-se no formato padro dos arquivos grficos (32-bits)

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 10 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

com elevada definio. um formato pesado, mas de excelente qualidade. Permite
armazenar vrias pginas de imagens no mesmo ficheiro.
Para alm dos formatos apresentados anteriormente, que so formatos no proprietrios
suportados por todos os softwares de imagens matriciais referidos anteriormente, existe um formato
proprietrio, da Adobe, que muito utilizado:

.PSD (Photoshop Document) - um formato propriedade da Adobe, e que suportado
apenas pelo Adobe Photoshop. Permite guardar a imagem em vrias camadas para
permitir uma manipulao mais avanada da imagem.

Resoluo

Numa imagem digital podemos considerar dois aspectos importantes: a Resoluo e a Definio.
A resoluo da imagem digital corresponde quantidade de pixels que uma imagem
Bitmap apresenta, ou seja, o nmero de pontos que compe uma imagem.
A definio pode ser caracterizada como a qualidade que uma imagem apresenta, esta
qualidade conseguida atravs do equilbrio entre: o brilho, o contraste, a tonalidade de cores e
a focagem.
Estes conceitos no so totalmente dependentes um do outro mas complementam-se pois,
geralmente, quanto melhor a resoluo melhor a sua definio.
No contexto da imagem digital, a resoluo de uma imagem est relacionada com o nvel de
detalhe que a imagem contm. Como referido anteriormente, uma imagem bitmap definida por
uma grelha de pixels. Se imaginarmos que essa grelha mais apertada (isto , os mesmos pixels
numa rea menor) obtemos mais detalhe.
Assim, a resoluo medida pelo nmero de pixels que existem numa determinada rea da
imagem.
comum a resoluo ser expressa em PPI em Ingls Pixels Per Inch ou em portugus PPP -
Pxeis Por Polegada.
Cada imagem possui apenas uma resoluo para toda a sua rea, mas diferentes imagens podem
e tm uma resoluo diferente; Deste modo, pode-se ento dizer que a resoluo de uma imagem
corresponde ao nmero de pontos ou pixels que ela contm numa polegada. Por conseguinte,
quanto maior for a resoluo, maior ser a qualidade da imagem e o seu detalhe. A dimenso

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 11 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

do pxel ser por sua vez mais reduzido, uma vez que na mesma superfcie encontramos mais
pontos.
Muitas vezes a resoluo confunde-se, erradamente, com o tamanho em pixels da imagem. O
tamanho das imagens em megapixels, no so a sua resoluo, mas sim o seu tamanho.
No entanto, em termos de resoluo, uma imagem de 1 megapxel pode ter melhor resoluo que
uma de 3 megapixels, de acordo com a rea que as duas ocuparem. Vejamos a seguinte tabela:
Imagem de 1 megapxel (1000 1000) Imagem de 4 megapxel (2000 2000)
Ocupa um quadrado de 10 10
polegadas (25,4 x 25,4 cm).

Resoluo: 1000/10 = 100 ppi
Ocupa um quadrado de 50 x 50
polegadas (127 127 cm).

Resoluo: 4000/50 = 80 ppi

Neste caso, podemos constatar que a primeira, apesar de ter um tamanho de 1 megapxel, tem maior
resoluo do que a segunda imagem.
Quando uma imagem apresenta uma resoluo de 72 ppi, significa que contm 5184 pxeis numa
polegada quadrada (72 pxeis de altura por 72 pxeis de largura 72x72=5184).
Normalmente, quando se pretende apresentar uma imagem no ecr (nas pginas www, por
exemplo) utiliza-se a resoluo referida anteriormente (72 ppi).
Na figura que se segue, possvel verificar que quando se aumenta uma imagem
desmesuradamente ela fica pixelizada. Cada quadrado que vemos um pxel. Este fenmeno
ocorre quando a imagem tem resoluo inferior resoluo do perifrico de sada
(Monitor,impressora, etc.)















Figura. 6 - Zoom exagerado - Imagem
pixelizada

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 12 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Em termos de impressoras e scanners, a resoluo mede-se em dpi (dots per inch) pontos
por polegada.
A medida diferente, pois as impressoras no imprimem pixels, mas sim pontos. E os
scanners, quando a lmpada passa na imagem, o que capta tambm no so pixels, mas pontos.
Nestes casos, um ponto no equivale a um pxel. Para imprimir um pxel so necessrios mais que
um ponto para se obter um nvel de detalhe semelhante.
As impressoras no reproduzem as imagens atravs dos pixels, mas sim atravs de pequenos
pontos que consistem numa mistura de quatro canais de cores (CMYK), Cian, Magenta, Amarelo e
Preto, cada um deles com apenas uma opo de intensidade (quantidade fixa de tinta por canal). Por
sua vez, um monitor forma um pxel utilizando trs canais de cores (RGB), cada um deles com 256
nveis de luminosidade diferentes.
Assim, uma impressora jato de tinta necessita de um nmero bem maior de pontos por polegada
para imprimir com qualidade semelhante a uma imagem mostrada no monitor, com um determinado
nmero de pixels por polegada.

Figura. 7 - Uma imagem com 1010 pixels no monitor precisa de uma densidade de impresso bem maior numa
impressora jato de tinta, para se obter uma qualidade semelhante.
Por conseguinte, quando se pretende imprimir uma fotografia digital deve-se utilizar uma
resoluo de 300 Dpi (dots per inch) para obter uma impresso de boa qualidade. Na Figura. 8,
apresentada uma imagem de alta qualidade, com 300 Dpi, a uma escala de 100%. Os detalhes da
imagem so bem perceptveis e bastante ntidos, logo quando for impressa ter muito boa qualidade.

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 13 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

J a Figura. 9 representa uma imagem de baixa qualidade, com 72 dpi a 100%. Quando este
ficheiro for impresso, certamente no ter boa qualidade.
















Sempre que se pretende imprimir um documento, ou at mesmo quando se faz uma digitalizao
possvel controlar a resoluo, bastando para isso alterar o nvel de qualidade da impresso,
escolhendo o nmero de Dpis que se pretende (ver Figura. 10).

Figura. 10 - Definio da resoluo

Figura. 9 - Imagem de alta qualidade Fig. 8 - Imagem de baixa qualidade

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 14 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Cores

O que a cor?

A cor nasce da luz...
Numa famosa experincia Isaac Newton, num quarto em casa da sua me, improvisou uma
cmara escura isolando todas entradas de luz excepo de um pequeno orifcio. Conduzida por um
estreito feixe, a luz era constrangida para um prisma que dividia a luz num pequeno leque de cores
semelhante ao que vemos num arco-ris. Newton tinha descoberto que a luz do sol composta por
todas as cores e que cada cor na realidade luz!


Figura. 12 - Experincia com o prisma

Posto isto, pode-se concluir que sem luz no h cor. S podemos ver a cor real de um objecto
quando este est iluminado por uma luz natural ou artificial. Na natureza, tudo composto de
elementos qumicos. Cada objeto tem propriedades diferentes que so caracterizadas por diferentes
graus de absoro e de reflexo da luz.
precisamente a luz reectida pelo objecto que chega ao sistema ocular, que e responsvel
pela sensao da cor.




Figura. 11 - Isacc Newton

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 15 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Ento porque vemos que determinado objeto vermelho, ou azul?


Quando a luz (composta pelas sete cores) incide
sobre o objeto, as suas propriedades fazem com
que das sete cores, seja refletida apenas o
vermelho. Todas as outras cores so absorvidas.
Quando a luz (composta pelas sete cores) incide
sobre o objeto, as suas propriedades fazem com
que das sete cores, seja apenas refletida o azul.
Todas as outras cores so absorvidas.

Considerando as cores como luz, a cor branca resulta da sobreposio de todas as cores,
enquanto o preto a ausncia de luz. Uma luz branca pode ser decomposta em todas as cores (o
espetro) por meio de um prisma, a este processo d-se o nome de sntese aditiva. Na natureza, esta
decomposio origina um arco-ris.
Depois da significativa descoberta de Newton, outros cientistas descobriram que a luz visvel faz
parte de um vasto conjunto de partculas que viajam velocidade da luz descrevendo um percurso
ondulatrio - ondas hertezianas O que distingue uma onda de luz vermelha de uma azul o mesmo
que separa as ondas rdio das de luz visvel, o comprimento de onda.
O nosso sistema ocular sensvel apenas a uma pequena banda em todo o espetro
eletromagntico. Mais precisamente o espetro de luz visvel composto pelas partculas de luz que
oscilam em ondas que medem entre 0,0004 milmetros e os 0,0007 milmetros. Ou mais usualmente,
a luz com um comprimento de onda entre os 400 e os 700 nanmetros.

Fig. 13 - Espetro Visvel

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 16 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Quando olhamos para um objecto, so reflectidos raios de luz desse objecto para a crnea, lugar
onde se inicia o milagre da viso. Os raios de luz so refractados e focados pela crnea, cristalino e
vtreo. A funo do cristalino fazer com que esses raios sejam focados de forma ntida sobre a
retina. A imagem da resultante apresenta-se invertida na retina. Ao atingi-la, os raios de luz so
convertidos em impulsos elctricos que, atravs do nervo ptico, so transmitidos para o crebro,
onde a imagem interpretada pelo crtex cerebral.

Figura. 14 - O sistema ocular e a perceo das cores
Pode estabelecer-se uma analogia entre um olho e uma cmara fotogrfica da seguinte forma:
uma mquina fotogrfica precisa de uma lente e de um filme para produzir uma imagem. De igual
modo, o globo ocular precisa de uma lente (crnea, cristalino e vtreo) para refractar, ou focar a luz
sobre o filme (retina). Se qualquer um 4/12 ou vrios destes componentes no estiverem a funcionar
correctamente, resulta uma imagem de m qualidade. (Teoria fsica sobre a luz, a cor e a viso)
Vejamos o seguinte exemplo:









1. A luz passa da fonte (do sol) para o objeto (ma), e, finalmente, para o detetor (o olho e
crebro).
Figura. 15 - A perceo das cores

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 17 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

2. Quando a luz do sol reflete sobre a ma, a sua superfcie absorve todos os raios de luz
colorida, exceto aqueles que correspondem ao vermelho, e esta a cor que refletida para o
olho humano.
3. O olho recebe a luz vermelha e transmite essa informao ao crebro.

Newton organizou as cores num crculo, conhecido, atualmente, como crculo cromtico. Este
representa o espetro visvel pelo olho humano, de forma circular e representa o princpio da
conjugao de cores, seus contrastes e harmonias.

Sintese aditiva e subtrativa

Um sistema de cor pode ser aditivo ou subtrativo.


Figura. 16 - O sistema Aditivo e o Sistema Subtrativo

Formado por cor luz, em que
as cores primrias juntas
formam todas as matizes do
espetro;
Vermelho, verde e azul so as
cores primrias aditivas;
Quantidades iguais de todas as
cores produzem o branco.

Formado atravs de pigmentos. A
cada pigmento que misturado,
mais luz absorvida, assim, a
mistura de todos os pigmentos
primrios resulta
na ausncia total de luz (preto);
Ao contrrio do sistema aditivo, o
sistema subtrativo funciona
retirando a cor da luz branca;
Quando todas as cores so
retiradas obtem-se apenas a cor
preto. Este sistema usa
pigmentos coloridos e tintas que
filtam a luz. As suas cores
primrias so o cyan, magenta e
amarelo.

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 18 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

As cores do crculo dividem-se em cores:

Primrias: o vermelho, verde e azul (combinaes aditivas de cores) e o cyan, o magenta e o
amarelo (combinaes subtrativas de cores) - so cores puras, que parecem ter luz prpria e que no
podemos obter atravs de misturas de outras. As restantes cores descendem das primrias.

Secundrias: o verde, o laranja e o violeta - so cores que se obtm atravs da mistura de duas
cores primrias.

Complementares: verdemagenta, amarelovioleta, azullaranja so aquelas que se encontram
diametralmente opostas no crculo cromtico. Quando so usadas juntas produzem um forte efeito
contrastante.

Anlogas: so cores vizinhas no crculo cromtico. So facilmente equilibradas na composio,
uma vez que suas matizes so prximas umas das outras

Neutras: o branco, o preto e os cinzentos. Misturando o branco com o preto, gradualmente,
obtemos uma vasta gama de cinzentos.

Quentes: o vermelho, o laranja e o amarelo so exemplos de cores que exprimem a sensao de
calor.

Frias: o azul e o verde so exemplos de cores que remetem a falta de calor.


INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 19 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

Sistemas de normalizao e reproduo da cor

Os sistemas de normalizao e reproduo da cor visam organizar informaes sobre a
percepo cromtica humana. Ao longo dos tempos, com a evoluo que houve a nvel
tecnolgico, com o aparecimento de televisores, monitores e projetores e impressoras a cores tornou-
se inevitvel a criao de sistemas de cores de forma a estabelecer um mtodo que permitisse
especificar as cores em termos de monitores de computadores e impressoras, explicando as
propriedades ou o comportamento das cores num contexto particular;
Neste sentido, as cores passaram a ser codificadas, ou seja cada cor passou a ter associado um
cdigo, atravs do qual representada. Desta forma, quando esse cdigo interpretado obtem-se
sempre a mesma cor.
Existem vrios sistemas de cores, que tm evoludo ao longo dos tempos. Os mais conhecidos
so:

Sistema RGB (Red Green Blue) - Modelo Aditivo

O sistema RGB um modelo aditivo, descrevendo as cores como uma
combinao de trs cores primrias: vermelho (Red), verde (Green) e
azul (Blue). Este o sistema mais importante de representao de cor no
contexto multimdia, correspondendo forma como a cor produzida e
mostrada nos monitores e como detetada pelos scanners.

Qualquer cor no sistema digital representada
por um conjunto de valores numricos. A
definio de cores feita entre o valor 0 e 255, em
que 0 corresponde ausncia de uma determinada
cor e o 255 utilizao mxima desta mesma cor.
Para representar cada cor, definimos a
quantidade de cada cor primria a utilizar. Cada cor
representada por trs valores R; G; e B.
Por exemplo, a cor Branco definida como
(255,255,255), a preta por (0,0,0), a vermelha por
(255,0,0), a verde por (0,255,0) e a azul por
(0,0,255).
Figura. 17 - Sistema RGB
Figura. 18 - Cdigo RGB

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 20 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

HSL (Hue Saturation Luminosity) - Modelo Aditivo

O sistema HSL produz a cor atravs da especificao de trs parmetros:

Hue/tonalidade a cor pura com saturao e luminosidades mximas, por exemplo, amarelo,
laranja, verde, azul, etc. A tonalidade permite distinguir as vrias cores puras e exprime-se num valor
angular entre 0 e 360 graus;

Saturation/Saturao indica a maior ou menor intensidade da tonalidade, isto , se a cor pura
ou esbatida. Exprime-se em percentagem com valores de 0 a 100%. O valor 0% corresponde
ausncia de cor ou aproximao aos cinzentos e o valor 100% indica uma cor saturada ou pura.

Brightness/nvel de luminosidade (do preto ao branco) corresponde luminosidade ou brilho
de uma cor, isto , se uma cor mais clara ou escura, indicando a quantidade de luz que a mesma
contm. medida em percentagem com valores entre 0 e 100%. O valor 0% indica que a cor muito
escura ou preta e o valor 100% indica que saturada ou pura.

Sistema CMYK (Cian Magenta Yellow Black) - Modelo subtrativo

O sistema CMYK formado pelas cores Ciano (Cyan),
Magenta (Magenta), Amarelo (Yellow) e Preto (black) e a
essas cores que deve o seu nome, sendo a abreviatura deste
sistema de cores. A letra K no final significa Key pois o preto que
obtido com as trs primeiras cores, CMY, no reproduz
fielmente tons mais escuros, sendo necessrio a aplicao de
preto "puro.
Este modelo utilizado na impresso em papel, usando a
cores do modelo CMY e a tinta Preta, realando melhor os tons
de preto e cinzento. Utiliza-se em impressoras, fotocopiadoras,
pintura e fotografia, onde ospigmentos de cor das superfcies dos objectos absorvem certas cores e
reflectem outras. Ao processo de impresso que emprega o sistema CMYK para reproduzir uma
gama variada de cores a partir de quatro cores bsicas d-se o nome de Quadricromia.
Figura. 19 - Sistema CMYK

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 21 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS

As cores neste sistema so definidas com base em quatro nmeros, que variam entre 0 e 1, e
correspondem precisamente ao Ciano, Magenta, Amarelo e Preto, e podem ter at 3 casas decimais.

Pantone - Modelo subtrativo

O Pantone um sistema de cores que foi criado
pela empresa Americana Pantone. Esta empresa
criou cores padronizadas e desenvolveu um
guia/catlogo onde as pessoas escolhem as cores
desejadas e utilizam os respetivos nmeros para
especificar a cor. Estas cores padronizadas esto
integradas em aplicaes de ilustrao e paginao e
so muito utilizadas na indstria grfica. Existem
vrios tipos de Pantone: Pantone Coated, Uncoated,
metalic, etc. A vantagem de usar o sistema Pantone
a de garantir uma impresso 95%-100% da cor estabilizada.
Note-se que, sendo um sistema de cores proprietrio, o Pantone pode apenas ser utilizado
mediante a aquisio de uma licena. Ao contrrio de outros sistemas que, que so livres. Por este
motivo, este sistema no suportado por softwares gratuitos como
o Inkscape ou o Gimp.
Imprimir com tons Pantone mais caro do que com o sistema
CMYK.
As cores Pantone encontram-se codificadas numa tabela, que
podemos encontrar, por exemplo em: www.cenlyt.com/media-
services/_pantone_color_table.htm













Figura. 20 - Guia de cores da Pantone
Figura. 21 - Tabela Pantone com os
cdigos das cores

INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 22 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS


Bibliografia

Bigman, A. (26 de Fevereiro de 2013). PPI vs. DPI: whats the difference? Obtido em 19 de Junho
de 2014, de 99 Designs: http://99designs.com/designer-blog/2013/02/26/ppi-vs-dpi-whats-the-
difference/
Damsio, M. J. (s.d.). Imagem digital . Obtido em 18 de Junho de 2014, de Fundao Coa Parque:
http://www.artecoa.pt/index.php?Language=pt&Page=Saberes&SubPage=ComunicacaoELinguagemI
magem&Menu2=ImagemVirtual&Filtro=31&Slide=31
Explaining Digital Image Resolution, Effective Resolution and How They Affect the Appearance and
Quality of Digital Images . (s.d.). Obtido em 19 de Junho de 2014, de BestPrintingOnline.com, LLC:
http://www.bestprintingonline.com/resolution.htm
How the Eye Sees Color. (s.d.). Obtido em 21 de Junho de 2014, de Stephen Renk - Student
Support Page: http://scr.csc.noctrl.edu/multimedia/ColorTheory.htm
Newton's Theory of Light. (s.d.). Obtido em 20 de Junho de 2014, de Star Garden:
http://www.thestargarden.co.uk/NewtonAndLight.html
Processamento de imagem a cores. (s.d.). Obtido em 21 de Junho de 2014, de Grupo de
Engenharia de Computadores : http://gec.di.uminho.pt/lesi/vpc0203/Aula04Cor.pdf
Speider.Schneider. (12 de Dezembro de 2013). A Crash Course in Color Theory for Non-Creatives.
Obtido em 19 de Junho de 2014, de Web Hosting Geeks: http://webhostinggeeks.com/blog/color-
theory/
Teoria das Cores. (Dezembro de 2010). Obtido em 20 de Junho de 2014, de Wikipdia, a
enciclopdia livre: http://pt.wikipedia.org/wiki/Teoria_das_cores
Teoria fsica sobre a luz, a cor e a viso. (s.d.). Obtido em 18 de Junho de 2014, de Nautilus:
http://nautilus.fis.uc.pt/cec/lar/sara/doc/teoria.pdf
Vector graphics. (Janeiro de 2014). Obtido em 19 de Junho de 2014, de Wikipedia, the free
encyclopedia: http://en.wikipedia.org/wiki/Vector_graphics
Vetor ou Bitmap, quando utilizar? (23 de Maro de 2013). Obtido em 20 de Junho de 2014, de
RPDesignerFly: http://www.rpdesigner.com.br/artigos/desktop-publishing/vetor-ou-bitmap-quando-
utilizar/



INSTITUTO DO EMPREGO E FORMAO PROFISSIONAL, IP
CENTRO DE EMPREGO E FORMAO PROFISSIONAL DE ENTRE DOURO E VOUGA
* SADA PROFISSIONAL: Multimdia * AO N.: 76
* FORMADOR: Cllia Almeida Valente * DATA INICIO: 01-07-2014 * DATA FIM: 21-07-2014

* UFCD: 0138 * DESIGNAO: Caracterizao de vrios tipos e formatos de imagens * PG: 23 /23

AO FINANCIADA PELO FUNDO SOCIAL EUROPEU E ESTADO PORTUGUS