teoria das cores e computação gráfica

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

Upload: bruno-henrique-ferreira

Post on 21-Feb-2017

543 views

Category:

Design


3 download

TRANSCRIPT

Page 1: Teoria das cores e computação gráfica

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

Computação Gráfica aplica ao design

Page 2: Teoria das cores e computação gráfica

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

Teoria das cores: Reprodução das cores

COR NÃO EXISTE

COR é LUZ REFLETIDA

Page 3: Teoria das cores e computação gráfica

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.

Page 4: Teoria das cores e computação gráfica

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.

Page 5: Teoria das cores e computação gráfica

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

Teoria das cores: Reprodução das cores

Page 6: Teoria das cores e computação gráfica

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

Page 7: Teoria das cores e computação gráfica

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

Page 8: Teoria das cores e computação gráfica

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

Page 9: Teoria das cores e computação gráfica

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

Page 10: Teoria das cores e computação gráfica

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

Page 11: Teoria das cores e computação gráfica

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

Page 12: Teoria das cores e computação gráfica

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

ENTÃO COR É LUZ REFLETID

A

Page 13: Teoria das cores e computação gráfica

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)

Page 14: Teoria das cores e computação gráfica

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

Síntese adtiva

Page 15: Teoria das cores e computação gráfica

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

Sistema de cores

R RedGreenBlue

GBSISTEMA DE COR LUZ

Page 16: Teoria das cores e computação gráfica

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

Sistema de cores

RGBSISTEMA DE COR LUZ

Page 17: Teoria das cores e computação gráfica

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

Page 18: Teoria das cores e computação gráfica

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

Disco de cores

Page 19: Teoria das cores e computação gráfica

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.

Page 20: Teoria das cores e computação gráfica

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

Síntese subtrativa

Page 21: Teoria das cores e computação gráfica

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

Sistema de cores – Cores Primárias (Subtrativa)

Page 22: Teoria das cores e computação gráfica

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

Sistema de cores

C CyanMagentaYellow

MYSISTEMA DE COR PIGMENTO

KBlack

(KEY)

k

Page 23: Teoria das cores e computação gráfica

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

Page 24: Teoria das cores e computação gráfica

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

Imagem impressa

Separação das cores

Page 25: Teoria das cores e computação gráfica

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

Imagem impressa

Page 26: Teoria das cores e computação gráfica

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

Comparação dos modos de cores

Verde limão

Page 27: Teoria das cores e computação gráfica

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

Page 28: Teoria das cores e computação gráfica

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

VAMOS PINTAR COM PIGMENTOS

Page 29: Teoria das cores e computação gráfica

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

Page 30: Teoria das cores e computação gráfica

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

Page 31: Teoria das cores e computação gráfica

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

Page 32: Teoria das cores e computação gráfica

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

Preto misturado Preto puro

Page 33: Teoria das cores e computação gráfica

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

Preto misturado Preto puro

Page 34: Teoria das cores e computação gráfica

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

COR PIGMENTOSUBTRAI

A LUZ

Page 35: Teoria das cores e computação gráfica

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

VOCÊ ACERTOU !

Page 36: Teoria das cores e computação gráfica

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

OBA !

Page 37: Teoria das cores e computação gráfica

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

Page 38: Teoria das cores e computação gráfica

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

Resolução de imagem

O que é uma resolução de imagem?

Page 39: Teoria das cores e computação gráfica

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

Resolução de imagem

Page 40: Teoria das cores e computação gráfica

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

Page 41: Teoria das cores e computação gráfica

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

Page 42: Teoria das cores e computação gráfica

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

Pixel

Page 43: Teoria das cores e computação gráfica

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.

Page 44: Teoria das cores e computação gráfica

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

Page 45: Teoria das cores e computação gráfica

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

Resolução de Imagens

Page 46: Teoria das cores e computação gráfica

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)

Page 47: Teoria das cores e computação gráfica

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.

Page 48: Teoria das cores e computação gráfica

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

Page 49: Teoria das cores e computação gráfica

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

Imagem x Vetores

Page 50: Teoria das cores e computação gráfica

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

Imagem x Vetores

Page 51: Teoria das cores e computação gráfica

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

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

Page 52: Teoria das cores e computação gráfica

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

Ilustração vetorial

Outline / Aramado

Page 53: Teoria das cores e computação gráfica

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

Page 54: Teoria das cores e computação gráfica

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

Principais Softwares de Designer Gráfico