Fotografia Digital

Aula 1
FOTOGRAFIA DIGITAL

Tema da aula: A Fotografia

2
A FOTOGRAFIA

A palavra Fotografia vem do grego [fs] ("luz"), e

[grafis] ("estilo", "pincel") ou graf, e
significa escrever com a luz".

3
A FOTOGRAFIA
A luz , portanto, o elemento mais importante da
fotografia.

4
A luz

A luz uma forma de energia radiante, qual nossos

olhos so sensveis. Quando a luz refletida por um
objeto, se propaga em todas as direes.
E como cada ponto iluminado do objeto reflete assim os
raios de luz, temos ento uma projeo da sua
imagem, s que de forma invertida e de cabea para
baixo.

5
A FOTOGRAFIA DIGITAL

6
FOTOGRAFIA DIGITAL
Designa-se por fotografia digital a fotografia tirada com
uma cmera digital ou determinados modelos de
telefone celular, resultando num arquivo de computador
que pode ser editado, impresso, enviado por e-mail ou
armazenado em websites ou em dispositivos de
armazenamento digital.

7
IMAGEM BITMAP E IMAGEM VETORIAL

8
IMAGEM BITMAP
Uma imagem Bitmap (ponto a ponto, escaneado) criado por
pontos. O computador armazena as informaes de cada ponto
da imagem. Ao ampliar uma imagem, no h como ampliar o
nmero de pontos. Consequentemente, h uma perda na
qualidade. Programas que geram arquivos Bitmap: Paint, Adobe
Photoshop, Corel PhotoPaint, Photoscape, Paint Shop, etc.

Bitmap
Mapa de Bits

9
IMAGEM BITMAP
Portanto, uma imagem Bitmap formada por pequenos pontos na
imagem, o pixel. O termo pixel tem origem do ingls, sendo
composto pelas palavras picture (imagem) e element (elemento).
O pixel a menor parte de uma imagem bitmap e ele pode ser
visualizado graas informao de cor que guarda.

Pixel

10
Tamanho e resoluo da imagem

11
IMAGEM BITMAP
A largura e altura de uma imagem Bitmap medida em pixels.
Por exemplo: uma imagem com 800x600 menor do que uma
imagem com 1024x768.

Clique nos links abaixo e compare uma imagem com dimenses

diferentes:

Imagem 1699x1699
Tamanho do arquivo: 232KB
Imagem 400x400
Tamanho do arquivo: 6,5 KB

12
 Tamanho e resoluo da imagem

A resoluo a quantidade de pixels que podem estar

presentes numa polegada quadrada da imagem.
Uma imagem com resoluo de 300 ppi possui uma
qualidade superior se comparada com a mesma imagem
que possui 72 ppi.
PPI a medida de resoluo da imagem na tela do
computador (Pixel per Inch ou Pixel por polegada).

E nosso exemplo uma polegada igual medida de 2,54 na horizontal e na vertical

13
 Tamanho e resoluo da imagem
Imagem com 4x4 polegadas

Resoluo
49 pixels por polegada
na horizontal e vertical

E nosso exemplo uma polegada igual medida de 2,54 na horizontal e na vertical

14
Tamanho e resoluo da imagem

Quanto maior o PPI da imagem maior a possibilidade de

redimensionamento da imagem.
No entanto, para exibio em monitores recomenda-se a
utilizao de 72 PPI e para impresso 300 PPI.

15
IMAGEM VETORIAL
Numa imagem vetorial, o computador armazena somente as
informaes matemticas dos objetos. Ao desenharmos uma
reta, por exemplo, o computador armazena as coordenadas (X,
Y) de seu ponto inicial e final.
Programas de imagem vetorial: CorelDRAW, Adobe Flash, Free
Hand, AutoCad e todos os programas CAD.
TecnoWorld
Cyber Caf

* Lan House
* Lanchonete
* Locadora

16
A profundidade da cor na imagem digital
Parte 1

17
A profundidade da cor na imagem digital

Ns estamos habituados a trabalhar com a numerao

decimal: 0, 1, 2, 3, 4, 5, 6, 7, 8 e 9.
O computador trabalha com a numerao binria: 0 e 1.
Chamamos 0 e 1 de bit.
Na tela do computador a cor branca representada
pelo bit 1 e a cor preta representada pelo bit 0.

18
Na pasta Fotografia Digital\Arquivos para aula no DVD abrimos o
arquivo Imagem 1 bit no Photoshop. 19
 Pontos brancos = bit 1

Pontos pretos = bit 0

Com a Ferramenta Zoom clicamos na imagem e mantemos o boto

pressionado para ampliar. Voc ver os bits sendo representados por
apenas uma cor cada. Ou seja, as cores so representadas
numericamente. 20
A profundidade da cor na imagem digital
Isto quer dizer que precisamos de mais bits para representar
outras cores. Como assim?
Usamos 0 para representar preto e 1 para representar branco.
Um byte tem oito bits.
Faa a conta: 28 = 256
2 representa a numerao binria
8 representa o nmero de bits num byte
Ento vamos ver agora uma imagem com 8 bits em cada pixel.
Isto quer dizer que teremos 256 tons diferentes de cores,
apenas tons com variaes de cinza.

21
Na pasta Fotografia Digital\Arquivos para aula no DVD abrimos o
arquivo Tons de cinza no Photoshop. 22
Com a Ferramenta Zoom clicamos num ponto da imagem,
seguramos o boto do mouse at surgir os pontos. Note que a
imagem composta de variaes do cinza ao preto. 23
ATIVIDADES PRTICAS
ATIVIDADES PRTICAS
Observando os pontos da imagem de perto
1 Abra o Adobe Photoshop.
2 Menu Arquivo > Abrir.
3 Abra a pasta Fotografia Digital\Arquivos para aula,
disponvel no DVD. Abra o arquivo Oriental.
4 Clique na Ferramenta Zoom na Caixa de Ferramentas.
Clique em qualquer ponto da imagem e segure o boto do
mouse. Solte o boto no momento que surgirem os pontos da
imagem.
5 Pressione CTRL + 0 para voltar ao Zoom padro.

25
ATIVIDADES PRTICAS
Ampliando uma imagem Vetorial
1 Abra o CorelDRAW.
2 Menu Arquivo > Abrir.
3 Abra a pasta Fotografia Digital\Arquivos para aula,
disponvel no DVD. Abra o arquivo Banner Impresso.
4 Clique na Ferramenta Zoom na Caixa de Ferramentas.
Clique em qualquer ponto da imagem vrias vezes, at que a
imagem fique bem prxima. Verifique se h pontos na imagem.
5 Pressione SHIFT + F4 para voltar ao Zoom padro.

26
ATIVIDADES PRTICAS
Observando 256 tons de cinza no Paint
1 Abra o editor de imagens Paint do Windows.
2 Clique no boto Editar Cores no topo do programa.
3 Arraste o controle da direita da janela para cima e para
baixo. Voc ver que os tons de cinza variam de 0 at 255.
Aps estas consideraes feche o Paint.

27
ATIVIDADES PRTICAS
Transformando fotos em imagens 1 bit
1 Abra o Adobe Photoshop.
2 Menu Arquivo > Abrir.
3 Na pasta Fotografia Digital\Arquivos para Aula abra o arquivo
Oriental.
4 Pressione CTRL + A para selecionar a imagem inteira.
5 Pressione CTRL + C para copiar a imagem selecionada.
6 Clique no Menu Arquivo > Novo.
7 Procure pela opo Modo de cores e selecione Bitmap.
8 Pressione OK.
9 Pressione CTRL + V para colar a imagem.
10 Pressione CTRL + D para cancelar a seleo da imagem.
11 Aumente bem o Zoom. Veja 1 bit para branco e 0 bit para preto.

28
ATIVIDADES PRTICAS
Descobrindo o tamanho da imagem no Photoshop
1 Abra o Adobe Photoshop.
2 Menu Arquivo > Abrir.
3 Na pasta Fotografia Digital\Arquivos para Aula abra o arquivo
Oriental.
4 Pressione CTRL + A para selecionar a imagem inteira.
5 Pressione CTRL + C para copiar a imagem selecionada.
6 Clique no Menu Arquivo > Novo.
7 Procure pela opo Modo de cores e selecione Bitmap.
8 Pressione OK.
9 Pressione CTRL + V para colar a imagem e aumente bem o Zoom.
Veja 1 bit para branco e 0 bit para preto.

29
 Fotografia Digital

Aula 2
FOTOGRAFIA DIGITAL
Tema da aula:
A Profundidade da Cor na Imagem
Sistema de Cores RGB
Os canais de Cores RGB
Sistema de Cores CMYK
RGB versus CMYK
RGB e CMYK na Prtica

31
A profundidade da cor na imagem digital
parte 2

32
A profundidade da cor na imagem digital

Entre as atividades da aula 1 descobrimos que 28 igual a 256

tonalidades diferentes do preto e branco. Usamos o editor de
imagens do Windows, o Paint para comprovar isso.
Como descobrir estas informaes de cor no Photoshop?

33
Na pasta Fotografia Digital\Arquivos para aula no DVD abrimos o
arquivo Tons de cinza no Photoshop. 34
No Menu Janela > Informaes. 35
O Painel Informaes exibido do lado direito da janela do
programa. 36
Clicamos na Ferramenta Conta-gotas. 37
Ao passar o conta contas na imagem sem clicar o painel informaes
exibe as variaes da cor numa escala de 0 a 255. Locais mais
claros ficam prximos de 255 e locais mais escuros ficam prximos
de 0. 38
O SISTEMA DE CORES RGB

39
O SISTEMA DE CORES RGB

Como so formadas as imagens coloridas?

Nas telas de TVs, Celulares, Datashows e Monitores as cores
so formadas por trs cores primrias, que unidas formam todas
as outras cores. So elas: Red(Vermelho), Green(Verde) e
Blue(Azul). Nos monitores nada mais so que luzes. Estas cores
so chamadas de canais de cores nos programas de edio de
imagens e cada uma delas varia numericamente 0 a 255.
Este o sistema de cores chamado RGB.

40
As cores na tela do monitor

41
O SISTEMA DE CORES RGB

Isto permite-nos dizer que:

O branco no sistema RGB formado por 255 de vermelho, 255
de verde e 255 de azul.
O preto no sistema RGB formado por 0 de vermelho, 0 de
verde e 0 de azul, ou seja, com a ausncia de todas as cores.

42
O SISTEMA DE CORES RGB

Quantas cores possvel exibir na tela?

Temos trs canais de cores, certo? Vermelho, Verde e Azul.
Cada canal de cor varia de 0 a 255.
Ento fica assim: 2553 = 16.581.375 de cores.

43
Os canais de cores rgb

44
Abrimos o arquivo oriental.jpg no Photoshop. 45
No Menu Janela acessamos a opo Canais. 46
Como dito imagens coloridas so representadas por trs canais de
cores. Red(Vermelho), Green(Verde) e Blue(Azul). O primeiro canal,
RGB o canal composto pelas trs cores. 47
O sistema de cores cmyk

48
Sistema de cores cmyk
CMYK a abreviatura do sistema de cores formado por
Ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) e
Preto ("K"ey- do ingls=chave, pois a base).
um sistema subtrativo, ou seja, se voc misturar todas
as cores citadas, de maneira fsica, voc obtm a cor
preta. Funciona como as tintas. Todos que j brincaram
de misturar guache sabem que quanto mais voc
misturar as cores, mais elas vo ficar escuras, prximas
do preto. E, com o sistema CMYK funciona da mesma
maneira.
49
Sistema de cores cmyk

O CMYK subtrativo pois voc est subtraindo luz

(deixando preto). O sistema RGB (Red, Green, Blue, ou
Vermelho, Verde e Azul) ao contrrio, um sistema de
cores aditivas, ou seja, se voc misturar todas as cores
citadas, voc obtm branco. Ele est adicionando luz
(deixando mais prximo do branco), por isso aditivo.

50
Rgb versus cmyk

51
RGB VERSUS CMYK

52
RGB VERSUS CMYK

O sistema RGB funciona somente para objetos que

emitem luz (ex: monitores) enquanto CMYK um
sistema que trabalha com tintas (ex: impresso
fotogrfica).

53
RGB E CMYK NA PRTICA

54
RGB E CMYK NA PRTICA

Basicamente voc deve usar RGB quando seu arquivo

for vinculado s mdias digitais, como a internet e CMYK
quando seu arquivo for utilizado para impresso.

55
ATIVIDADES PRTICAS
ATIVIDADES PRTICAS
Os canais de cores RGB no Paint
1 Abra o editor de imagens do Windows, o Paint.
2 Clique no boto Editar Cores no topo do programa.
3 Veja os trs canais de cores no programa representados
pelo Vermelho, Verde e Azul.
4 Escolha uma cor clicando e arrastando na cortina de cores.

Cortina de cores

5 Arraste o controle deslizante direita e crie uma cor. Veja

que as cores variam de 0 a 255
57
ATIVIDADES prticas

Os canais de cores RGB no Photoshop

1 Abra o arquivo oriental no Photoshop.
2 Clique no menu Janela > Canais.
3 Os trs canais e o canal composto RGB exibido na Paleta
Canais.

58
ATIVIDADES PRTICAS
Exibindo informaes de cores na imagem
1 Abra o Adobe Photoshop.
2 Menu Arquivo > Abrir.
3 Abra o arquivo Tons de cinza no DVD na pasta Fotografia
Digital\Arquivos para aula.
4 Menu Janela > Informaes.
5 Na Caixa de Ferramentas clique na Ferramenta Conta-gotas
6 Passe o conta-gotas na imagem, sem clicar e veja que rea
mais claras variam at 255 e reas mais escuras variam at 0.

59
ATIVIDADES PRTICAS
Criando imagem RGB no Photoshop
1 - Abra o Adobe Photoshop.
2 - Menu Arquivo > Novo.
Configuraes do documento:
a) Nome: Imagem RGB
b) Largura: 800
c) Altura: 600
d) Resoluo: 72 pixels por polegada
e) Modo de cores: RGB
f) Contedo do plano de fundo: Branco
g) Veja o tamanho do arquivo que ser gerado
3 - Acesse o menu Janela > Canais. Os canais de cor Red, Green e Blue
so exibidos.

60
ATIVIDADES PRTICAS
Criando imagem CMYK no Photoshop
4 - Crie um novo documento. Menu Arquivo > Novo
Configuraes do documento:
a) Nome: Imagem CMYK
b) Largura: 800
c) Altura: 600
d) Resoluo: 300 pixels por polegada
e) Modo de cores: CMYK
f) Contedo do plano de fundo: Branco
g) Veja o tamanho do arquivo que ser gerado
Os canais de cor Ciano, Magenta, Amarelo e Preto so exibidos.
5 - Feche as duas imagens criadas. No precisa salvar nada. Pergunte se
h diferenas entre as imagens sendo exibidas no monitor.

61
ATIVIDADES PRTICAS
Criando imagem RGB no CorelDRAW
1 - Clique no Iniciar do Windows e digite Corel.
Pressione Enter para abrir o programa.
2 - Clique na opo Novo documento em branco
3 - Nome: Imagem RGB
4 - Unidade de medida: pixels.
5 - Largura: 800
6 - Altura: 600
7 - Modo de cores primrias: RGB
8 - Resoluo: 72 dpi
62
ATIVIDADES PRTICAS
Criando imagem CMYK no CorelDRAW
1 - Acesse o Menu Arquivo > Novo
2 - Nome: Imagem CMYK
3 - Unidade de medida: milmetros
4 - Tamanho: A4
5 - Modo de cores primrias: CMYK
6 - Resoluo: 300 dpi
7 - Feche o CorelDRAW e no salve nada.
Concluso: criamos uma imagem para exibio no monitor
(RGB) e outra imagem para exibio no papel (CMYK)
63
REFERNCIA

Kodak
SlideShare

64