design - teoria das corres

46
Teoria das cores Estudo sobre as cores e formas de aplicá-las

Upload: odair-cavichioli

Post on 21-Jun-2015

36.992 views

Category:

Technology


0 download

DESCRIPTION

Visão geral sobre a as cores, abordando desde seu estudo cromáticos até formas de aplicá-las na mídia.

TRANSCRIPT

Page 1: Design - Teoria das Corres

Teoria das coresEstudo sobre as cores e formas de aplicá-las

Page 2: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

2Estudos sobre a teoria das cores

Aristóteles: as cores eram uma propriedade dos objetos, assim como peso, material e textura. Eram seis no total: o vermelho, o verde, azul, amarelo, branco e negro;

Plínio (poeta do século V): acreditava que existiam três cores básicas seriam o vermelho vivo, o ametista e uma outra que chamou de conchífera (uma espécie de rosa perolado). O amarelo foi excluído por estar associado a mulheres (era usado no véu nupcial);

Leonardo da Vinci: publicou um livro chamado Tratado da pintura e da paisagem, que se opõem a Aristóteles ao afirmar que a cor não era uma propriedade dos objetos, mas da luz. Todas as outras cores eram formas a partir do vermelho, verde, azul e amarelo. Afirma ainda que o branco e o preto não são cores mas extremos da luz;

Le Blon (impressor do século XVIII): testou diversos pigmentos até chegar aos três básicos para impressão: o vermelho, amarelo e azul;

Goethe (escritor alemão do século XIX): criou um tratado sobre as cores que poria abaixo a teoria de Newton (início do movimento de arte Impressionista). Suas observações sobre a fisiologia e psicologia da cor, além da forma como os humanos a interpretam, foram usadas base para criar a Gestal.

Page 3: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

3O que é a cor?

A cor não é um fenômeno físico. É um estímulo orgânico que interpreta o reflexo da luz vinda de um objeto que foi emitida por uma fonte luminosa, correspondente ao espectro visível;

Espectro visível é o comprimento das ondas eletromagnéticas, que vibram à um nível visível, entre 380 e 750 nanômetros;

Ondas mais curtas (ultravioleta, os raios-X e os raios gamas) e mais longas (infravermelho, o calor, as microondas e as ondas de rádio e televisão) emitem um nível de radiação que não podem ser percebidas pelo olho humano.

Page 4: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

4Espectro Cromático

Page 5: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

5Espectro Cromático Visível

Page 6: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

6Aspectos orgânicos (Tricromacia)

Um mesmo comprimento de onda pode ser percebido diferentemente por diferentes pessoas, ou seja, cor é um fenômeno subjetivo e individual;

A retina é composta por células captam informação visual que o cérebro interpreta. Nosso olho é composto por:

Cones: São responsáveis pela captação da informação luminosa vinda da luz do

dia, das cores e do contraste. Bastonetes: adaptados à luz noturna e à penumbra.

Os cones se dividem em três tipos e respondem a comprimentos de ondas diferentes: azuis (B) e violetas, aos verdes (G) e amarelos, e aos vermelhos (R) e laranjas.

Por da adaptação evolutiva, são distribuídos de forma desequilibrada sobre a retina: 94% para R e G; apenas 6% para B.

Page 7: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

7Domínio

É a quantidade de uma cor sobre as outras;

Cores primárias sempre são

mais dominantes do que as

demais;

Page 8: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

8Intensidade

Intensidade é a vibração de uma cor sobre as outros;

São aspectos distintos e devem ser tratados separadamente;

Pode-se neutralizar ou enfatizar um elemento controlando o

domínio e a intensidade das cores.

Page 9: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

9Matiz

É a característica que define e distingue uma cor,

variando entre as cores vermelha, verde ou azul;

Diferentes comprimentos de onda (energia

eletromagnética) expressado como cor-luz

(transmitida pela TV) ou como cor-pigmento

(refletida dos corpos e substâncias).

Page 10: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

10Valor, tom ou luminosidade

É a quantidade de luz presente na cor, adicionando preto ou branco ao matiz;

Cores próximas do branco são consideradas com valor alto;

Cores próximas do preto são consideradas com valor baixo.

Page 11: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

11Saturação

É o grau de pureza de uma determinada cor;

Não existe cor DESSATURADA;

A cor terá mais intensidade se estiver menos misturada com outras cores em sua composição cromática;

Cores insaturadas (puras), mesmo que não dominantes, tendem a ser mais intensas, chamando mais atenção em uma imagem.

Page 12: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.Profundidade

12

Page 13: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

13Temperatura

Sensação transmitida pela cor, dando a impressão de ser:

Quentes:• Possuem uma vibração muito intensa;• Tendem a avançar (saltar) e vibrar;• Compostas pela derivação do laranja, vermelho e amarelo.

Page 14: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

14Temperatura

Sensação transmitida pela cor, dando a impressão de ser:

Frias:• Quando predominam, dá um caráter emotivo a imagem;• Tendem a retrair (encolher);• Compostas pela derivação do azul, roxo e verde.

Page 15: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

15Temperatura

Sensação transmitida pela cor, dando a impressão de ser:

Neutras:• Não há predomínio de tonalidades quentes ou frias;• Compostas pela mistura com o preto, branco, cinza, marrom e bege;• São muito úteis na criação de contrastes com qualquer cor.

Page 16: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

16Fenômenos das sínteses cromáticas

Cor obtida aditivamente (luz): Cor criada por objetos que emitem luz como monitores, televisão,

Sol, etc.

A luz é formada por adição de diferentes comprimentos de onda

das cores primárias de luz;

Vermelho + Azul (cobalto) + Verde = Branco

Page 17: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

17Fenômenos das sínteses cromáticas

Cor obtida subtrativamente (pigmento): Luz refletida por um objeto;

Fisicamente, pode ser reproduzida ao manchar uma superfície

sem pigmentação (branca);

Subtraindo os três pigmentos temos uma matiz de cor muito

escura, muitas vezes confundido com o preto (Ciano + Magenta +

Amarelo);

Page 18: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

18Fenômenos das sínteses cromáticas

Cor obtida por partição (grãos): Distribuição de pequenas áreas de cores;

Técnica desenvolvida por artistas impressionistas e pós-

impressionistas (pontilhismo, Georges Seurat) e estudada na “Lei

das Misturas” de Grassmann;

Pode ser utilizada como:

• Retícula do processo gráfico;

• Granulação do papel fotográfico;

• Visualização de pixel.

Page 19: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

19Círculo cromático

Método de representar o espectro visível agrupando

as cores na seqüência da freqüência espectral;

Seu gráfico é conhecido como Roda das cores,

Círculo das cores ou Círculo cromático.

Page 20: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

20Círculo cromático

Esquema Complementar

Relaciona cores diretamente opostas;

Possui intenso contraste, aplicando as cores

na saturação máxima, gerando uma

sensação de vibração;

Procure utilizar cores complementares de

valor, saturação diferente ou proporções

distintas.

Page 21: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

21Círculo cromático

Esquema Complementar

Page 22: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

22Efeitos ópticos

Page 23: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

23Círculo cromático

Esquema Divídico

Combina uma cor complementar com

mais duas adjacentes (vizinhas) a

ela;

Essa combinação possui um

contraste menor do que ao esquema

complementar.

Page 24: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

24Círculo cromático

Esquema Divídico

Page 25: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

25Círculo cromático

Esquema Triádico

Combina três cores eqüidistantes

(triangulação);

Como a intensidade entre as cores são

pouco distintas, esse esquema é mais

versátil;

Pode-se utilizar essa técnica para

diminuir a vibração óptica das cores.

Page 26: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

26Círculo cromático

Esquema Triádico

Page 27: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

27Círculo cromático

Esquema Tetrádico

Combina quatro cores

igualmente espaçadas;

Esse esquema pode ser

utilizado como técnica de

iluminação.

Page 28: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

28Círculo cromático

Esquema Tetrádico

Page 29: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

29Círculo cromático

Esquema Análogo

Combinação de duas ou três

cores adjacentes (vizinhas);

É o esquema mais harmonioso,

possuindo uma vibração

mínima.

Page 30: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

30Círculo cromático

Esquema Análogo

Page 31: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

31Círculo cromático

Esquema Monocromático Utiliza apenas uma cor e suas variações tonais, controlando a

mistura entre o matiz (branco), os meio-tons (cinza) e a sombra

(preto);

Esse esquema valoriza texturas e remove o fascínio que as cores

provocam, possibilitando evidenciar melhor a mensagem da

imagem.

Page 32: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

32Sistemas de cores

RGB Sistema de cores aditivas;

Formado por vermelho (Red), verde (Green) e azul (Blue);

É utilizado na eletrônica e recursos visuais eletrônicos.

Page 33: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

33Sistemas de cores

CMYK Sistema de cores subtrativamente;

Formado por ciano (Cyan), Magenta (Magenta), Amarelo (Yellow)

e Preto (Blak);

É utilizado em gráficas e fabricantes de pigmentos.

Page 34: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

34Sistemas de cores

HSB Sistema de cores por estrutura física tridimensional, baseado na

percepção humana;

Formado por tonalidade ou matiz (Hue), saturação (Saturation) e

brilho ou luminosidade (Brightness);

É utilizado em vídeo, para auxiliar a mente humana que não

consegue distinguir cores agrupadas.

Page 35: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

35Sistemas de cores

Lab Também conhecido como CIE;

Modelo criado pela Commission Internationale de I’Eclairage para

tentar padronizar a medida das cores;

O objetivo era criar um padrão que não se altera-se pela

característica de um equipamento;

Contém um canal A (eixo verde-vermelho), um canal B (eixo azul-

amarelo) e um terceiro canal L designado para luminosidade.

Page 36: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

36A cor na psicologia

As cores podem ter alguns significados e provocar lembranças e sensações diferentes às pessoas dependendo de sua cultura:

Cinza: elegância, humildade, respeito, reverência, sutileza; Vermelho: paixão, força, energia, amor, velocidade, liderança, masculinidade,

alegria (China), perigo, fogo, raiva, revolução, "pare"; Azul: harmonia, confidência, conservadorismo, austeridade, monotonia,

dependência, tecnologia, liberdade; Azul ciano: tranqüilidade, paz, sossego, limpeza, frescor; Verde: natureza, primavera, fertilidade, juventude, desenvolvimento, riqueza,

dinheiro (Estados Unidos), boa sorte, ciúmes, ganância; Amarelo: concentração, otimismo, alegria, felicidade, idealismo, riqueza (ouro),

fraqueza; Magenta: luxúria, sofisticação, sensualidade, feminilidade, desejo; Violeta: espiritualidade, criatividade, realeza, sabedoria, resplandecência, dor; Branco: pureza, inocência, reverência, paz, simplicidade, esterilidade, rendição; Preto: poder, modernidade, sofisticação, formalidade, morte, medo, anonimato,

raiva, mistério.

Page 37: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

37Psicodinâmica das cores

Produz diversas mudanças corpóreas (aumento involuntário da respiração e do fluxo sanguíneo; influencia no estado de espírito, de humor e de saúde).

Produz mudanças em nosso comportamento e atitudes;

Pode ser associada a diversos simbolismos e códigos de expressão artística e de comunicação visual, num processo de caráter universal.

Page 38: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

38Colorimetria

Processo usado pelos profissionais da área de fotografia e

computação gráfica, para medir e analisar a composição de uma cor.

Basicamente, esse estudo é definido pelo tom, saturação e

intensidade.

O tom é fisicamente o intervalo de uma onda que faz reconhecer uma cor como

sendo vermelha, uma outra como sendo azul, e assim por diante.

As cores da natureza são sempre mais ou menos saturadas. As cores mais

saturadas são aquelas que não são originárias de pigmentos, mas sim de

fenômenos interferenciais. No procedimento fotográfico, especialmente no indireto

(negativo-positivo ou positivo-positivo), a saturação do corante tem uma função de

terminante na qualidade do resultado final.

A intensidade, ou luminosidade, de uma cor é a característica que faz aparecer

mais clara do que uma outra, independente da sua saturação.

Page 39: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

39Teoria da colorimetria

A luz é formada pôr vibrações eletro-magnéticas,

que ao encontrar um obstáculo, é refletida ou

absorvida pelo mesmo, variando a intensidade da

cor, do reflexo, do brilho.

Isaac Newton (Inglaterra, 1666), descobriu em que

a luz podia ser decomposta através de um prisma

de cristal, que dá espectros cujas cores são

caracterizadas pelos comprimentos diferentes das

ondas.

Page 40: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

40Decomposição da luz por um prisma

Primárias: cores com maior freqüência

azul, vermelho e amarelo.

Secundárias: obtidas com a mistura das cores primárias

laranja, verde, violeta.

Terciárias: obtidas com a mistura das cores secundárias

vermelho-laranja, vermelho-violeta, amarelo-verde, amarelo-laranja, azul-

verde e azul-violeta, bistre, marrom, verde oliva, etc.

Nesta escala o amarelo é a cor mais clara (luz), o violeta a

mais escura.

Page 41: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

41Análise da colorimetria

Tom Natural: cor da superfície do objeto sem interferências. Altura de tom: grau de coloração naturais ou artificiais. Cor desejada e cor aplicada: a escolha da cor desejada,

não corresponde necessariamente à cor aplicada, para esta

etapa devemos analisar tom natural, altura de tom, volume de

difusão e técnica de aplicação. Carga e reflexo: uma tonalidade que tenha tendência a

escurecer. Cobertura: grau de incidência de luz. Difusão: quando a luz (monocromática ou heterogênea)

incide sobre um meio homogêneo, uma parcela da luz é

refletida, uma outra é absorvida no meio e o restante é

transmitido.

Page 42: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

42Difusão e reflexo de luz

Page 43: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

43Leitura fotográfica

Técnica em que se apropria de elementos de uma fotografia para criar elementos estéticos no layout;

1º - Análise da fotografia (aula de layout);

• Quem é o sujeito (elemento ou

tema principal) na foto?• O sujeito está na vertical ou na

horizontal?• Qual é o tipo de enquadramento?• O sujeito está em movimento?• Onde ocorre a ação (predicado)?• Existe alguma textura na foto?• Existem linhas, curvas e figuras

geométricas?

Page 44: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.

44Leitura fotográfica

2º - Sobre as cores:• Quais as cores que o sujeito apresenta?• Há uma predominância de uma cor

sobre a outra?• Existe um fundo?• Se o fundo for relevante, quais as cores

ao fundo do sujeito?• As cores do fundo “vibram” mais do que

as do sujeito?

3º - Sobre as proporções:• Quais as cores dominam a foto?• Quais as cores mais intensas?

Page 45: Design - Teoria das Corres

Composição de Páginas webOdair Cavichioli Jr.Escalas de cores digitais

Kuler

http://kuler.adobe.com

Color in Motion:

http://www.mariaclaudiacortes.com/colors/Colors.html

ColorSchemer – OnLine

http://www.colorschemer.com/online.html

45

Page 46: Design - Teoria das Corres

Teoria das coresEstudo sobre as cores e formas de aplicá-las