1




 Introdução à Computação Gráfica
                 Aula - Cores



             Herbet Ferreira Rodrigues
22/04/2010   herbet@di.ufpb.br
Introdução
2


       A cor exerce uma tríplice ação:
         Impressionar   (a cor é vista quando impressiona
          a retina);
         Expressar (é sentida e transmitida como uma
          emoção);
         Construir (é construtiva, pois tendo um
          significado próprio, possui valor de símbolo,
          podendo assim, construir uma linguagem que
          comunique uma ideia);


                                          22/04/2010
Introdução
3


       O uso da cor na CG apresenta vários
        aspectos, como:
         Melhorar a legibilidade da informação;
         Gerar imagens realistas;

         Focar a atenção do observador;

         Passar emoções



         Enfim, torna o processo de comunicação mais
         eficiente.

                                          22/04/2010
Sistema Visual Humano
4


       Retina – contém dois tipos de celulas que
        detectam a luz e a transformam em impulsos
        nervoso:
         Cones

         Bastonetes




                                     22/04/2010
Sistema Visual Humano
5


       Cones
        6 a 7 milhões
         Localizados na região central da retina

         Sensíveis ao alto nível de iluminação

         Responsáveis pela percepção das cores

         Oferecem alta resolução




                                         22/04/2010
Sistemas Visual Humano
6


       Bastonetes
         75 a 150 milhões
         Estão concentrados na periferia da retina

         Sensíveis a baixos níveis de luz (permitem visão
          em ambiente pouco iluminados)
         Distinguem os tons de cinza

         São responsáveis pela visão periférica




                                          22/04/2010
Erros de Interpretação
7


       O cérebro humano possui dois hemisférios que
        atuam sob diretrizes diferentes.
         Esquerdo - geralmente é o processador lógico,
          dominante;
         Direito - usualmente associado a emoção e a
          criatividade, é o processador não dominante,
          subconsciente.
       Consequentemente, esses dois "mestres", que
        possuem pontos de vista diferentes, o que pode
        causar conflitos no reconhecimento de objetos em
        uma imagem.

                                           22/04/2010
Erros de Interpretação
8




                         22/04/2010
Erros de Interpretação
9




                         22/04/2010
Erros de Interpretação
10




                          22/04/2010
Universo Físico
11


        Cor é o resultado de uma radiação
         eletromagnética cujo comprimento de onda λ
         está na faixa visível do espectro.




                                      22/04/2010
Cores Primárias
12


        São cores básicas que podem ser usadas
         para produzir outras cores;
        O conjunto de todas as cores possíveis de
         serem formadas a partir das cores primárias
         é chamado de gamute.




                                       22/04/2010
Sistema de Cores
13


        Sistema RGB;
          Usado  nos monitores de vídeo e televisão;
          A cor é gerada pela mistura de vários
           comprimentos de onda luminosa;
        As cores primárias do sistemas RGB são:
          Vermelho,   verde e azul
        Preto – ausência de cor
        Branco – Mistura de todas as cores

                                           22/04/2010
Sistema de Cores
14


        Sistema CMYK;
          Usados    nas impressoras e pinturas;
        As cores primárias do sistema CMYK são:
          Ciano,   magenta, amarelo e preto;
        Preto = combinação das três cores
        Branco = ausência de cor




                                             22/04/2010
Sistema de Cores
15


        Sistema HSV ou HSB;
            Tonalidade (Hue);
            Saturação (Saturation);
            Valor (Value) ou Brilho (Brightness);
        Esse sistema define o espaço de cor da
         seguinte forma:
            Tonalidade – Tipo de cor, abrangendo desde
             o vermelho até o violeta. (valores de 0 a 360)
            Saturação – Pureza da cor. (valores de 0 a
             100%)
            Valor ou Brilho – Define o brilho da cor.
             (valores de 0 a 100%)

                                                     22/04/2010
Sistema de Cores
16


        Sistema YIQ;
          Utiliza   a luminância (brilho) e crominância (cor)
        Conversão para o padrão RGB:
         Y   = 0,299R + 0,587G + 0,114B
          I = 0,596R – 0,275G – 0,321B

          Q = 0,212R – 0,523G +0,311B

        Utilizado nas TVs a cores



                                               22/04/2010
Sistemas de Cores no Photoshop
17




                          22/04/2010
Uso da Cor
18


        A figura mostra de forma genérica, o
         significado mais admitido das cores na cultura
         ocidental.




                                        22/04/2010

Cores

  • 1.
    1 Introdução àComputação Gráfica Aula - Cores Herbet Ferreira Rodrigues 22/04/2010 herbet@di.ufpb.br
  • 2.
    Introdução 2  A cor exerce uma tríplice ação:  Impressionar (a cor é vista quando impressiona a retina);  Expressar (é sentida e transmitida como uma emoção);  Construir (é construtiva, pois tendo um significado próprio, possui valor de símbolo, podendo assim, construir uma linguagem que comunique uma ideia); 22/04/2010
  • 3.
    Introdução 3  O uso da cor na CG apresenta vários aspectos, como:  Melhorar a legibilidade da informação;  Gerar imagens realistas;  Focar a atenção do observador;  Passar emoções  Enfim, torna o processo de comunicação mais eficiente. 22/04/2010
  • 4.
    Sistema Visual Humano 4  Retina – contém dois tipos de celulas que detectam a luz e a transformam em impulsos nervoso:  Cones  Bastonetes 22/04/2010
  • 5.
    Sistema Visual Humano 5  Cones 6 a 7 milhões  Localizados na região central da retina  Sensíveis ao alto nível de iluminação  Responsáveis pela percepção das cores  Oferecem alta resolução 22/04/2010
  • 6.
    Sistemas Visual Humano 6  Bastonetes  75 a 150 milhões  Estão concentrados na periferia da retina  Sensíveis a baixos níveis de luz (permitem visão em ambiente pouco iluminados)  Distinguem os tons de cinza  São responsáveis pela visão periférica 22/04/2010
  • 7.
    Erros de Interpretação 7  O cérebro humano possui dois hemisférios que atuam sob diretrizes diferentes.  Esquerdo - geralmente é o processador lógico, dominante;  Direito - usualmente associado a emoção e a criatividade, é o processador não dominante, subconsciente.  Consequentemente, esses dois "mestres", que possuem pontos de vista diferentes, o que pode causar conflitos no reconhecimento de objetos em uma imagem. 22/04/2010
  • 8.
  • 9.
  • 10.
  • 11.
    Universo Físico 11  Cor é o resultado de uma radiação eletromagnética cujo comprimento de onda λ está na faixa visível do espectro. 22/04/2010
  • 12.
    Cores Primárias 12  São cores básicas que podem ser usadas para produzir outras cores;  O conjunto de todas as cores possíveis de serem formadas a partir das cores primárias é chamado de gamute. 22/04/2010
  • 13.
    Sistema de Cores 13  Sistema RGB;  Usado nos monitores de vídeo e televisão;  A cor é gerada pela mistura de vários comprimentos de onda luminosa;  As cores primárias do sistemas RGB são:  Vermelho, verde e azul  Preto – ausência de cor  Branco – Mistura de todas as cores 22/04/2010
  • 14.
    Sistema de Cores 14  Sistema CMYK;  Usados nas impressoras e pinturas;  As cores primárias do sistema CMYK são:  Ciano, magenta, amarelo e preto;  Preto = combinação das três cores  Branco = ausência de cor 22/04/2010
  • 15.
    Sistema de Cores 15  Sistema HSV ou HSB;  Tonalidade (Hue);  Saturação (Saturation);  Valor (Value) ou Brilho (Brightness);  Esse sistema define o espaço de cor da seguinte forma:  Tonalidade – Tipo de cor, abrangendo desde o vermelho até o violeta. (valores de 0 a 360)  Saturação – Pureza da cor. (valores de 0 a 100%)  Valor ou Brilho – Define o brilho da cor. (valores de 0 a 100%) 22/04/2010
  • 16.
    Sistema de Cores 16  Sistema YIQ;  Utiliza a luminância (brilho) e crominância (cor)  Conversão para o padrão RGB: Y = 0,299R + 0,587G + 0,114B  I = 0,596R – 0,275G – 0,321B  Q = 0,212R – 0,523G +0,311B  Utilizado nas TVs a cores 22/04/2010
  • 17.
    Sistemas de Coresno Photoshop 17 22/04/2010
  • 18.
    Uso da Cor 18  A figura mostra de forma genérica, o significado mais admitido das cores na cultura ocidental. 22/04/2010