Você está na página 1de 63

MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21

A COR
03 . A COR
Índice
1. A COR
As qualidades da COR
MATIZ | SATURAÇÃO | VALOR TONAL
Sistemas de cor:
RGB
CMYK

MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


1 Como acontece a cor?

MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


A cor e a luz
 A cor é uma percepção visual provocada pela acção
de um feixe de fotons sobre células especializadas
da retina, que transmitem através de informação
pré-processada no nervo óptico, impressões para o
sistema nervoso.

O Espectro Vísivel da COR

4 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Como vemos as cores
 O olho humano normal possui 3 tipos de células
chamadas de “cones” que têm seu pico de ativação
nos seguintes espectos:

 Cones S – violeta*,
 Cones M – verde,

 Cones L – amarelo-limão*.

5 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


6 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
DECOMPOSIÇÃO DA LUZ BRANCA
 Um raio de luz branca, luz solar ou de qualquer
outra fonte equivalente, atravessando um prisma de
cristal se decompõe nas distintas cores que
constituem o espectro solar e que são vistas pelo
olho humano

7 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


8 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
1 O disco cromático

MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Disco cromático
 O disco cromático desenvolvido por Newton (1665)
pode ser uma ferramenta prática para pessoas que
trabalham com cores.

10 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


 Disco
desenvolvido
pelo artista
americano
Donald A. Jusko
que se
propõem uma
representação
precisa das
relações
cromáticas
reais.

11 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Através do disco é fácil
perceber a relação
entre as cores.

Cores complementares
ficam em oposição umas
às outras, cores análogas
ficam em sequência.

Há também a variação de
satuação e luminosidade
nos raios do círculo.

12 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Nos programas da
ADOBE e outros softwares
de produção gráfica e
multimédia, há dois
modelos de cor que é
necessário saber:

13 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


CMYK RGB
 é tinta – pigmento  é luz
 Sistema subtrativo  Sistema aditivo
 CMYK é o sistema mais utilizado  O propósito principal do sistema
pelas gráficas para a produção RGB é a reprodução de cores
de material impresso: revistas, em dispositivos eletrônicos como
cartões de visita, panfletos, etc. monitores de TV e computador,
“datashows”, scanners e câmeras
digitais, assim como na
fotografia tradicional.
14 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
RGB
 RGB (Red, Green, Blue – Vermelho, Verde, Azul)
são as cores primárias do sistema aditivo
 (por adição de luz) usado para projeção em tela
(monitores, projetores, televisores). A luz é
separada em três canais de cores cuja soma
resultará em branco. O preto é obtido pela a
ausência de emissão (como no monitor apagado).
As demais cores são obtidas pela mistura dessas
três cores em diversas intensidades.

15 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


RGB - Adição da cor

16 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


CMYK
 CMY (Cyan, Magenta, Yellow – Cian, Magenta,
Amarelo) são as cores primárias do sistema
 Usado para impressão (jacto de tinta, laser, off-set,
serigrafia etc) em suportes que refletem luz (como o
papel branco).
 As tintas são transparentes e funcionam como filtros
bloqueando a luz refletida pelo suporte. A soma
de todas as tintas é o preto e a ausência de tinta
revela o suporte branco.

17 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


18 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
19 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
20 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
As cores combinadas
 A combinação destas
6 cores formam uma
relação primária e
secundária de cores,
que podem ser
misturadas para criar
todas as cores
existentes entre elas.

21 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Todas as 6 cores são compostas por
uma cor complementar e dois
componentes

22 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


As relações entre as cores

MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Primárias
 As cores primárias raramente são usadas em
conjunto;
 Excepção feita em temas
relacionadas com
as crianças;
 No entanto, muitos logos
utilizam 2 destas cores,
mas é preciso cuidade.

24 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Secundárias
 Partilham muitas características:
2 o azul
2 o vermelho
2 o amarelo
 Por isso juntas são tão
harmoniosas;
 Suaves; convidativas;
e dão uma agradável
 profundidade

25 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Monocromática
 Valores escuros, médios e claro de uma única cor.
 Não há profundidade
 Mas há contraste,
importante no design

26 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Análoga
 Cores adjacentes.
 Partilham fortes tons:
aqui: amarelo e vermelho
 Cria-se uma harmonia
agradável de baixo
contrastre
 O uso desta paleta é rica
e fácil de usar

27 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Complementares
 Cores opostas no disco cromático.
 A cor complementar trás CONTRASTE
 Uma cor e sua complementar
traz energia, vigor
e excitação;
 A cor complementar é
usada mais vezes em
menos quantidade.
 Laranja sobre fundo azul

28 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Separar as Complementares
 As cores análogas à complementares.
 A sua força está na
beleza do baixo
das cores análogas,
com aa adição de um
ponto de cor /detalhe
da cor contrária/oposta

29 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Proposta de Exercício
 Em pares, pesquisar logotipos nos quais identifique
qual a relação de cores existentes:
 Ex:

Utilização de 2 cores complementares

Logo PT - Azul e laranja


Logo SKRUMPS – violeta e verde
seco

30 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


31 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
Proposta de Exercício
Utilização de 2 cores primárias

IKEA : azul e amarelo | Macdonalds: Amarelo e vermelho

32 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


1 As qualidades da cor?

MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Sistemas de análise da COR

34 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Sistemas de análise da COR
 O artista americano Albert Munsell (1858-1918) foi
um dos responsáveis por desenvolver um sistema hoje
adaptado pela CIE (Commission International de
l’Eclairge) que é uma referência para descrição de
cores no computador.
 Este sistema pode ser encontrado com diferentes siglas:
 HSV (Hue, Saturation, Value – Matiz, Saturação, Valor);

 HSB (Hue, Saturation, Brightness – Matiz,


Saturação, Brilho);
 HSL (Hue, Saturation, Lightness – Matiz, Saturação, Luminosidade).

35 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


As qualidades da cor
 Pode ser definida através de três características
específicas que constituem a totalidade da
informação luminosa correspondente à cor: matiz,
saturação e brilho/valor tonal (luminosidade)

36 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


As 3 características fundamentais

MATIZ / TOM
SATURAÇÃO
BRILHO / VALOR TONAL
(luminosidade)

37 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


MATIZ
 Cor refletida de ou transmitida por meio de um
objeto. É medida como um local no disco de cores
padrão, expresso como um grau entre 0° e 360°.
 No uso comum, a matiz é identificada pelo
nome da cor, como VERMELHO, AZUL ou
VERDE.
 É a característica que define e distingue uma
família de cores provenientes da sua dessaturação

38 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


MATIZ
 na teoria das cores, matiz se refere à cor "pura",
sem adição de branco ou preto.
 No círculo de cores desta teoria, o matiz é um
elemento posicionado no círculo mais externo cuja
cor se torna mais branco na medida em que se
aproxima do centro.

Matizes numericamente ordenados num espaço de cor HSL / HSV

39 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Escala das MATIZES do CÍRCULO CROMÁTICO
Matiz - VERMELHO

Abrir o PHOTOSHOP

40 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


SATURAÇÃO
 É a intensidade ou pureza da cor (às vezes,
denominada croma).
 É a sua característica quantitativa.
 A saturação representa a intensidade de cinza na
proporção da matiz, medida como uma
percentagem de 0% (cinza) a 100% (totalmente
saturado).

 No disco de cores padrão, a saturação aumenta do centro para a aresta.

41 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


 Considera-se mais saturada, a cor que menos
branco ou preto contiver. Quando uma cor se
encontra em sua máxima força e não contém
nenhuma fração de branco ou preto, se diz que tem
saturação máxima.
 Por exemplo, o rosa é menos saturado que o
vermelho porque contém branco.

42 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Ecran normal Matiz – VERMELHO
COR PURA

Dessaturação com branco

Dessaturação com cinza

Dessaturação com preto

43 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Ecran - SATURAÇÃO

44 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Mudar ECRAN para SATURAÇÃO
Matiz – VERMELHO
COR PURA
100% PURO

GRADAÇÃO
DE SATURAÇÃO
DA COR
VALOR
DA SATURAÇÃO
0% SATURAÇÃO DA COR

45 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


GRADAÇÃO DE SATURAÇÃO

46 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


VALOR TONAL – BRILHO -
luminosidade
 Referente a ele, um pigmento de cada nuance pode
ser clareado ou escurecido adicionando branco ou
preto a um matiz.

 A luminosidade ou escurecimento relativo da cor,


geralmente medido como a porcentagem de 0%
(preto) a 100% (branco).

47 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Medir a cor
 A temperatura de cor é uma analogia entre a cor
da luz emitida por um corpo negro aquecido até a
temperatura especificada em Kelvin e a cor que
estamos comparando.
 Ex.: uma lâmpada de temperatura de cor de 2.700
K tem tonalidade suave, já uma outra de 6.500 K
tem tonalidade clara.

48 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


 A temperatura de cor é uma caracteristica da luz
visivel, usada em muitos casos, incluindo a
fotografia.
 Para que serve
* Calibrar o monitor de modo a que as cores que vemos no monitor
correspondam o mais fiel possível á cor que irá ser impressa
* Nos fotografia analógica , os filmes eram calibrados para uma
determinada temperatura de cor que era designado por exemplo por
daylight film
* Na fotografia digital a temperatura de cor é ajustada quando podemos
ajustar o White Balance

49 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


50 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
VALOR TONAL - BRILHO
 Está directamente relacionado com o grau de
clareza, ou seja, quantidade de luz.
 Por exemplo o
branco é luminoso e o
preto não tem luz.

 A cor mais luminosa é o amarelo e a de menos


luminosidade é o violeta.

51 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


 A escala tonal de uma cor é formada por seu matiz
– cor pura correspondente ao espectro solar – e
por suas sucessivas dessaturações com branco, preto
ou cinza, variando a intensidade de sua
luminosidade.

52 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Mudar ECRAN para
VALOR TONAL / BRILHO / LUMINOSIDADE
Matiz – VERMELHO
COR PURA
100% LUZ

GRADAÇÃO
DE LUMINOSIDADE
DA COR

VALOR
0% LUZ
DA LUMINOSIDADE
DA COR

53 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Modelo de cores HSB

H. Matiz
S. Saturação
B. Brilho

54 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


 Problemas de contraste de valor
 Quando duas cores de matizes diferentes mas de
mesmo valor são sobrepostas temos o efeito de
“vibração” e a dificuldade de distinção de figura e
fundo.
 Neste exemplo o conjunto à esquerda é convertido
para “tons de cinza” revelando que o verde tem o
mesmo valor do rosa.

55 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Psicologia da COR

MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


A Temperatura da cor

57 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Psicologia básica das cores
 Here are some of the most frequently used colors and the positive messages
they communicate. As noted, this basic chart isn't comprehensive. It doesn't
list negative associations and it doesn't discuss the best ways to combine
colors. However, it is an interesting introduction to colour psychology. When
we work our logo design magic, we bring even more to the table.
BLACK: Mystery, secrecy, tradition.
BLUE: Power, calmness, success, trustworthiness.
BROWN: Earth and nature, simplicity, seriousness.
GREEN: Harmony, health and healing, nature and animals, money.
ORANGE: Affordability, fun, youth, creativity, celebration.
PURPLE: Fantasy and dreams, justice, royalty.
RED: Excitement, action, adventure, love, passion, food.
WHITE: Simplicity, cleanliness, innocence.
YELLOW: Cheerfulness, playfulness, curiosity, amusement.

58 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


59 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com
claudiasaraiva.prof@gmail.com

60 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


 Vamos ver umas pequenas animações sobre a
personalidade da cor

 http://webtest.dyrup.dk/servlet/Satellite?cid=110
9848013218&pagename=Internet%2FPage%2FG
enericPageNL&c=Page

61 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Bibiliografia e
 http://help.adobe.com/pt_BR/Photoshop/11.0/WSAAFD9CC8-831E-
4593-8694-B39919F72A26a.html
 http://pt.wikipedia.org/wiki/Cor
 http://pinturaemcurso.blogspot.com/2009/02/teoria-da-cor-fundamentos-
basicos-parte_22.html
 http://csep10.phys.utk.edu/astr162/lect/light/spectrum.html

62 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com


Livros e links de interesse
 http://www.dalete.com.br/aulas/cor_transpar.pdf

63 MÓDULO – PROJETO DE DESIGN – ESQP – 2020/21 claudiasaraiva.prof@gmail.com