Módulo 3

Vetor e Bitmap

COMPUTAÇÃO GRÁFICA
Vetor e Bitmap
É a área da ciência
da computação que
estuda a transformação
dos dados em imagem.
Esta aplicação estende-se à recriação visual por
intermédio de fórmulas matemáticas e algoritmos
complexos.
A vantagem em utilizar a COMPUTAÇÃO GRÁFICA é
de ocupar menos espaço em termos de memória.
Com a integração das
diversas técnicas
através da tecnologia
da informação o uso
da computação gráfica
possui para diversos
fins.
APLICAÇÕES
 IDENTIDADE VISUAL - Logotipos
 IMPRESSOS - Cartões de visita, Folhetos,
 Catálogos, Folders, Mala Direta, etc.
 EDITORIAL – Jornais, Revistas, Livros, Manuais
 EMBALAGENS - Caixas, Rótulos, Bulas, etc.
 SINALIZAÇÃO - Banners, Outdoors, Placas, etc.
APLICAÇÕES
 ESTAMPARIA – Camisetas, Brindes, etc.
 MULTIMÍDIA - Websites, hotsites, banners,
email marketing, etc.
 ILUSTRAÇÕES - Mascotes, Personagens,
Ilustrações Técnicas, Mapas, Cenários para
Livros e Games, etc.
 DIGITAL – Animações, video games
 OBJETOS – Produtos diversos
 TIPOGRAFIA – Tipos e fontes
Computação Gráfica + Projeto Gráfico =
DESIGN GRÁFICO

Atualmente o campo do design é responsável pela

produção da cultura material na sociedade.

E a computação gráfica é o meio que permite essa

situação.
DESIGN GRÁFICO

 Vivemos numa época mutante.

 Com a tecnologia em grande expansão
 Surgimento de vários softwares para
produção gráfica e também para a mídia
digital.
 Hoje, qualquer pessoa pode ter acesso a
essas ferramentas e aprender a usá-las em
site e fóruns.
 Na produção gráfica atual, o computador é
um aliado que possibilitou uma grande
mudança na forma de criação do design.
DESIGN GRÁFICO
DESIGN GRÁFICO

 Com o desenvolvimento tecnológico atual, a

informática está cada vez mais inserida no
processo criativo.
 Novas metodologias de criação adotam o
computador como uma importante
ferramenta de trabalho, capaz de facilitar e
melhorar o desempenho de um profissional.
 Essas ferramentas aliadas a experiência do
profissional faz com que ele consiga tirar
proveito dos inúmeros recursos tecnológicos
dos programas gráficos.
VETOR x BITMAP
VETOR x BITMAP

IMAGEM EM VETOR
 A imagem vetorial vai tentar traduzir a
imagem recorrendo a instrumentos de
vetores e de desenho, tipo: retas pontos,
curvas, polígonos simples, etc.
 Isto associado a uma proporcionalidade de
posição (sempre na diagonal) permite que
mesmo que se estenda/reduza a área de
imagem (ampliar ou diminuir) para não se
perder qualquer definição da imagem.
VETOR x PIXEL

 Tem a vantagem adicional de ocupar menos

espaço no computador.
 Pode também ser manipulado em seu formato
e suas cores.
VETOR x BITMAP

IMAGEM EM BITMAP
 O bitmap é um conjunto de pixels (pontos) que
carregam uma informação de cor, e é formado
pela união desses pixels.
 A resolução desse bitmap se dá em DPI, e que
mede a qualidade e nitidez de um bitmap.
VETOR x BITMAP

 DPI (“dots per inch”) significa “pixels por

polegada”. Quanto maior o DPI da imagem
original, maior a definição e qualidade dessa
imagem.
 Uma imagem para ser impressa em alta
resolução no processo gráfico offset e digital,
precisa ter 300 DPI’s.
 Para ser utilizado num projeto gráfico que será
utilizado apenas via web ou a imagem deverá
ter 72 DPI’s.
DPI/PPP
(PONTOS P/ POLEGADA)
 É uma medida de densidade relacionada à
composição de imagens, que expressa o
número de pontos individuais que existem
em uma polegada linear na superfície onde
a imagem é apresentada.
 Também é conhecida pelo termo "resolução
de imagem" ou simplesmente "resolução".
 A resolução é indicada pela composição da
densidade horizontal e vertical, que podem
ser iguais ou diferentes. De maneira geral,
quanto maior o número de pontos por
polegada, mais detalhada e bem definida é
a imagem.
DPI/PPP
(PONTOS P/ POLEGADA)
DPI/PPP
(PONTOS P/ POLEGADA)
DPI/PPP
(PONTOS P/ POLEGADA)
VETOR X BITMAP

VETOR BITMAP (PIXEL)

VETOR X BITMAP

VETOR BITMAP (PIXEL)

PIXEL

 Pixel - Aglutinação de “Picture” e “Element”,

ou seja, Elemento da Imagem.
 É o menor elemento num dispositivo de
exibição (como por exemplo um monitor), ao
qual é possível atribuir-se uma cor. De uma
forma mais simples, um pixel é o menor ponto
que forma uma imagem digital, sendo que o
conjunto de milhares de pixels formam a
imagem inteira.
Acima, vemos um dégradée com 10 pixels por
polegada, e um outro com 300 pixels por
polegada. A imagem que cada configuração irá
gerar se encontra à direita. Uma má resolução
(10 DPI) prejudica a nitidez da imagem.
RESOLUÇÕES DA
IMAGEM
RESOLUÇÕES DA IMAGEM

 Resolução de imagem descreve o nível de

detalhe que uma imagem comporta. O
termo se aplica igualmente a imagens
digitais, imagens em filme e outros tipos
de imagem.
 Resoluções mais altas significam maiores
detalhes na imagem, consequentemente
resoluções menores, significam menores
detalhes.
RESOLUÇÕES DA IMAGEM

BAIXA resolução ALTA resolução

RESOLUÇÕES DA IMAGEM

BAIXA resolução ALTA resolução

RESOLUÇÕES DA IMAGEM

ATENÇÃO
 Para utilizarmos uma imagem em outros
tipos de projetos gráficos digitais, como:
impressão de banners, faixas, placas
adesivas, brindes, camisetas, canetas, etc.,
poderá haver uma variação na quantidade de
DPI’s para estes materiais, portanto é
aconselhável que antes de iniciarmos o
projeto, é importante verificar junto ao
fornecedor, qual é a resolução que a imagem
deverá ter que seja compatível com o tipo
de impressão a ser realizada.
FIM