Introduo a Edio de Imagens

Prof. EDUARDO AUGUSTO SILVESTRE eduardosilvestre@iftm.edu.br

Cronograma oImagem digital oImagem bitmap. oImagem vetorial. oSoftware de edio de imagens. oFormatos de imagens. oModelos de cores. oO curso.
Prof. Eduardo Augusto Silvestre
2

Imagem Digital
oUma imagem digital a representao de uma imagem bidimensional usando nmeros binrios codificados de modo a permitir seu armazenamento, transferncia, impresso ou reproduo, e seu processamento por meios eletrnicos.
oExistem dois tipos bsicos de imagens digitais. A imagem bitmap (do tipo raster) e a imagem vetorial.
Prof. Eduardo Augusto Silvestre
3

Cronograma oImagem digital oImagem bitmap. oImagem vetorial. oSoftware de edio de imagens. oFormatos de imagens. oModelos de cores. oO curso.
Prof. Eduardo Augusto Silvestre
4

Imagem Bitmap
oSo construdas com a utilizao de quadrados pequenos chamados pixels (px).
oO olho humano no capaz de ver os quadrados a olho nu, vendo ento uma imagem com suaves gradaes. O nmero de pixels necessrios para obter uma imagem depende do uso dessa imagem.

oAs imagens bitmap so uma coleo de bits. oQuando se tenta aumentar (alargar) uma imagem bitmap ocorre um problema. O arquivo modificado em tamanho somente alarga o tamanho do pixel, o que resulta no efeito de pixelizao da imagem.
Prof. Eduardo Augusto Silvestre
5

Pixel (px)
o o menor elemento num dispositivo de exibio (como por exemplo um monitor), ao qual possvel atribuir-se uma cor. O conjunto de milhares de pixels formam a imagem inteira. O tamanho do pixel varia de acordo com a resoluo e o tamanho da tela do monitor

oEm resoluo de 640 x 480 temos 307.200 pixels, a 800 x 600 temos 480.000 pixels, a 1024 x 768 temos 786.432 pixels e assim por diante.

Prof. Eduardo Augusto Silvestre

Megapixel e Gigapixel
oMegapixel designa um valor equivalente a um milho de pixels. Uma resoluo de 1,3 megapixels significa que existem aproximadamente 1.300.000 pixels na imagem, o que corresponde a nada alm da multiplicao da largura pela altura da imagem, ou seja, uma imagem de 1280 pixels de largura por 1024 pixels ter exatamente 1.310.720 pixels. oUma imagem gigapixel uma imagem digital bitmap composta de um bilho de pixels. Mil vezes a informao capturada por um megapixel de uma cmera digital. A utilizao de gigapixels utilizada em imagens panormicas. Refere-se a uma vista inteira de uma rea circunvizinha. As fotografias panormicas tentam capturar tal vista.
Prof. Eduardo Augusto Silvestre
7

Resoluo de imagem
oResoluo a quantidade de quadrados (pixels) que formam a imagem na proporo horizontal x vertical. E atravs dela que podemos saber em quantos megapixels a foto foi tirada. Por exemplo, se uma foto tem resoluo de 1772 x 1181 pixels, isso significa que ela foi tirada em 2.1 megapixels.
oMas na verdade a resoluo de uma imagem no est diretamente ligada sua qualidade. A imagem de uma cmera digital feita atravs de um sensor, que faz a captao de luz do objeto fotografado e vai transformar essa informao em pixels, gerando a imagem digital.

Ilustrao de como a mesma imagem pode aparecer em diferentes resolues de pixels

Prof. Eduardo Augusto Silvestre
8

O mito do Megapixel
oMaior os megapixels melhor a imagem ? oEste o famoso mito do Megapixel.
oAs cmeras profissionais ou semi-profissionais tm sensores melhores e mais complexos, mesmo porque esses modelos tm maior espao fsico para abrigar os sensores, e por isso produzem imagens melhores, mais ntidas e com cores mais vibrantes. J as cmeras compactas e de celulares, possuindo sensores de qualidade inferior, tendem a gerar uma foto de menos qualidade.

oQuando o sensor no tem capacidade suficiente para captar tantos pixels com a mesma qualidade, a qualidade da imagem prejudicada no importando o quo alta seja a resoluo.
Prof. Eduardo Augusto Silvestre
9

O mito do Megapixel
oA quantidade de pixels de uma imagem no tem influncia sobre a qualidade da imagem, mas sim sobre a ampliao que ser possvel realizar com ela. oUma ampliao de foto simples - 15x10 cm - precisa de menos um megapixel para ser impressa com qualidade. E isso significa que se voc no trabalha profissionalmente com fotografias, no precisar de milhares de megapixels para produzir e imprimir boas imagens.

Prof. Eduardo Augusto Silvestre

10

PPI
oPxels por polegada, em ingls pixels per inch (PPI), uma medida de resoluo de vdeo relacionada ao tamanho do monitor em polegadas (inch) e do nmero total de pixels na direo horizontal e na direo vertical. oEx.: o Galaxy S4 tem 441 ppi e o iPhone 5 tem 326 ppi. Isso garante maior qualidade na visualizao de imagens usando o Galaxy S4.

Prof. Eduardo Augusto Silvestre

11

Cronograma oImagem digital oImagem bitmap. oImagem vetorial. oSoftware de edio de imagens. oFormatos de imagens. oModelos de cores. oO curso.
Prof. Eduardo Augusto Silvestre
12

Imagem Vetorial
oImagem vetorial um tipo de imagem gerada a partir de descries geomtricas. Diferente das imagens bitmap que so geradas a partir de pontos minsculos diferenciados por suas cores. Uma imagem vetorial normalmente composta por curvas, elipses, polgonos, texto, entre outros elementos paramtricos, isto , utilizam vetores matemticos para sua descrio. oPor serem baseados em vetores, esses grficos geralmente so mais leves e no perdem qualidade ao serem ampliados, j que as funes matemticas adquam facilmente escala, o que no ocorre com grficos raster que utilizam mtodos de interpolao na tentativa de preservar a qualidade.
Prof. Eduardo Augusto Silvestre
13

Imagem Ampliadas: Bitmap x Vetorial

Ampliao de uma imagem vetorial.

Ampliao de uma imagem bitmap.

Prof. Eduardo Augusto Silvestre

14

Cronograma oImagem digital oImagem bitmap. oImagem vetorial. oSoftware de edio de imagens. oFormatos de imagens. oModelos de cores. oO curso.
Prof. Eduardo Augusto Silvestre
15

Software utilizados nas imagens Bitmap e Vetorial oBitmap:

oGratuito: Gimp, Paint.NET, ... oProprietrio: Adobe Fireworks (layout Web), Adobe Photoshop, ...

oVetorial: oGratuito: Inkscape, ... oProprietrio: Corel Draw, Adobe Illustrator, ...
Prof. Eduardo Augusto Silvestre
16

Cronograma oImagem digital oImagem bitmap. oImagem vetorial. oSoftware de edio de imagens. oFormatos de imagens. oModelos de cores. oO curso.
Prof. Eduardo Augusto Silvestre
17

BMP
oNormalmente usado pelos programas do Microsoft Windows. No utiliza nenhum algoritmo de compresso, da esse formato apresentar as fotos com maior tamanho.

oIsso resulta em arquivos de tamanhos grandes demais para compartilhar na internet e, por esta razo, surgem os formatos de compresso, capazes de diminuir o tamanho dos arquivos e facilitar o envio e o recebimento de dados.
Prof. Eduardo Augusto Silvestre
18

Gif
oSigla para Graphics Interchange Format, o GIF um formato bastante popular na internet. oFoi criado pela CompuServe em 1987 e, assim como o JPEG, gera arquivos de tamanho reduzido, no entanto, seu uso no muito comum em fotografias, j que capaz de trabalhar com apenas 256 cores (8 bits). oAssim, sua utilizao muito comum em cones, ilustraes ou qualquer tipo de imagem que no necessita de muitas cores. oH, no entanto, uma caracterstica que faz o formato GIF ser conhecido at os dias de hoje: graas a uma reviso realizada em 1989, o padro passou a ter a capacidade de suportar animaes. oO GIF utiliza compresso, mas esta no causa perda de qualidade.
Prof. Eduardo Augusto Silvestre
19

JPEG (JPG)
oO formato JPEG, cuja sigla significa Joint Pictures Expert Group, teve sua primeira especificao disponibilizada em 1983.
o um dos padres mais populares da internet.

oOferece nveis razoveis de qualidade de imagem e gera arquivos de tamanho pequeno quando comparado a outros formatos, facilitando o seu armazenamento e a sua distribuio. oO JPEG possibilita isso porque um formato que utiliza compresso de imagens. oO JPEG capaz de trabalhar com quase 16,8 milhes de cores (24 bits).
Prof. Eduardo Augusto Silvestre
20

PNG
oO formato PNG, sigla para Portable Network Graphics, um dos padres mais recentes, com a sua primeira especificao surgindo em 1996 oO PNG rene, portanto, as caractersticas que tornaram o GIF to bem aceito: animao, fundo transparente e compresso sem perda de qualidade, mesmo com salvamentos constantes do arquivo.

oPorm, conta com um grande diferencial: suporta milhes de cores, no apenas 256, sendo, com isso, uma tima opo para fotos.
oO PNG um formato livre, criado desde o incio para ser utilizado em qualquer aplicao sem necessidade de pagamentos de licenas ou afins. oSua utilizao apoiada pela W3C.
Prof. Eduardo Augusto Silvestre
21

SVG
oSVG a sigla para Scalable Vector Graphics e, como o nome indica, trabalha com imagens vetoriais. oTrata-se de um formato aberto, desenvolvido pela W3C e que surgiu oficialmente em 2001. oEm vez de ser baseado em pixels, isto , os pontinhos que formam as imagens, como nos padres mostrados anteriormente, o SVG utiliza a linguagem XML para descrever como o arquivo deve ser.

oGraas a isso, o SVG consegue trabalhar bem tanto com figuras estticas quanto com imagens animadas.
oAlm disso, por ser um padro vetorial, imagens no formato podem ser ampliadas ou reduzidas sem causar perda de qualidade. oArquivos neste formato tm extenso .svg ou .svgz e suportam efeitos de transparncia. Saiba mais em www.w3.org/Graphics/SVG.
Prof. Eduardo Augusto Silvestre
22

Cronograma oImagem digital oImagem bitmap. oImagem vetorial. oSoftware de edio de imagens. oFormatos de imagens. oModelos de cores. oO curso.
Prof. Eduardo Augusto Silvestre
23

Modelos de Cores
oUm modelo de cor um modelo matemtico que descreve a maneira abstrata como as cores podem ser representadas como tuplas de nmeros, tipicamente trs ou quatro valores ou componentes da cor. oAlguns dos principais modelos de cores utilizados em imagens digitais so: oRGB oHSL oHEXADECIMAL (apenas representao) oHSV oCMYK
Prof. Eduardo Augusto Silvestre
24

Modelos de Cores
oRGB (Red, Green, Blue) Representam uma cor de acordo com o nvel de Vermelho (Red), Verde (Green) e Azul (Blue) presente. Ex.: Branco - RGB (255,255,255); Azul - RGB (0,0,255); Vermelho - RGB (255,0,0); Verde - RGB (0,255,0); Amarelo - RGB (255,255,0); Preto - RGB (0,0,0). oHSL (Hue, Saturation, Luminance): Representam a cor de acordo com a Tonalidade (Hue), a Saturao (Saturation) e a Luminncia (Luminance).
Prof. Eduardo Augusto Silvestre
25

Modelos de Cores
oHexadecimal oRepresentam a cor como um nmero hexadecimal. Ex.: Branco - #FFFFFF; Preto - #000000; Vermelho - #FF0000; oHSV (Hue, Saturation, Value): oRepresentam a cor de acordo com a Tonalidade (Hue), a Saturao (Saturation) e o Valor (Value).
Prof. Eduardo Augusto Silvestre
26

Modelos de Cores

oCMYK (Cyan, Magenta, Yellow, Black) oRepresentam a cor de acordo com o nvel de Ciano (Cyan), Magento (Magenta), Amarelo (Yellow) e Preto (Black).
Prof. Eduardo Augusto Silvestre
27

Cronograma oImagem digital oImagem bitmap. oImagem vetorial. oSoftware de edio de imagens. oFormatos de imagens. oModelos de cores. oO curso.
Prof. Eduardo Augusto Silvestre
28

O curso
oEste curso utilizar a ferramenta Gimp para imagens bitmap. oEste curso utilizar a ferramenta Inkscape para imagens vetoriais.
oO Gimp ser preferido ao famoso Adobe Photoshop devido a ser uma ferramenta de cdigo aberto e ter qualidade semelhante. oO Inkscape ser preferido aos famosos Corel Draw e Adobe Illustrator devido a ser uma ferramenta de cdigo aberto e ter qualidade semelhante.
Prof. Eduardo Augusto Silvestre
29