24/10/2017

1

Prof. Reginaldo Brito

Um pouco de história antes...

A FOTOGRAFIA

1826, França - placa de estanho coberta com

um produto à base de petróleo. Exigiu 8h de

exposição á luz para ficar pronta (heliografia).

Joseph-Nicéphore Niepce *

França, (1765 -1833)

1861 na Escócia - Tartan Ribbon – fita

escocesa.

James Clerk Maxwell (1831 – 1879) –

Escócia (Reino Unido) – físico, filósofo e

matemático.

1888 – “Você aperta o botão e nós fazemos

o resto”. Primeira câmera portátil.

George Eastman (1854 - 1932) – EUA,

empresário, inventor do filme fotográfico. *

1900 a Kodak lança a Brownle, a primeira

câmara de bolso.

George Eastman (1854 - 1932) – EUA,

empresário, inventor do filme fotográfico.

24/10/2017

2

Zoopraxicope, criado em 1879 criado pelo

pioneiro da fotografia

Eadweard Muybridge - (1830 – 1904)

inglês.

Eadweard Muybridge - (1830 – 1904)

inglês.

Sharp J-SH04, de 2000,

o primeiro celular com câmera.

24/10/2017

3

Uma imagem digital é a representação de uma

imagem bidimensional usando números binários

codificados de modo a permitir seu armaze-

namento, transferência, impressão ou

reprodução, e seu processamento por meios

eletrônicos.

IMAGEM DIGITAL1957 - A primeira imagem

digital, que abriu caminho para

as imagens de satélites,

scanners, código de barras, está

completando 59 anos.

A imagem granulada de um

bebê, de apenas 5 cm X 5 cm,

foi feita por Russell Kirsch, no

National Bureau of Standards

(NBS, agora conhecido por

National Institute of Standards

and Technology, ou NIST), nos

EUA.

1975 / 1976 – 1ª câmera

fotográfica digital – Kodak.

Resolução de 0, 01 MP.

Levou 23 seg. para ser

gravada em uma fita cassete

e outros 23 seg. para ser

exibida em uma TV .

1981, a Sony lança a “primeira” câmera

digital, a Mavica, que capturava ima-

gens de 0,3 MP e custava em torno de

US$ 12 mil. Armazenava 50 fotos nos

Mavipaks, que eram “disquetes” de 2”.

Logo depois saiu um modelo que

aceitava disquetes de 3 ½”.

A imagem digital é formada por

centenas, milhares e até milhões de

elementos de imagem ou simplesmente

PIXELs.

SÃO DUAS “ESPÉCIES” COM

DIVERSOS TIPOS CADA UMA

24/10/2017

4

IMAGEM BITMAP quer dizer que a imagem

está organizada em uma série de linhas e

colunas formadas por pixels.

PIXEL

Picture Element = Pixel

Pixel é um elemento em um dispositivo de

exibição, onde é possível atribuir-se uma

cor , .Um

pixel é a que forma uma

imagem digital.

percebida pelo olho humano

menor unidade

(PIX é a abreviatura de PICTURE em inglês)

PIXEL

Cada pixel colorido é um “ponto” formado

a partir da combinação de 3 cores:

vermelho, verde e azul (RGB).

Os monitores utilizam três cores

básicas (vermelho, verde e azul ) para

criar imagens coloridas na tela. Este

processo chamado de RGB é

classificado como aditivo, pois obtemos

a cor branca ao “misturarmos” as três.

Quando as cores se sobrepõem, surge o

ciano, o magenta e o amarelo que são

as cores secundárias da cor-luz.

Imagens RGB usam três cores para

reproduzir na tela até 16.777.216 cores.

MODELO DE COR RGB - ADITIVO

(Red, Green e Blue )

As impressoras a cores utilizam um

processo classificado como subtrativo.

Utilizam as três cores primárias

pigmento, são elas: ciano, magenta e

amarelo. Quando misturamos estas

cores aos pares, obtemos o vermelho o

verde e o azul. Quando estas três cores

são sobrepostas, teremos como

resultado a cor preta.

A maioria das impressoras a cores

possui em separado um cartucho de

tinta preta (true black ).

MODELO CMYK - SUBTRATIVO

(Cian, Magenta, Yellow e black )

24/10/2017

5

FORMATOS MAIS

UTILIZADOS:

MASCAVO DEMERARA CRISTAL REFINADO

MARINHO GROSSO SAL ROSA REFINADO

AÇ

UC

AR

SA

L

1. GIF

2. JPG

3. PNG (“substituto” do GIF)

4. TIFF

5. JPEG XR (novo formato)

FORMATOS MAIS

UTILIZADOS:

4 CARACTERÍSTICAS:

1. UTILIZA APENAS 256 CORES.

GIF Graphics Interchange Format

(Formato de Intercâmbio de Gráficos)

3. PERMITE GERAR “GIF ANIMADO”.

4. NÃO TEM PERDA APÓS SALVAMENTO.

2. PERMITE DEFINIR COR PARA TRANSPARÊNCIA.

EXEMPLOS DE GIF ANIMADO:

GIF Graphics Interchange Format

(Formato de Intercâmbio de Gráficos)

EXEMPLO DE TRANSPARÊNCIA:

GIF Graphics Interchange Format

(Formato de Intercâmbio de Gráficos)

COM TRANSPARÊNCIA

SEM TRANSPARÊNCIA

5 CARACTERÍSTICAS:

1. UTILIZA mais de 16 milhões DE CORES.

2. PERMITE DIVERSOS NÍVEIS DE COMPRESSÃO.

3. IDEAL PARA FOTOS AMADORAS.

4. NÃO GERA “JPG ANIMADO”.

5. A cada edição e salvamento há perda.

JPG Joint Photographic Experts

Group (Grupos Reunidos de Especialistas

em Imagens )

24/10/2017

6

EXEMPLO DE COMPRESSÃO :

JPG Joint Photographic Experts

Group (Grupos Reunidos de Especialistas

em Imagens )

QUALAIDADE 100%

QUALAIDADE 75%

QUALAIDADE 35%

4 CARACTERÍSTICAS:

PNG(Portable Network Graphics)

1. UTILIZA mais de 16 milhões DE CORES

2. COMPRIME MELHOR QUE JPG

3. PERMITE TRANSPARÊNCIA

4. NÃO TEM PERDA A CADA SALVAMENTO

EXEMPLOS:

PNG

FUNDO TRANSPARENTE

FUNDO BRANCO

TRANSPARÊNCIA

4 CARACTERÍSTICAS:

TIFF(Tagged Image File Format)

1. Mantém a qualidade sem perdas na

compressão.

2. Elevada definição de cores

3. Gera arquivos maiores que o JPG.

4. Melhor opção para fotos com alta qualidade

(superior ao JPG).

JPEG XR(Joint Photographic Experts Group Extended Range)

O JPEG XR, antes conhecido como HD Photo ou

Windows Media Photo, é um formato para

imagens criado pela Microsoft, com a intenção

de ser o substituto do atual JPEG/JPG.

Fonte: http://www.jb.com.br/ciencia-e-tecnologia/noticias/2007/08/

03/microsoft-propoe-substituir-formato-de-imagem-jpg/

24/10/2017

7

É um tipo de imagem gerada a partir de descrições

de formas geométricas, que são geradas a partir de

ligação de pontos minúsculos diferenciados por

suas cores.

DEFINIÇÃO:

Imagens vetoriais não são construídos por pixels

(embora sejam exibidos na tela do computador como

pixels). Eles são, na verdade, formadas através de

expressões matemáticas e as instruções inseridas

produzem linhas, curvas e formas preenchidas.

Uma imagem vetorial normalmente é composta

por curvas, elipses, polígonos, linhas, etc. Isto é,

utiliza vetores matemáticos para sua descrição.

DEFINIÇÃO:

Os vetores (imagens vetoriais) são objetos

definidos, também, por seus atributos. Assim, de

modo simplificado, o objeto abaixo (imagem

vetorial) poderia ser definido da seguinte

maneira:

DEFINIÇÃO:

- Tipo de Curva = Circunferência

- Raio = 1 cm

- Preenchimento = amarelo

- Contorno = azul

Cada vez que o Ilustrator (ou outro software

vetorial como CorelDRAW, ou o PowerPoint, por

exemplo) for carregar uma imagem vetorial, ele

lerá, do disco, os atributos e REDESENHARÁ a

imagem, obtendo uma idêntica à original

- Tipo de Curva = Circunferência

- Raio = 1 cm

- Preenchimento = amarelo

- Contorno = azul

Para guardar (arquivar) o círculo finalizado, no compu-

tador não gravar a imagem propriamente dita (pronta),

que seriam os pixels (isso gasta muita memória). Apenas

são gravados os atributos, como “Circunferência”,

preenchida de “amarelo”, contornada por linha “azul” e

com raio de “1 cm”. Esta é a principal característica de

uma imagem vetorial.

- Tipo de Curva = Circunferência

- Raio = 1 cm

- Preenchimento = amarelo

- Contorno = azul

Vetores são entidades definidas matematicamente

como uma série de pontos unidos por linhas.

DEFINIÇÃO:

24/10/2017

8

A fotografia ainda não é tratada com a definição

aceitável pela imagem vetorial, muitos avanços tem

ocorrido, mas ainda não satisfatórios.

1. CDR (Corel Draw);

2. WMF (Microsoft);

3. EPS: mais usado para desenho vetorial, embora também

possa conter informação bitmap. Reconhecido por quase

todos os programas que suportam imagem vetorial, porém

limitado (Não suporta degradê);

4. PDF: formato versátil que poderá conter qualquer tipo de

imagem, incluindo páginas completas, não sendo muito

usado para guardar imagens;

5. PICT: poderá conter informação bitmap e vetorial, embora

seja mais usado em computadores MAC;

6. DRAW - Formato do OpenOffice.

6 EXEMPLO DE FORMATOS:

1. REDIMENSIONA SEM PERDA*;

6 CARACTERÍSTICAS:

AMPLIAR E

REDUZIR1. REDIMENSIONA SEM PERDA*;

2. OCUPA MENOS ESPAÇO;

3. Reconhece mais de 26 milhões de cores;

4. PERMITE ISOLAR E TRATAR PARTE DO DESENHO

SEPARADAMENTE.

6 CARACTERÍSTICAS:

24/10/2017

9

DESAGRUPANDO...

PODE ALTERAR

FACILMENTE A COR DE

PARTE DO DESENHO

5. Ideal para mapas e gráficos (tais como logotipos).

6 CARACTERÍSTICAS:

1. REDIMENSIONA SEM PERDA*;

2. OCUPA “MENOS ESPAÇO” no armazenamento do

documento (arquivo) pois grava (guarda) apenas a

equação e não o conteúdo (desenho, ilustração

stc.) pronto, definitivo;

3. Reconhece mais de 26 milhões de cores;

4. PERMITE ISOLAR E TRATAR PARTE DO DESENHO

SEPARADAMENTE.

Alguma pergunta?