Prévia do material em texto
Teoria e Prática da Cor Kátia Lima Sistemas de impressão: padrão RGB e CMYK. ATENÇÃO O CONTEÚDO AUDIOVISUAL A SEGUIR É PARA USO EXCLUSIVAMENTE ACADÊMICO E ESTÁ PROTEGIDO PELAS LEIS DE PROPRIEDADE INTELECTUAL, SENDO VEDADA SUA CESSÃO OU OUTRA FORMA DE UTILIZAÇÃO NÃO AUTORIZADA, DO TODO OU DE QUALQUER PARTE COR LUZ COR PIGMENTO RGB VERMELHO VERDE AZUL OPACA VERMELHO AZUL AMARELO COR Sol, lâmpada, fogo, tela do computador Corantes opacos TRANSPARENTE CMYK MAGENTA CIANO AMARELO BLACK Corantes transparentes COR LUZ COR PIGMENTO Mistura ADITIVA Mistura SUBTRATIVA Adição dos comprimentos de onda no processo de geração da cor luz Absorção dos comprimentos de onda no processo de geração da cor pigmento COR Sol, lâmpada, fogo, tela do computador Corantes opacos Corantes transparentes CÍRCULO CROMÁTICO COR PIGMENTO OPACA Cores PRIMÁRIAS Cores SECUNDÁRIAS + = + = + = 1a 1a 1a 1a 1a 1a 2a 2a 2a 2a 2a 2a 3a 3a 3a 3a3a 3a Cores TERCIÁRIAS + = + = + = + + + + = + = + = + + + G Y R M B C Cores SECUNDÁRIAS + = + = + = Cores TERCIÁRIAS + = + = + = + = + = + = Cores PRIMÁRIASCÍRCULO CROMÁTICO COR LUZ • A imagem é renderizada na tela pixel a pixel. • Um pixel é uma unidade de ponto da tela do computador. • Juntos formam as imagens na tela. Fonte própria COR LUZ – DIGITAL – Padrão RGB • Cada pixel possui uma tonalidade • 16,7 milhões de tonalidades combinadas a partir de: Red, Green e Blue. • E o mesmo esquema de VALOR e SATURAÇÃO proposto no Sistema Tridimensional de Munsell. COR LUZ – DIGITAL – Padrão RGB SÓLIDO DE COR (SILVEIRA, p.60 e 75) • Isto significa que é preciso dizer ao computador a referência de cor para cada pixel dentro do sistema RGB. Fonte própria COR LUZ – DIGITAL – Padrão RGB • Cada uma das 16,7 milhões recebe um valor de intensidade que varia de 0 a 255. 255, 0, 0 0, 0, 2550, 255, 0 0%red, 100%green, 0%blue100%red, 0%green, 0%blue 0%red, 0%green, 100%blue • Sendo 0 = ausência de pigmento e 255 = 100% de pigmentação. COR LUZ – DIGITAL – Padrão RGB SCURI, 2021 255,0,0 255, 255, 0 255, 0, 255G Y R M B C 0,255,0 125,255,0 255,255,0 255,125,0 255,0,125 255,0,255 125,0,255 0,0,255 0,125,255 0,255,125 0,255,255 255,0,0 0,0,2550,255,0 0, 255, 255 125, 255, 0 255, 125, 0 255, 0, 125 125, 0, 255 0, 125, 255 0, 255, 125 Cores SECUNDÁRIAS + = + = + = Cores TERCIÁRIAS + = + = + = + = + = + = Cores PRIMÁRIAS Círculo cromático – cor-luz • CADA UMA das 16,7 milhões cores recebem PORCENTAGENS DIFERENTES de RGB: as saturadas, as dessaturadas, com muito valor, pouco valor, cromáticas e acromáticas Fonte própria 22% vermelho 45% verde 58% azul (regra de 3) COR LUZ – DIGITAL – Padrão RGB 0, 0, 0255, 255, 255 100%red, 100%green, 100%blue 0%red, 0%green, 0%blue • O branco é quando se tem o MAIOR VALOR para as 3 cores, ou seja, 255 para Red, Green e Blue. • O preto é formado quando se tem o valor 0 para essas 3 cores. • Tons de cinza: quando os valores são iguais para as três cores primárias: 179, 179, 179 é um cinza escuro, pois está próximo do preto 0, 0, 0. 35, 35, 35 é um cinza mais claro, pois está mais próximo do branco 255, 255, 255. COR LUZ – DIGITAL – Padrão RGB 179, 179, 179 35, 35, 35 70%red, 70%green, 70%blue 13%red, 13%green, 13%blue ESPAÇO DA COR MATERIAL (pigmentos) • Para garantir a fidelidade da cor indicada nos projetos • Mostruários físicos ou virtuais DIGITAL (filtros) • Configuração de cores em equipamentos digitais (sistema cartesiano) • Softwares de edição de imagens PANTONE • Indústria Gráfica • Indústria Textil MUNSELL BOOK OF COLOR • Indústria gráfica • Agronomia CORAL, SULVINIL, FÓRMICA, etc. • Construção civil • Interiores ProPhoto, Adobe RGB, sRGB • Câmeras fotográficas, TV, celulares, etc • Padronização das cores • Sistema de cores • Numeração ≠ nomenclatura • Globalização Transitando entre os padrões RGB e CMYK CMYKRGB REFERÊNCIAS ALVES, Gustavo Furtado de Oliveira. Entenda como funciona o código de cores RGB. Disponível em: <https://dicasdeprogramacao.com.br/entenda-como-funcionam-os-codigos-de-cores- rgb/>. Acesso em: 03 de set. 2021. ______. As 10 conversões numéricas mais utilizadas na computação. Disponível em: <https://dicasdeprogramacao.com.br/as-10-conversoes-numericas-mais-utilizadas-na- computacao/>. Acesso em: 03 de set. 2021. GULARTE, Daniel de Menezes. Imagem digital em design. Rio de Janeiro: SESES, 2016. HISOUR. Sistema de cores Munsell. Disponível em: < https://www.hisour.com/pt/munsell- color-system-24295/>. Acesso em: 29 ago. 2021. SCURI, Antonio Escaño. Fundamentos da Imagem Digital. Disponível em: < https://www.passeidireto.com/arquivo/16240548/apostila-imagem-digital>. Acesso em: 03 de set. 2021. VISIBONE. The 216 color webmaster’s palette. Disponível em: <https://visibone.com/colorlab/big.html>. Acesso em: 17 de out. 2021. Equivalências RGB, CMYK, HEXA: https://www.rapidtables.com/convert/color/rgb-to-cmyk.html https://www.rapidtables.com/convert/color/rgb-to-cmyk.html Paleta RGB EX01 b: CÍRCULO CROMÁTICO - CORES PIGMENTO Paleta CMYK 1) Complete o círculo CMYK a partir de suas equivalentes ao lado. 2) Imprima esta página em uma impressora comum. 3) Analise o resultado e escreva 10 linhas sobre o que aconteceu. 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,0,0,0 0,255,0 255,255,0 0,200,0 0,150,200 255,75,15 255,125,0 255,200,10 255,0,0 200,10,255 125,0,255 0,0,255 255,0,125 TEORIA E PRÁTICA DA COR – 2022-1 DATA PROVAS TRABALHOS NOTAS De 14/março a 30/abril 1º. Ciclo AVA – prova digital 1,0 extra De 11/abril a 30/abril 2º. Ciclo AVA – prova digital 1,0 extra 29/abril AV1 - Prova presencial EX01 (disco cromático aquarela + disco digital + painel semântico) 7 + 3 De 01/maio a 15/jun 3º. Ciclo AVA – prova digital 1,0 extra De 23/maio a 15/jun 4º. Ciclo AVA – prova digital 1,0 extra 28/maio a 11/jun AVD – prova digital (SIA) 10,0 03/jun AV2 – Prova presencial Trabalho de Desenho de Observação (EX03) 5 + 5 10/jun AV3 (prova substitutiva da AV1 ou AV2) 10,0 16 a 24/jun AVDS (prova digital SIA – substitutiva da AVD) 10,0 DESENHO DE OBSERVAÇÃO – 2022-1 DATA TRABALHOS NOTAS 18/04 EX01: redesign de produto + Book: tarefas de casa 1,5 09/maio EX02: exercícios do conteúdo digital 2,5 20/jun EX03: projeto de Design 6,0 SISTEMA DE AVALIAÇÃO Em cada aula haverá exercício prático onde serão observados: criatividade, dedicação e domínio do que for apresentado em sala de aula. 1ª. Avaliação – AV1 3,07,0 EX01: TRABALHOProva teórica 10,0 NOTA AV1 2ª. Avaliação – AV2 5,05,0 EX02: TRABALHOProva teórica 10,0 NOTA AV2 3ª. Avaliação – AVD e AVDS Prova digital - SIA 10,0 NOTA AVD e AVDS Teórica 10,0 NOTA AV3 (substitutiva da AV1 OU AV2) e/ou AVDS (substitutiva da AVD) OBS: • AVA: ponto extra • Nota 6,0 (min.) • 75% de frequência (04 dias de falta) OBS: Não serão aceitos trabalhos após a data de entrega, com exceção dos que vierem acompanhados de atestado médico.