O documento discute os conceitos básicos de imagens vetoriais versus bitmap, explicando que imagens vetoriais representam formas como objetos definidos por linhas enquanto bitmap são compostas por pixels. Também aborda os modos de cores RGB para mídias digitais e CMYK para impressão, além de conceitos como círculo cromático, cores quentes e frias, contraste e cores análogas.

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…