COMPUTAÇÃO GRÁFICA (TACOG) CORES
CORES EM COMPUTAÇÃO GRÁFICA O uso de cores permite: melhorar a legibilidade da informação gerar imagens realistas focar a atenção do observador passar emoções etc.
CORES EM COMPUTAÇÃO GRÁFICA COLORIMETRIA - Conjunto de técnicas que permite definir e comparar cores. - Estuda como o olho humano percebe cada cor. Uma cor pode ser definida por 3 parâmetros: INTENSIDADE TONALIDADE CROMÁTICA SATURAÇÃO
CORES EM COMPUTAÇÃO GRÁFICA Elementos que descrevem a cor INTENSIDADE, BRILHO OU CLARIDADE indica o grau de intensidade luminosa da superfície examinada. TONALIDADE CROMÁTICA, MATIZ ou HUE caracteriza o comprimento da onda dominante da cor. SATURAÇÃO mede a pureza da cor quanto ela é saturada em um só tom.
PROCESSO DE FORMAÇÃO DE CORES Percepção de cores As diferentes cores (espectros luminosos) que podem ser percebidos pelo sistema visual humano correspondem a uma pequena faixa de frequências do espectro eletromagnético, que inclui ondas de rádio, microondas, raios infravermelhos e raios X:
PROCESSO DE FORMAÇÃO DE CORES Percepção visual do mundo baseada nas cores dos objetos Alguns animais só enxergam em preto e branco Outros conseguem ver cores para nós invisíveis Conseguimos distinguir algumas dezenas de tons de cinza. Discernimos vários milhões de cores diferentes. Só percebemos cores em presença de luz.
MODELOS DE CORES É necessário um método para definir cores. Modelos de cores: - fornecem métodos para definir cores. - cada modelo é definido usando componentes específicos de cores. Vários modelos de cores podem ser escolhidos ao se criar um gráfico.
SISTEMAS DE CORES FONTE: https://designersbrasileiros.com.br/diferenca-entre-rgb-e-cmyk/
SISTEMA DE CORES ADITIVAS Usados nos monitores de vídeo e TV. A cor é gerada pela mistura de vários comprimentos de onda luminosa, provocando uma sensação de cor quando atinge o olho. No processo aditivo, o preto é gerado pela ausência de qualquer cor, indicando que nenhuma luz é transmitida. O branco é a mistura de todas elas.
SISTEMA DE CORES ADITIVAS Modelo RGB Define a cor usando os seguintes componentes: R G B Vermelho Verde Azul Os componentes R, G e B são as quantidades de luz vermelha, verde e azul que uma cor tem e são medidos em valores que variam de 0 a 255.
SISTEMA DE CORES ADITIVAS Modelo RGB Monitores usam o modelo de cor RGB. Quando adicionamos luz vermelha, azul e verde juntas, de forma que o valor de cada componente seja 255, aparece a cor branca. Quando o valor de cada componente é 0, o resultado é preto puro.
SISTEMA DE CORES ADITIVAS Modelo RGB FONTE: adaptado de https://anamargaridatavares2.wordpress.com/2010/11/06/nocao-de-pixel-e-cores-digitais/
SISTEMA DE CORES ADITIVAS O cubo RGB
SISTEMA DE CORES ADITIVAS O cubo RGB
SISTEMA DE CORES ADITIVAS Canais RGB
SISTEMA DE CORES ADITIVAS Paletas de cores
SISTEMA DE CORES SUBTRATIVAS Usados em impressões e pinturas. Possui como cores primárias o Azul Ciano, o Magenta e Amarelo (CMY). No processo subtrativo, cores da luz branca são absorvidas. A luz branca ao atingir um objeto tem parte absorvida e parte refletida. O branco corresponde a ausência de cor e o preto à mistura de todas.
SISTEMA DE CORES SUBTRATIVAS Modelo CMYK O modelo de cor CMYK define a cor usando os seguintes componentes: C M Y K Ciano Magenta Amarelo Preto Os componentes C M Y K são quantidades de tinta ciano, magenta, amarelo e preto que uma cor CMYK contém e são medidos em porcentagem de 0 a 100.
SISTEMA DE CORES SUBTRATIVAS Modelo CMYK Materiais impressos são reproduzidos usando o modelo de cor CMYK. Ao combinar ciano, magenta e amarelo (valor de cada componente = 100%), o resultado é preto. Quando o valor de cada componente é 0%, o resultado é branco puro neste caso, não há impressão.
SISTEMA DE CORES SUBTRATIVAS Modelo CMYK FONTE: adaptado de https://es.wikipedia.org/wiki/modelo_de_color_cmyk#/media/file:cmy%e6%b7%b7%e8%89%b2%e6%a8 %A1%E5%BC%8F.png
SISTEMA DE CORES SUBTRATIVAS Paletas de cores
COMBINAÇÃO DE CORES ADITIVAS SUBTRATIVAS
COMBINAÇÃO DE CORES Mistura de cores Cores complementares Fonte: adaptado de http://fala-medacor.blogspot.com.br/
CÍRCULO CROMÁTICO FONTE: Revista Casa e Jardim. Círculo cromático: aprenda a combinar cores na decoração. Disponível em: <http://revistacasaejardim.globo.com/casa-e-jardim/dicas/noticia/2017/03/circulo-cromatico-aprendacombinar-cores-na-decoracao.html>. Acesso em 06 mar. 2017.
CÍRCULO CROMÁTICO FONTE: Revista Casa e Jardim. Círculo cromático: aprenda a combinar cores na decoração. Disponível em: <http://revistacasaejardim.globo.com/casa-e-jardim/dicas/noticia/2017/03/circulo-cromatico-aprendacombinar-cores-na-decoracao.html>. Acesso em 06 mar. 2017.
COLOUR WHEEL Aplicativo para S.O. Android, disponível na Google Play Store. Ótimo para harmonização de cores em projetos de design como decoração e sites, por exemplo. FONTE: Google Play. Colour Wheel. Disponível em: <https://play.google.com/store/apps/details?id=org.dobbo.colour&hl=pt_br>. Acesso em 7 jan. 2017.
USO DE CORES NAS IMAGENS A cor, como elemento fundamental em qualquer processo de comunicação, merece atenção especial. Ela interfere nos sentidos, emoções e intelecto. Seu uso correto pode resultar em rápida e correta assimilação da informação. O uso de cores permite: Mostrar as coisas conforme são vistas na natureza. Representar associações simbólicas. Chamar e direcionar a atenção. Determinar um estado de espírito. Tornar a imagem mais fácil de ser memorizada.
USO DE CORES NAS IMAGENS O uso de cor deve ser feito com cautela. Algumas observações: Escolhas inadequadas podem interferir na legibilidade da imagem Cores podem apresentar características distintas em condições diferentes Cores devem ser selecionadas de modo a não causar fadiga nos olhos do usuário nem deixá-lo confuso
O LIVRO DAS CORES FONTE: Mr. Oliver - Lab criativo. O livro das Cores. Disponível em: <http://followthecolours.com.br/gotas-decor/livro-das-cores/>. Acesso em 15 fev. 2017.
USO DE CORES NAS IMAGENS PRETO Age como estimulante para as demais cores e se harmoniza bem com todas elas. Apesar de conotações negativas, é um padrão para algumas situações como traje para noite, luto etc. Em nossa cultura está associada à noite, formalidade, estabilidade, medo, vazio, morte, anonimato etc. BRANCO Chave para comparação de cores. Possui leveza e contrasta bem com um fundo escuro. Seu brilho intenso pode causar cansaço ao se olhar durante muito tempo, além de diluir as demais cores exibidas. Em nossa cultura está associada a pureza, paz, inocência, limpeza, frio, vulnerabilidade etc.
USO DE CORES NAS IMAGENS VERMELHO Cor de maior impacto emocional, por sua associação com sangue e fogo. Eficiente pra sinalizar perigo ou chamar atenção. Deve ser evitado como cor de fundo ou áreas amplas, por conta de sua dominância. Associada à vitória, paixão, amor, força, guerra, energia, fogo, perigo, raiva e forças do mal. AMARELO Incandescente, com grande qualidade acolhedora. Sua associação com o sol faz com que simbolize a vida e o calor. Indica também atividade. Não deve ser usada como cor de texto, salvo fundo preto ou azul escuro. Associada ao sol, verão, ouro, colheita, risco, inovação, doença, traição etc.
USO DE CORES NAS IMAGENS VERDE Intimamente ligada à natureza, virou marca dos ambientalistas. Verdes sutis provocam estado de paz na mente, enquanto o verde em excesso pode resultar em aparência doentia. Associada à natureza, primavera, fertilidade, esperança, segurança, inexperiência, inveja. AZUL Por ser a cor do céu e do mar, sugere ar, espaço, profundidade. É uma cor fria, suave e tranquila, com propriedades relaxantes. Simboliza autoridade e espiritualidade. Não deve ser usada para textos ou detalhes finos. Associada ao céu, mar, estabilidade, paz, unidade, frio, depressão, mistério, conservadorismo.
AZEVEDO, Eduardo; CONCI, Aura; LETA, Fabiana Campus. Computação Gráfica: Processamento e Análise de Imagens Digitais. Vol. 2. Rio de Janeiro: Campus, 2007. 420pp. SOARES, Fabrízzio Alphonsus A. M. N. Processamento Digital de Imagens. 2012. Aula 1 a 4. Disponível em <http://www.inf.ufg.br/~fabrizzio/mestrado/pdi/aulas/>. Acesso em 15 fev. 2014. CAVALCANTI, Jorge. Website com material didático da disciplina Computação Gráfica da UNIVASF. Disponível em <http://www.univasf.edu.br/~jorge.cavalcanti/comp_graf.html>. Acesso em 19 mar. 2014. REFERÊNCIAS DESTES SLIDES
prof@afonsomadeira.com