Conceitos básicos: Vetor X Bitmap; Modo de cores e aplicações

1. Informática Aplicada
Introdução
Prof. Márcio Duarte

2. CONCEITOS INICIAIS

3. Imagens: Vetorial x Bitmap
Conceitos Vetoriais
• Os gráficos vetoriais representam formas como objetos definidos
por séries de linhas abertas e fechadas, com preenchimento e/ou
sem preenchimento.
• Vetor: gráficos criados em programas como o CorelDraw, Adobe
Illustrator, Inkscape, entre outros, onde as formas são
representadas por linhas e curvas.
• Tais gráficos são também conhecidos como gráficos baseados em
objetos ou linha artística. Isso contrasta com os gráficos bitmap,
que são criados pixel por pixel em programas de pintura e por
digitalizadores.
• Temos vários objetos que formam a figura totalmente vetorizada,
para entender melhor, ela é feita em modo “Aramado” e depois
aplica-se os preenchimentos e efeitos de cores.

4. Imagens: Vetorial x Bitmap

5. Conceitos de bitmap
• No que se refere à edição de bitmaps, bits e pixels
correspondem às unidades de uma imagem.
• Um pixel consiste em um quadrado digital simples
que é organizado juntamente com outros em grades.
Essas grades se combinam formando a imagem.
• As imagens de computador são criadas como matrizes
de pixels, cada um deles com uma cor específica.
• Programas como Adobe Photoshop, Corel PHOTO-
PAINT, Gimp, entre outros, são os editores de imagens
mais utilizados.
Imagens: Vetorial x Bitmap

6. Imagens: Vetorial x Bitmap

7. Quanto maior a quantidade de pixel, teoriacamente, melhor
a qualidade da imagem e maior o tamanho do arquivo digital
gerado.
Imagens: Vetorial x Bitmap

8. CMYk
Mídias impressas
(cartazes, panfletos, livros, etc)
300 DPI
Imagens: utilização
RGB
Mídias Eletrônicas
(telas, monitores, etc.)
72 DPI

9. Imagens: utilização

10. Imagens: utilização

12. Imagens, assim como tudo para internet é medido em pixel.
Os programas de imagem apresentam as imagens em seus
tamanhos originais, pois trabalham com as dimensões do
monitor para calcular o "zoom" das imagens.
Considerando que
necessitamos utilizar pixel
(px) como unidades de
medida devemos alterá-la
nas réguas.
Imagens: utilização

13. Por exemplo:
Adobe Photoshop com zoom 100% = imagem em tamanho original.
Imagens: utilização

14. RGB
• É o modelo de cor da Luz.
• O RBG é composto por três
cores primárias:
– (R) Vermelho
– (G) Verde
– (B) Azul
• Cada uma das quais
podendo variar entre 256
níveis de intensidade
(denominando valores de
brilho)
CMYk
• O sistema "CMYK" é utilizado nos
diversos processo de impressão,
como por exemplo: o Off-Set e o
processo Flexográfico.
• As cores que o compoem: (C)
Cyan (ciano); (M) Magenta; (Y)
Yellow (amarelo) e (k) Black
(preto).
• Funciona pelo processo de
pigmentação. A luz refletida é o
que você vê. Cada uma das cores
do CYMK varia de 0 a 100% de
aplicação.
Modos de cores

15. Combinação Subtrativa de Cores Combinação Aditiva de Cores
Independente do sistema de cores, à partir das cores
primárias teremos todas as outras possíveis.
Modos de cores

16. Circulo
cromático
Modos de cores

17. Cores quentes
e frias
Modos de cores

18. Contraste
de cores
Modos de cores

19. Cores análogas
São as que aparecem lado-
a-lado no gráfico. São
análogas porque há nelas
uma mesma cor básica. Pôr
exemplo o amarelo-ouro e o
laranja-avermelhado tem
em comum a cor laranja.
Modos de cores

20. FINITO…