Upload
others
View
3
Download
1
Embed Size (px)
Citation preview
Bitmap X VetorialOS DOIS PRINCIPAIS TIPOS DE ARQUIVOS NA COMPUTAÇÃO GRÁFICA
Editores vetoriais são frequentemente contrastadas com editores de bitmap , e as
suas capacidades se complementam. Eles são melhores para leiaute de páginas,
tipografia, logotipia, ilustrações técnicas e artístico-editoriais, história em quadrinhos,
clip arts, diagramas, fluxogramas e infográficos.
Editores de bitmap são mais adequados para retoque, processamento de fotos,
ilustrações realistas, colagens e ilustrações desenhadas à mão com uma caneta. As
versões recentes dos editores bitmap, como GIMP, Photoshop, Photopaint, anexaram
vetor (por exemplo, os caminhos editáveis), e os editores de vetores
como o CorelDRAW, Adobe Illustrator, Xara Xtreme, Adobe Fireworks, Inkscape estão
adotando efeitos raster que antes eram limitados a editores bitmap ( por exemplo,
ofuscamento).
complexos padrões geométricos,
suporte para
Bitmap X Vetorial
> Existem dois tipos de arquivos fundamentais na computação gráfica: bitmap e vetorial.
Alguns programas mais conhecidos que criam arquivos bitmap (pixel) são: Adobe
PhotoShop, Corel Photopaint, Corel Painter, Corel Paint Shop Pro, Gimp e outros.
> Já programas que criam arte vetorial (também conhecidos como arte orientada a
objeto) são CorelDRAW, Illustrator, Xara, Inkscape, entre outros. RealDraw,
> O programa Flash também trabalha com vetorial, porém ele é destinado a construção
de artes para a Internet.
> Esses programas cada vez mais integram num mesmo aplicativo a manipulação dos dois tipos
de arquivos.
Bitmap X Vetorial
Figura 1.1
Figura 1.2
Cada pixel tem uma coordenada, e o conteúdo deste pixel é gravado e salvo no arquivo.
Imagens bitmap são construidas com a formação de quadrados muito pequenos chamados
pixel. Para demonstrar essa construção está abaixo as ilustrações, nas quais estão demonstradas
as características principais. Na grade de base, cada quadrado representa 1 pixel. (Figura 1.1).
>
>Vejamos um simples exemplo, ao criar um círculo preto com 20 pixels de diâmetro (Figura 1.2).
O número de pixels determina a resolução do arquivo. O computador registra este arquivo pela
gravação da exata localização e cor de cada pixel. O computador não tem idéia que isso é um
círculo, somente que é um aglomerado de pequenos pontos.
> A imagem consiste em centenas de linhas e colunas de
pequenos elementos. Cada elemento chama-se pixel
(abreviatura de picture element). O olho humano não é capaz
de ver cada pixel individualmente, ficando então com a
percepção de uma imagem com suaves gradações.
O número de pixeis necessários para obter uma boa imagem
depende do uso desta imagem.
Bitmap X Vetorial
> As imagens bitmap (mapa de bits), são tal como o nome indica, uma colecção de bits que formam uma imagem. A imagem consiste numa matriz de pontos individuais (ou pixeis) em que cada um tem a sua própria cor (descrita usando bits, a menor unidade
de informação para um computador).
Arquivo Indexado - GIF - 256 cores Arquivo RGB - JPG - 16 milhões
>
> Quando tentamos alargar, aumentar (em escala ou aleatóriamente) o bitmap, um
problema acontece, o arquivo modificado em tamanho/ imagem, somente alarga o tamanho do pixel, o que resulta no efeito de “pixelização” da imagem.
A imagem fica pixelada. No caso de imagens com 16 milhões de bits elas produzem
desfoque e áreas quadriculadas, uma pixelização bem suave. De qualquer forma há perda
de qualidade.
Bitmap X Vetorial
GIF (Graphics Interchange Format)
Gif só suporta até 8 bits (256 cores).
Têm suporte a transparência e é muito utilizado na web. Recomenda-se para imagens gráficas, com pouca cores.
JPG/JPEG (Joint Photographic Experts Group) (RGB, CMYK, Escala de Cinza)
PNG (Portable Network Graphics)
JPEG suporta 16 bits (65536 cores), 24 bits (16,7 milhões de cores).
PNG suporta de256 cores a 16,7 milhões de cores, mais canal de transparência (Canal Alfa)Desenvolvido para ser o sucessor de GIF, não suporta CMYK, somente RGB.
Recomenda-se para imagens que devem ser True Color e tenha tons contínuos, como fotos. Com JPEG consegue-se uma ótima compressão.
TIF/TIFF (Tagged Image File Format) (RGB, CMYK, Escala de Cinza e 1 bit de cor)
Com o formato TIFF, consegue-se imagens sem nenhuma perda de
qualidade. Ele trabalha até com 32 bits (24 bits de cor + escala de cinza de 8 bits). É recomendado para imagens para impressão (CMYK), que serão levadas à gráficas ou bureaus. Suporta também o Canal Alfa.
Tons de Cinza
Imagens em tons de cinza usam 8 bits.
Bitmap X Vetorial
Imagens Line-art
São imagens que apenas contêm duas cores, normalmente
o preto e o branco. Por vezes são referidas como imagens
bitmap porque o computador tem de usar apenas 1 bit
(on=preto, off=branco) para poder definir cada pixel.
Imagens Grayscale
Contêm várias gradações de cinzentos, também
compostas por preto e branco. No sistema do computador,
a gradiência é formada em sua máxima configuração de
256 linhas.
Imagens Multitônicas
Imagens que contêm gradações de duas ou mais cores.
As imagens multitônicas mais conhecidas são as
duotônicas, que normalmente são compostas por preto e
por uma segunda cor direta (normalmente uma cor
Pantone). A imagem abaixo é constituída por preto e
Pantone Warm Red.
Imagens a cores
A informação de cor pode ser descrita usando determinados
espaços de cor: RGB, CMYK ou Lab , por exemplo.*
Bitmap X Vetorial
* Mode de Cor Lab, no Photoshop é utilizado para converter de um modo de cor para outro, isto é, quando o Photoshop converte
de RGB para CMYK, primeiro ele converte para Lab e, a seguir, de Lab para CMYK. Uma razão para isso é que a gama de cor Lab
abrange as gamas de cor RGB e CMYK.
Imagens raster, ou bitmap (mapa de bits, em português) são imagens que contém a descrição de cada pixel, em oposição aos gráficos vetoriais.
Raster
Raster = A descrição da cor de cada pixels.
>
>
Imagens chamadas de mapa de bits, que são geradas a partir de pontos minúsculos
diferenciados por suas cores.
O tratamento de imagens deste tipo requer ferramentas especializadas, geralmente
utilizadas em fotografia, pois envolvem cálculos muito complexos, como interpolação,
álgebra matricial etc.
Bitmap X Vetorial
Bitmap X Vetorial
> Para internet ou qualquer visualização em monitores, uma imagem de boa
qualidade terá um mínimo de 72 DPI, podendo variar para valores maiores como 96
DPI ou até 120 DPI.
> Nos aplicativos para smartphones como o iPhone que utiliza para o Retina Display
envolve utilização de imagens com valores de 163 DPI a 326 DPI. Isto de alguma
maneira se torna padrão para este tipo de equipamento, mas não para a Internet em
geral que na sua grande maioria utiliza imagens com 72 DPI.
> Para impressão em gráfica com matrizes, as resoluções variam dependendo de
qual tipo de papel ou substrato seja utilizado.
Por exemplo temos esta pequena regras abaixo:
Papel Jornal: 200 dpi
Papel LWC e Offset: 250 dpi
Papel Cuchê: 300 dpi
Ampliação
Tamanho da Imagem (pixels)
Tamanho Ampliação (cm) 300dpi
10 x 15
1800 x 1200 pixels
10,16 x 15,24 cm
15 x 21
2500 x 1800 pixels
15,24 x 21,17 cm
20 x 30
3600 x 2400 pixels 20,32 x 30,48 cm
25 x 38
4500 x 3000 pixels
38,1 x 25,4 cm
Relação entre o tamanho em pixels e centímetros
Bitmap X Vetorial
300 ppp
72 ppp
200 ppp
40 ppp
100 ppp
20 ppp
Vetorial Bitmap300 ppp
Bitmap X Vetorial
Diferentemente da imagem bitmap, o círculo vetorial aparece suave tanto em 100% como em 800%
100% 800%
> A arte vetorial é diferente do procedimente da criação em pixels individuais, são
criados objetos, como por exemplo retângulos e círculos. Mas nada de coordenadas
matemáticas, destas formas, o programa vetorial pode criar arquivos com uma fração
do espaço utilizado pelo bitmap (imagens rastreadas), e mais importante, possuem a
capacidade de serem ampliados indefinidamente sem perderem definição e
detalhamento.
Bitmap X Vetorial
A1
> Imagem vetorial é um tipo de imagem gerada a partir de construções geométricas de
formas, diferente das bitmap (mapa de bits) construídas por uma unidade básica. Uma
imagem desenvolvida em um programa vetorial é composta por curvas, elipses, polígonos,
texto, entre outros elementos, isto é, utilizam vetores matemáticos para sua descrição. Vide
exemplo abaixo.
> Em um trecho de desenho sólido, de uma cor apenas, um programa vetorial
utiliza pouca informação, não tendo que armazenar dados para cada pixel.
Linhas sem preenchimentoLinhas com preenchimento
Bitmap X Vetorial
Bitmap X Vetorial
Arquivo vetorial exibido no modo ‘Aperfeiçoado’
Bitmap X Vetorial
Arquivo vetorial exibido no modo ‘Aramado Simples’
Linhas sem preenchimentoLinhas com preenchimento
Bitmap X Vetorial
Linhas sem preenchimentoLinhas com preenchimento
Bitmap X Vetorial
> As Curvas de Bézier são usadas para a manipulação dos pontos de um desenho. Cada linha descrita em um desenho vetorial possui nós, e cada nó possui alças para manipular o segmento
de reta ligado a ele.
> Por serem baseados em vetores, esses gráficos geralmente são mais leves (ocupam menos memória no disco) e não perdem qualidade ao serem ampliados, já que as funções matemáticas adequam-se facilmente à escala, o que não ocorre com gráficos raster (bitmap)
que utilizam métodos de interpolação na tentativa de preservar a qualidade.
> Outra vantagem do desenho vetorial é a possibilidade de isolar objetos e zonas,
tratando-as independentemente.
Curvas de BézierCírculos com nós
Bitmap X Vetorial
Bitmap X Vetorial
Bitmap X Vetorial
Programas Vetoriais
Programas BITMAP
Outras Extensões Vetoriais
Outras Extensões Bitmap
Extensões Compostas
CorelDRAW: .CDR
ILLUSTRATOR: .AI
PHOTOSHOP: .PSD
CorelPHOTOPAINT: .CTP
CorelPAINTER: .RIF
CorelPAINTSHOP PRO: .PSP
Windows Metafile: .WMF
Scalable Vector Graphics: .SVG
AUTOCAD: .DWG/DWF
Tagged Image File Format: .TIF
Joint Photographic Experts Group: .JPG
Portable Network Graphics: .PNG
Graphics Interchange Format: .GIF
Encapsulated PostScript File: .EPS
Portable Document Format: .PDF
Bitmap X Vetorial
FERNANDES, Amaury. FUNDAMENTOS DE PRODUCAO GRAFICA - Para quem não é Produtor Gráfico.São Paulo: Rubio, 2003.
FALLEIROS, Dario Pimente. O Mundo Gráfico da Informática – Editoração eletrônica, Design gráfico& Artes digitais. São Paulo: Futura, 2003.
http://www.portaldasartesgraficas.com
http://pt.wikipedia.org/wiki/Raster
http://pt.wikipedia.org/wiki/Desenho_vetorial
http://www.avellareduarte.com.br/projeto/conteudo/imagens/imagens4/imagens4.htm
Referência bibliográfica