CG1

Prévia do material em texto

Computação
Gráfica
Profa. Me. Cristina Ramos
O que é
computação gráfica?
Área da computação destinada à geração de 
imagens em geral. 
Trabalha basicamente com dois tipos de 
informação: visual e descritiva.
Informação 
VISUAL
➔ A imagem vista na tela do 
computador
Informação 
DESCRITIVA
➔ Referente ao modelo 
matemático que representa 
os objetos visualizados.
O que é
imagem digital?
Representação bidimensional (visual) 
formada a partir de números binários 
codificados (descritiva), o que nos permite 
armazenar, transferir, imprimir e 
reproduzir.
tipos 
fundamentais 
● Mapas de Bits 
● Gráficos Vetoriais
Bitmap 
As imagens mapa de bits, também conhecidas por raster 
ou bitmaps, são construídas a partir de uma coleção de 
pontos individuais. 
Como o próprio nome indica, o mapa de bits é a 
reprodução gráfica (mapa) das variações possíveis nas 
unidades de memória do computador (bits). 
O bit é a unidade mínima da memória do computador. 
É ele quem define o comportamento binário do 
ambiente digital através de dois valores possíveis: um 
(ativo) e zero (desativo).
Bitmap 
Examinemos o caso de um círculo preto sobre um 
fundo branco:
Como o bit pode variar entre o 1 e o 0, 
transforma-se essa informação numérica em 
informação cromática. 
A alternância de pontos pretos e brancos, em 
função da alternância de bits ativo e desativo, 
constrói uma coleção de pontos com duas cores 
diferentes.
Pixel 
A unidade mínima de construção da imagem bitmap é o 
pixel. 
O pixel é nada mais do que a representação gráfica da 
variação do bit (1 ou mais). Apresenta-se sob a forma de 
um quadrado e é indivisível. 
Um pixel é o menor ponto que forma uma imagem bitmap, 
sendo que o conjunto de milhares de pixels forma a 
imagem inteira.
A cada pixel é atribuído um local específico e um valor de 
cor. 
Assim, todas as imagens bitmap são construídas por pixels, 
apesar deles não serem evidentes em algumas imagens.
Resolução 
Da mesma forma que medimos uma imagem através do 
centímetro no ambiente material, utilizamos o pixel para 
a medição no ambiente digital.
As imagens de bitmap dependem da resolução, isto é, 
elas contêm um número fixo de pixels. 
Como resultado, elas podem perder detalhes e ter uma 
aparência irregular se forem redimensionadas em uma 
ampliação alta na tela ou se forem impressas em uma 
resolução mais baixa do que aquela em que foram 
criadas.
Resolução
A resolução é a medida de 
definição da imagem. 
É expressa como:
● Pixels por polegada (PPI: pixels 
per inch (para tela ou monitor)); ou 
● Pontos por polegada (DPI: dots 
per inch (para impressão)) ou até 
mesmo amostras por polegada 
(para imagens escaneadas). 
Maior ou menor DPI/PPI significa ter 
mais ou menos dots/pixels em um 
quadrado de 1 x 1 polegada 
(2,54cm x 2,54cm).
O grande segredo dos dispositivos de alta resolução 
(monitores e impressoras), é o tamanho do pixel (ou 
dot) ser muito pequeno. Assim no espaço de 1×1 
polegadas cabem uma quantidade imensa de pontos.
É fundamental termos em mente que a resolução é 
determinada pelo tamanho da imagem (expresso 
pela sua altura e largura) mais a quantidade de pixels 
nela inserida.
Dessa forma, olhando simplesmente o tamanho de 
uma imagem (largura x altura) não podemos afirmar 
que esta possui alta ou baixa resolução. A 
quantidade de pontos (dots) para impressão ou 
pixels para monitores contidas nela, é que dirá se ela 
tem alta ou baixa resolução.
Resolução
Redimensionar / Reamostrar
Ao determinar as configurações para o uso da imagem, é preciso 
especificar duas coisas: dimensões e resolução adequada. 
Se for necessário:
● Redimensionar (exibir a imagem outro tamanho) ou 
● Reamostrar (alterar a resolução da imagem) 
a quantidade de dados no arquivo será alterada.
Sempre que os dados são removidos ou incluídos na imagem, a 
qualidade da imagem é degradada em algum extensão. 
A reamostragem está relacionada a diminuição dos pixels de 
uma imagem, ou seja, o tamanho final permanece o mesmo, 
porém a resolução sofre alteração.
Ao trabalhar com imagens de bitmap, você edita pixels em vez de 
objetos ou formas. 
Softwares 
Adobe Photoshop, Corel PhotoPaint
As imagens de bitmap às vezes exigem grandes quantidades de 
espaço de armazenamento e, geralmente, precisam ser 
compactadas para manter os tamanhos de arquivo menores.
Formatos de compactação
BMP, TIFF, JPEG, GIF, PNG
Aplicação
Fotografia e pintura digital, layout digital, etc
Gráficos vetoriais 
As imagens em vetor não geram arquivos com informação dos 
pixels. 
Neste modelo os objetos são armazenados apenas a partir da 
descrição das coordenadas de seus vértices, sejam elas espaciais 
ou planares (três ou duas dimensões, respectivamente).
Os vetores formam objetos que têm suas informações de cor, 
dimensões, linhas e curvas armazenadas em equações. Esses 
objetos, reunidos e sobrepostos formam desenhos.
Dessa maneira utiliza-se um sistema de coordenadas cartesiano, 
onde os desenhos podem ter sua forma, cor ou tamanho 
alterados com liberdade, sem agredir sua resolução, pois não são 
formados por pixels.
Objetos 
Cada objeto é uma entidade 
independente com 
propriedades como cor, forma, 
traçado, tamanho e posição na 
tela, incluídas na sua definição.
Curvas de Bézier 
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.
Resolução 
Os desenhos baseados em vetores não 
dependem de resolução. Isso significa que 
aparecem na resolução máxima do 
dispositivo de saída (impressora ou 
monitor)
Ao trabalhar com imagens vetoriais, você edita objetos 
ou formas. 
Softwares 
Corel Draw, Adobe Illustrator
Formatos
CDR, AI, EPS, WMF, SVG
Aplicação
Ilustração, logotipos, layouts de peças gráficas, etc