teoria das cores e computação gráfica

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplica ao design

Computação Gráfica aplicada ao Design - Profº Bruno

Teoria das cores: Reprodução das cores

COR NÃO EXISTE

COR é LUZ REFLETIDA

Computação Gráfica aplicada ao Design - Profº Bruno

Teoria das cores: Reprodução das cores

O fato é que as cores que você enxerga podem não ser as mesmas que outra pessoa vê. Isso porque percebemos as cores através do nosso cérebro, e não de nossos olhos.

Computação Gráfica aplicada ao Design - Profº Bruno

Como enxergamos as cores

O OLHO E A VISÃOO olho humano é o órgão responsável pela captação da luz refletida pelos objetos. Porém, enquanto a visão é um processo complicado, o olho apenas recebe a luz.

Computação Gráfica aplicada ao Design - Profº Bruno

Teoria das cores: Reprodução das cores

Computação Gráfica aplicada ao Design - Profº Bruno

Na retina, mais precisamente na área chamada fóvea central, existem milhões de células fotossensíveis capazes de transformar a luz em impulsos eletroquímicos.

São os cones e os bastonetes.

Visão cromática humana

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

ENTÃO COR É LUZ REFLETID

A

Computação Gráfica aplicada ao Design - Profº Bruno

As cores primárias aditivas são as três cores de luz (vermelho, verde e azul), que produzem todas as cores no espectro visível quando adicionadas em combinações diferentes.

Sistema de cores – Cores Primárias (Adtivas)

Computação Gráfica aplicada ao Design - Profº Bruno

Síntese adtiva

Computação Gráfica aplicada ao Design - Profº Bruno

Sistema de cores

R RedGreenBlue

GBSISTEMA DE COR LUZ

Computação Gráfica aplicada ao Design - Profº Bruno

Sistema de cores

RGBSISTEMA DE COR LUZ

Computação Gráfica aplicada ao Design - Profº Bruno

Disco de Newton é um dispositivo utilizado em demonstrações de composição de cores. Recebeu esse nome pelo fato do físico e matemático inglês Sir Isaac Newton ter descoberto que a luz branca do Sol é composta pelas cores do arco-íris.

Disco de cores

Computação Gráfica aplicada ao Design - Profº Bruno

Disco de cores

Computação Gráfica aplicada ao Design - Profº Bruno

O termo "subtrativo" é usado porque as cores primárias são puras até serem misturadas, resultando em cores que consistem em versões menos puras. Por exemplo, o laranja é criado por meio da mistura subtrativa de magenta e amarelo.

Sistema de cores – Cores Primárias (Subtrativa)

As cores primárias subtrativas são pigmentos que criam um espectro de cores quando combinadas de maneiras diferentes. De forma diferente à dos monitores, as impressoras misturam as cores primárias subtrativas (pigmentos ciano, magenta, amarelo e preto) para produzir outras cores.

Computação Gráfica aplicada ao Design - Profº Bruno

Síntese subtrativa

Computação Gráfica aplicada ao Design - Profº Bruno

Sistema de cores – Cores Primárias (Subtrativa)

Computação Gráfica aplicada ao Design - Profº Bruno

Sistema de cores

C CyanMagentaYellow

MYSISTEMA DE COR PIGMENTO

KBlack

(KEY)

k

Computação Gráfica aplicada ao Design - Profº Bruno

Imagem impressa

Um impresso que contenha uma

imagem é dividido em 4 cores

CMYKSISTEMA DE COR PIGMENTO

Computação Gráfica aplicada ao Design - Profº Bruno

Imagem impressa

Separação das cores

Computação Gráfica aplicada ao Design - Profº Bruno

Imagem impressa

Computação Gráfica aplicada ao Design - Profº Bruno

Comparação dos modos de cores

Verde limão

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

VAMOS PINTAR COM PIGMENTOS

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

Computação Gráfica aplicada ao Design - Profº Bruno

Preto misturado Preto puro

Computação Gráfica aplicada ao Design - Profº Bruno

Preto misturado Preto puro

Computação Gráfica aplicada ao Design - Profº Bruno

COR PIGMENTOSUBTRAI

A LUZ

Computação Gráfica aplicada ao Design - Profº Bruno

VOCÊ ACERTOU !

Computação Gráfica aplicada ao Design - Profº Bruno

OBA !

Computação Gráfica aplicada ao Design - Profº Bruno

O RGB é um “Sistema Aditivo” onde as cores são formadas através da “emissão/adição de luz” 

O CMYK é um “Sistema Subtrativo” onde as cores são formadas através da “absorção/subtração de luz” pelo papel substrato.

Resumindo

RED = 255 GREEN = 255 BLUE = 255+ + = Branco

CYAN = 100+MAGENTA = 100+YELLOW = 100+BLACK = 100 = Preto

Computação Gráfica aplicada ao Design - Profº Bruno

Resolução de imagem

O que é uma resolução de imagem?

Computação Gráfica aplicada ao Design - Profº Bruno

Resolução de imagem

Computação Gráfica aplicada ao Design - Profº Bruno

A resolução de uma imagem se refere a densidade de pixels (ou pontos impressos) que fazem parte daquela imagem ou gráfico. Quanto maior a resolução, maior será a definição e detalhe da imagem. Uma imagem com resolução baixa ficará borrada e com menos detalhes.

Resolução de imagem

Computação Gráfica aplicada ao Design - Profº Bruno

Pixel

Um pixel é o menor ponto que forma uma imagem digital, sendo que o conjunto de milhares de pixels formam a imagem inteira.

1 pixel de uma imagem

Computação Gráfica aplicada ao Design - Profº Bruno

Pixel

Computação Gráfica aplicada ao Design - Profº Bruno

DPI e PPI

A resolução de uma imagem é calculada em DPI (pontos por polegada ou “Dots Per Inch” em inglês) e PPI (pixels por polegada ou “Pixels Per Inch“.

Existem diferenças entre estes dois – DPI se refere a documentos impressos e quantia e espaçamento entre pontos cianos, magentas, amarelos e pretos, enquanto PPI se refere a pixels na tela.

Computação Gráfica aplicada ao Design - Profº Bruno

DPI e PPI

1 polegada = 2,54 cm

1 po

lega

da =

2,5

4 cm

Computação Gráfica aplicada ao Design - Profº Bruno

Resolução de Imagens

Computação Gráfica aplicada ao Design - Profº Bruno

Principais tipos de imagens (Extensão)

• Bitmap• JPEG• PNG• PSD• TIFF• GIF• RAW

MAPA DE BITSJoint Photographic Experts GroupPortable Network GraphicsPhotoshop Document Tagged Image File FormatGraphics Interchange FormatDo termo (Cru)

Computação Gráfica aplicada ao Design - Profº Bruno

Vetores

Em computação gráfica, imagem vetorial é um tipo

de imagem gerada a partir de descrições

geométricas de formas, diferente das imagens

chamadas mapa de bits, que são geradas a partir de

pontos minúsculos diferenciados por suas cores.

Computação Gráfica aplicada ao Design - Profº Bruno

A

Uma imagem vetorial normalmente é composta por curvas, elipses, polígonos, texto, entre outros elementos, isto é, utilizam vetores matemáticos para sua descrição.

Vetores

Computação Gráfica aplicada ao Design - Profº Bruno

Imagem x Vetores

Computação Gráfica aplicada ao Design - Profº Bruno

Imagem x Vetores

Computação Gráfica aplicada ao Design - Profº Bruno

Ilustração vetorialVetores matemáticos, linhas, curvas, angulação e nós.

Computação Gráfica aplicada ao Design - Profº Bruno

Ilustração vetorial

Outline / Aramado

Computação Gráfica aplicada ao Design - Profº Bruno

Principais Softwares de Designer Gráfico

Adobe Ilustrator Adobe Photoshop

Adobe InDesign

Diagramação

Ilustração vetorial Editoração de imagem

Computação Gráfica aplicada ao Design - Profº Bruno

Principais Softwares de Designer Gráfico