Linguagem das Cores - Aula 4
-
Upload
jose-piraua -
Category
Technology
-
view
6.781 -
download
4
Transcript of Linguagem das Cores - Aula 4
![Page 1: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/1.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
PARÂMETROS DA COR
José Pirauá
![Page 2: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/2.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
DÊ NOME ÀS CORES A SEGUIR
![Page 3: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/3.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
1
![Page 4: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/4.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
2
![Page 5: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/5.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
3
![Page 6: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/6.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
4
![Page 7: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/7.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
5
![Page 8: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/8.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
6
![Page 9: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/9.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
7
![Page 10: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/10.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
8
![Page 11: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/11.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
9
![Page 12: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/12.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
10
![Page 13: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/13.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
O QUE SIGNIFICA
VERMELHO?
![Page 14: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/14.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
NOMENCLATURA
• O nome muitas vezes tem papel mais importante do que a própria cor
- Imagine uma mulher vestida de vermelho, para onde ela vai?
- O pretinho básico é 100% preto?
![Page 15: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/15.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
NOMENCLATURA• Os nomes variam entres as línguas
causando diferentes interpretações
- Não há bege em espanhol
- Azul e ciano tem o mesmo nome em italiano
- Roxo e violeta tem o mesmo nome em alemão
![Page 16: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/16.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
MENSURAÇÃO• A designação vocabular é ineficiente
• Os gráficos de referências também são
- Há grandes variações de tonalidade nas impressões
• Surgiram, então, os catálogos
- Escala PANTONE
![Page 17: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/17.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
ESPECTROFOTOMETRIA
• Uma amostra é inserida e sua cor é medida
É comparado o reflexo em relação ao papel branco para várias faixas coloridas do espectro.
![Page 18: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/18.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
COLORIMETRIA• É útil para superfícies iluminadas luzes
compostas
- Nestas a espectrofotometria é insuficiente
• Baseia-se na observação humana
- Defini-se um “observador padrão”
- Divide-se a luz em componentes (RGB)
![Page 19: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/19.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
ESTÍMULOS
• Luz direta: cor-luz
• Luz indireta: cor-pigmento
![Page 20: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/20.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
COR-LUZ
• Projeção direta da luz na retina
- Objetos que emitem luz
• Formação das cores por síntese aditiva
• Exemplo: monitores
- CRT, LCD, Plasma
![Page 21: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/21.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
SÍNTESE ADITIVA
• A cores somam luz
• Quanto mais, mais claro
• Cores RGB
![Page 22: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/22.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
![Page 23: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/23.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
![Page 24: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/24.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
COR-PIGMENTO• Projeção indireta da luz na retina
- Objetos que refletem luz
• Formação das cores por síntese subtrativa
- Parte da luz é absorvida pelo pigmento
• Exemplo: tintas
- Livros, roupas, carros
![Page 25: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/25.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
SÍNTESE SUBTRATIVA
• As cores subtraem luz
• Quanto mais, mais escuro
• Cores CMYK
![Page 26: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/26.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
![Page 27: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/27.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
![Page 28: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/28.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
EXERCÍCIO 1
1. Abra o Photoshop, crie um arquivo novo com o fundo branco e desenhe dois quadrados (em camadas separadas) nas cores: amarelo (FFFF00) e ciano (00FFFF).
2. Posicione os quadrados de modo que haja uma sobreposição parcial.
3. Usando os efeitos de mistura (blend) de camadas, simule uma síntese subtrativa.
![Page 29: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/29.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
EXERCÍCIO 2
1. Abra o Photoshop, crie um arquivo novo com o fundo preto e desenhe dois quadrados (em camadas separadas) nas cores: verde (FF0000) e vermelho (FF0000).
2. Posicione os quadrados de modo que haja uma sobreposição parcial.
3. Usando os efeitos de mistura (blend) de camadas, simule uma síntese aditiva.
![Page 30: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/30.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
RESOLUÇÃO
![Page 31: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/31.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
O QUE DIFERE O VERDE MUSGO
DO BANDEIRA?
![Page 32: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/32.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
PARÂMETROS
• Existem três parâmetros que são usados para definir as cores
- Matiz
- Saturação
- Brilho
![Page 33: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/33.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
MATIZ
• É a variação da essência da cor chamada também de tom
- Relação com o comprimento de onda
• Diferença entre ondas curtas (azul), médias (verde) e longas (vermelho)
![Page 34: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/34.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
MATIZ
![Page 35: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/35.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
BRILHO
• Luminosidade da cor
• O quanto a cor se aproxima do preto ou do branco
![Page 36: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/36.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
BRILHO
![Page 37: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/37.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
SATURAÇÃO
• Pureza e intensidade da matiz
• O quanto a cor se distancia do cinza de brilho correspondente
- Sem saturação temos apenas tons de cinza
![Page 38: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/38.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
SATURAÇÃO
![Page 39: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/39.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
EXERCÍCIO 31. No Photoshop, abra o arquivo
“Ninféias” (Minha Imagens).
2. Acesse o menu: Images > Adjustments > Hue/Saturation (atalho Ctrl + U)
3. Altere a matiz das cores de modo que as áreas verdes fiquem no tom de roxo e salve o arquivo com um novo nome.
![Page 40: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/40.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
EXERCÍCIO 41. Usando o arquivo original do exercício
3, diminua ao mínimo a saturação das cores e salve o arquivo com um novo nome.
2. Aumente ao máximo a saturação das cores e salve o arquivo com um novo nome.
![Page 41: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/41.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
EXERCÍCIO 5
1. Ainda usando o arquivo do Exercício 3, diminua em 50% o brilho da imagem e salve com um novo nome.
2. Volte ao arquivo original e aumente em 50% o brilho da imagem, depois salve com um novo nome.
![Page 42: Linguagem das Cores - Aula 4](https://reader031.fdocuments.net/reader031/viewer/2022020713/55731034d8b42a98748b4cf1/html5/thumbnails/42.jpg)
UFP
E •
CA
A •
NÚ
CLE
O D
E D
ES
IGN
ATIVIDADES EXTRAS
• Leitura e resumo
- PEDROSA, Israel. Da cor à cor inexistente. pp.107-119.
• Para o blog
- Com qual cor você se identifica mais?