Fotografia Digital. Aula 1

Fotografia Digital Aula 1

FOTOGRAFIA DIGITAL Tema da aula: A Fotografia 2

A FOTOGRAFIA A palavra Fotografia vem do grego φως [fós] ("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 são sensíveis. Quando a luz é refletida por um objeto, se propaga em todas as direções. E como cada ponto iluminado do objeto reflete assim os raios de luz, temos então uma projeção da sua imagem, só que de forma invertida e de cabeça para baixo. 5

A FOTOGRAFIA DIGITAL 6

FOTOGRAFIA DIGITAL Designa-se por fotografia digital a fotografia tirada com uma câmera 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 informações de cada ponto da imagem. Ao ampliar uma imagem, não há como ampliar o número 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 inglês, sendo composto pelas palavras picture (imagem) e element (elemento). O pixel é a menor parte de uma imagem bitmap e ele pode ser visualizado graças à informação de cor que guarda. Pixel 10

Tamanho e resolução 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 dimensões diferentes: Imagem 1699x1699 Tamanho do arquivo: 232KB Imagem 400x400 Tamanho do arquivo: 6,5 KB 12

Tamanho e resolução da imagem A resolução é a quantidade de pixels que podem estar presentes numa polegada quadrada da imagem. Uma imagem com resolução de 300 ppi possui uma qualidade superior se comparada com a mesma imagem que possui 72 ppi. PPI é a medida de resolução 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 resolução da imagem Imagem com 4x4 polegadas Resolução 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 resolução da imagem Quanto maior o PPI da imagem maior a possibilidade de redimensionamento da imagem. No entanto, para exibição em monitores recomenda-se a utilização de 72 PPI e para impressão 300 PPI. 15

IMAGEM VETORIAL Numa imagem vetorial, o computador armazena somente as informações matemáticas 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 Nós estamos habituados a trabalhar com a numeração decimal: 0, 1, 2, 3, 4, 5, 6, 7, 8 e 9. O computador trabalha com a numeração binária: 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 botão pressionado para ampliar. Você verá os bits sendo representados por apenas uma cor cada. Ou seja, as cores são 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. Faça a conta: 28 = 256 2 representa a numeração binária 8 representa o número de bits num byte Então vamos ver agora uma imagem com 8 bits em cada pixel. Isto quer dizer que teremos 256 tons diferentes de cores, apenas tons com variações 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 botão do mouse até surgir os pontos. Note que a imagem é composta de variações do cinza ao preto. 23

ATIVIDADES PRÁTICAS

ATIVIDADES PRÁTICAS 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, disponível no DVD. Abra o arquivo Oriental. 4 Clique na Ferramenta Zoom na Caixa de Ferramentas. Clique em qualquer ponto da imagem e segure o botão do mouse. Solte o botão no momento que surgirem os pontos da imagem. 5 Pressione CTRL + 0 para voltar ao Zoom padrão. 25

ATIVIDADES PRÁTICAS Ampliando uma imagem Vetorial 1 Abra o CorelDRAW. 2 Menu Arquivo > Abrir. 3 Abra a pasta Fotografia Digital\Arquivos para aula, disponível no DVD. Abra o arquivo Banner Impresso. 4 Clique na Ferramenta Zoom na Caixa de Ferramentas. Clique em qualquer ponto da imagem várias vezes, até que a imagem fique bem próxima. Verifique se há pontos na imagem. 5 Pressione SHIFT + F4 para voltar ao Zoom padrão. 26

ATIVIDADES PRÁTICAS Observando 256 tons de cinza no Paint 1 Abra o editor de imagens Paint do Windows. 2 Clique no botão 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. Após estas considerações feche o Paint. 27

ATIVIDADES PRÁTICAS 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 opção Modo de cores e selecione Bitmap. 8 Pressione OK. 9 Pressione CTRL + V para colar a imagem. 10 Pressione CTRL + D para cancelar a seleção da imagem. 11 Aumente bem o Zoom. Veja 1 bit para branco e 0 bit para preto. 28

ATIVIDADES PRÁTICAS 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 opção 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 Prática 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 informações 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 > Informações. 35

O Painel Informações é 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 informações exibe as variações da cor numa escala de 0 a 255. Locais mais claros ficam próximos de 255 e locais mais escuros ficam próximos de 0. 38

O SISTEMA DE CORES RGB 39

O SISTEMA DE CORES RGB Como são formadas as imagens coloridas? Nas telas de TVs, Celulares, Datashows e Monitores as cores são formadas por três cores primárias, que unidas formam todas as outras cores. São elas: Red(Vermelho), Green(Verde) e Blue(Azul). Nos monitores nada mais são que luzes. Estas cores são chamadas de canais de cores nos programas de edição 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 ausência de todas as cores. 42

O SISTEMA DE CORES RGB Quantas cores é possível exibir na tela? Temos três canais de cores, certo? Vermelho, Verde e Azul. Cada canal de cor varia de 0 a 255. Então 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 opção Canais. 46

Como dito imagens coloridas são representadas por três canais de cores. Red(Vermelho), Green(Verde) e Blue(Azul). O primeiro canal, RGB é o canal composto pelas três 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 inglês=chave, pois é a base). É um sistema subtrativo, ou seja, se você misturar todas as cores citadas, de maneira física, você obtém a cor preta. Funciona como as tintas. Todos que já brincaram de misturar guache sabem que quanto mais você misturar as cores, mais elas vão ficar escuras, próximas 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 contrário, é um sistema de cores aditivas, ou seja, se você misturar todas as cores citadas, você obtém branco. Ele está adicionando luz (deixando mais próximo 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: impressão fotográfica). 53

RGB E CMYK NA PRÁTICA 54

RGB E CMYK NA PRÁTICA Basicamente você deve usar RGB quando seu arquivo for vinculado às mídias digitais, como a internet e CMYK quando seu arquivo for utilizado para impressão. 55

ATIVIDADES PRÁTICAS

ATIVIDADES PRÁTICAS Os canais de cores RGB no Paint 1 Abra o editor de imagens do Windows, o Paint. 2 Clique no botão Editar Cores no topo do programa. 3 Veja os três 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 práticas Os canais de cores RGB no Photoshop 1 Abra o arquivo oriental no Photoshop. 2 Clique no menu Janela > Canais. 3 Os três canais e o canal composto RGB é exibido na Paleta Canais. 58

ATIVIDADES PRÁTICAS Exibindo informações 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 > Informações. 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 PRÁTICAS Criando imagem RGB no Photoshop 1 - Abra o Adobe Photoshop. 2 - Menu Arquivo > Novo. Configurações do documento: a) Nome: Imagem RGB b) Largura: 800 c) Altura: 600 d) Resolução: 72 pixels por polegada e) Modo de cores: RGB f) Conteúdo 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 são exibidos. 60

ATIVIDADES PRÁTICAS Criando imagem CMYK no Photoshop 4 - Crie um novo documento. Menu Arquivo > Novo Configurações do documento: a) Nome: Imagem CMYK b) Largura: 800 c) Altura: 600 d) Resolução: 300 pixels por polegada e) Modo de cores: CMYK f) Conteúdo do plano de fundo: Branco g) Veja o tamanho do arquivo que será gerado Os canais de cor Ciano, Magenta, Amarelo e Preto são exibidos. 5 - Feche as duas imagens criadas. Não precisa salvar nada. Pergunte se há diferenças entre as imagens sendo exibidas no monitor. 61

ATIVIDADES PRÁTICAS Criando imagem RGB no CorelDRAW 1 - Clique no Iniciar do Windows e digite Corel. Pressione Enter para abrir o programa. 2 - Clique na opção Novo documento em branco 3 - Nome: Imagem RGB 4 - Unidade de medida: pixels. 5 - Largura: 800 6 - Altura: 600 7 - Modo de cores primárias: RGB 8 - Resolução: 72 dpi 62

ATIVIDADES PRÁTICAS Criando imagem CMYK no CorelDRAW 1 - Acesse o Menu Arquivo > Novo 2 - Nome: Imagem CMYK 3 - Unidade de medida: milímetros 4 - Tamanho: A4 5 - Modo de cores primárias: CMYK 6 - Resolução: 300 dpi 7 - Feche o CorelDRAW e não salve nada. Conclusão: criamos uma imagem para exibição no monitor (RGB) e outra imagem para exibição no papel (CMYK) 63

REFERÊNCIA Kodak SlideShare 64