Fundamentos das Cores
Autor: OlharAudiovisual | Publicado: 2012-11-15T05:32:00-08:00



Fundamentos das Cores


Vamos deixar o Blender um pouco de lado. Mas só um pouco! O assunto é cores e o objetivo é que você aprenda a usá-las em seus renders para dar um toque especial no resultado. Algumas mudanças bem simples podem melhorar o aspecto de sua obra.



Do You Dream In Color? Imagem de&nbsp;Peter Lee.

Vou tentar apresentar, de forma introdutória, um pouco sobre teoria das cores. Também algumas dicas e conceitos básicos que eu uso e vejo no trabalho de outras pessoas. Nada aqui é regra, então é claro que você não precisa seguir&nbsp;tudo&nbsp;em&nbsp;todos&nbsp;os seus trabalhos. É importante, porém, que você conheça essas “regras” para então poder quebrá-las.

&gt;” /&gt;

Antes de começar, uma pequena nota: também estou aprendendo, então se você éexpert&nbsp;no negócio, mas&nbsp;expert&nbsp;MESMO, e encontrar algum erro, pode colaborar corrigindo&nbsp;&nbsp;.

Por que aprender sobre cores?

Saber que misturando azul com amarelo obtém-se&nbsp;verde não é mais suficiente. Na busca por aquele render perfeito todo detalhe importa e cores não podem ficar de fora.

Fazer algo no Blender significa, entre outras coisas, criar algo que é prazeroso para os olhos. Aprender um pouco sobre teoria das cores vai ajudar a incorporá-las nas suas criações de forma correta. Você vai deixar de tomar decisões&nbsp;baseadas&nbsp;apenas no “achei bonito” e passar a entender porque a imagem ficou bonita. Ou então porque ela não ficou bonita e assim saber o que fazer para melhorá-la.

Mais uma vez, nada é regra. Afinal, todos tem um gosto diferente e cada trabalho tem suas características. Não vamos esquecer da subjetividade de um trabalho artístico.

Mas de quais cores estamos falando?

Certo, o post é sobre cores. Mas quais cores? A cor da roupa do meu personagem, do olho dele ou do carro que eu modelei? De tudo isso! O que você vai perceber é que cada cor transmite uma sensação e isso pode ser aplicado em qualquer parte do seu trabalho. No entanto, a aplicação das cores é mais efetiva e perceptível quando tratamos de iluminação. Então um bom começo é experimentar diferentes opções de iluminação, que refletirão no aspecto geral da imagem. Depois, conforme você for entendendo melhor, se preocupar com cores de elementos menores na cena.

O que é uma cor?

Cor é a percepção da luz. E a luz “é composta” de várias cores. Nós conseguimos enxergar as cores do espectro visível: vermelho, laranja, amarelo, verde, azul e violeta. A junção de todas essas cores forma o branco. Você provavelmente já sabe disso, mas um prisma pode ser usado para decompor a luz branca e revelar as cores que a&nbsp;compõem:



Capa do álbum “The Dark Side of the Moon”, do&nbsp;Pink Floyd.

Quando um objeto recebe uma luz, alguns comprimentos de onda são absorvidos e outros refletidos. Nós, então, percebemos essas ondas refletidas como cores. Quando um objeto verde, por exemplo, recebe uma luz, ele vai refletir apenas os verdes para o ambiente e para o observador (nós),&nbsp;absorvendo quase que totalmente as outras faixas da luz (vermelho, azul…).



A superfície reflete a faixa de luz verde e absorve quase que totalmente as outras.

Uma cor pode ser classificada de acordo com três características:

Matiz:&nbsp;é a característica mais “comum” da cor. Quando dizemos&nbsp;qual é a cor&nbsp;que vemos, estamos identificando-a pela matiz: vermelho, azul, amarelo etc. Dessa forma, é comum a palavra&nbsp;cor&nbsp;ser usada como sinônimo de&nbsp;matiz. A matiz está associada ao comprimento de onda dominante, como no caso da imagem acima, na qual o comprimento de onda dominante é o verde, portanto a cor (matiz) é verde.



Diferentes matizes com o mesmo brilho e croma.

Brilho, valor e luminosidade:&nbsp;representam o índice de &nbsp;intensidade luminosa da cor, ou seja, a quantidade de luz refletida pela matiz.



Variação de luminosidade (esquerda: escuro; direita: claro) com mesma matiz e croma.

Croma:&nbsp;está relacionada à pureza da matiz, que varia de intensa ou altamente cromática (pura) a neutra (sem cor: branco, cinza e preto). Cromaticidade pode ser apenas um dos nomes para a pureza da matiz. Um outro nome é saturação, bem mais utilizado. Na verdade, saturação seria a&nbsp;medida&nbsp;da pureza ou intensidade da matiz, mas vamos tentar manter a coisa simples por aqui.



Variação de croma (esquerda: neutro; direita: intenso) de duas matizes com mesma luminosidade.

Então podemos dizer, de forma bem simplificada, que a&nbsp;matiz&nbsp;define qual é a cor, obrilho, valor e luminosidade&nbsp;o quão clara/escura é a cor e a&nbsp;pureza, saturação ou intensidade&nbsp;o quão viva é a cor.

Sistemas de cores

Dependendo do meio em que estamos trabalhando diferentes sistemas de cores são utilizados.

Quando misturamos cores em uma pintura ou num processo de impressão, usamos osistema subtrativo. Nesse sistema, nós começamos com as cores primárias e terminados no preto. Misturando duas cores primárias temos uma secundária. Misturando uma secundária com mais uma primária temos um terciária e assim por diante. O que acontece é que a cada cor que é adicionada obtém-se um resultado mais escuro, que tende ao preto.

As cores primárias citadas acima geralmente são vermelho, amarelo e azul (RYB – red, yellow e blue, em inglês). Mas quando se trata de impressão, por exemplo, as cores primárias são ciano, magenta, amarelo e preto (CMYK – cian, magenta, yellow e key, em inglês).

Quando estamos num computador, as cores na tela são criadas com luz, usando o sistema aditivo. Nesse caso, quanto mais cor é adicionada mais claro é o resultado, que tende para o branco. As cores primárias utilizadas aí são vermelho, verde e azul (RGB – red, green e blue, em inglês).

Abaixo estão representados os sistemas CMYK (subtrativo), RYB (subtrativo) e RGB (aditivo).



Da esquerda para a direta: CMYK, RYB e RGB.

Círculo cromático

O círculo cromático é uma forma de representar cores num círculo para perceber a relação entre cores primárias, secundárias e terciárias. Essa forma de representação também ajuda a entender o que são cores análogas e complementares, que veremos nos próximos tópicos.

Quando o círculo é desenhado, as cores primárias utilizadas geralmente são o vermelho, amarelo e azul (RYB). Para começar a representação, essas três cores são posicionadas no círculo. Depois, na divisa entre cada cor, é colocada uma nova cor, resultante da mistura das cores ao seu redor. Surgem as cores secundárias. Para obter cores terciárias o processo é o mesmo, e ele pode ser repetido de acordo com o nível de detalhe desejado.



Círculo de&nbsp;Boutet de 1708&nbsp;com 7 cores (esquerda) e 12 cores (direita).

É mais comum o círculo ser usado apenas com diferentes matizes, como é o caso acima, mas também é possível representar a variação de luminosidade.



Farbentafel, de&nbsp;Wilhelm von Bezold’s – 1874.

Cores quentes e frias

Cores quentes são o vermelho, laranja, amarelo e variações. Numa imagem, essas cores serão mais ativas e provavelmente vão chamar a atenção do espectador.



Moe’s. Imagem de&nbsp;Victor Hugo Queiroz.

Cores frias, por sua vez, vão ser as cores passivas numa imagem, ou seja, não vão chamar tanta atenção. Elas são o azul, verde, roxo e variações.



Starry Night. Imagem de&nbsp;Mathias Pedersen.

A distinção entre cores frias e quentes pode ser feita pela forma como elas aparecem na natureza. Num dia de ensolarado ou num pôr do sol, vão predominar as cores quentes, enquanto num dia nublado ou chuvoso, as cores frias. Nos exemplos acima é perceptível a utilização de cores para a construção da atmosfera. A primeira mostra um ambiente&nbsp;aconchegante&nbsp;e acolhedor e a segunda frio e sombrio.

Relações e combinações de cores

E agora vem a parte interessante! A parte que você começa a escolher quais cores usar numa imagem.

O círculo para os exemplos abaixo é bastante simples e com ele vamos identificar algumas relações entre as cores e como podemos combiná-las.

Primeiro, o básico: as&nbsp;cores primárias&nbsp;utilizadas foram vermelho, amarelo e azul, como indicado na imagem. Essas cores são as mais básicas e não podem ser obtidas a partir da mistura de nenhuma outra cor.&nbsp;As&nbsp;cores secundárias&nbsp;são obtidas pela mistura de duas primárias.&nbsp;Misturando uma cor secundária com mais um primária, temos um&nbsp;cor terciária.



Imagem criada a partir das representações de&nbsp;Janet Lynn Ford.

Usar o círculo cromático pode ajudar a selecionar cores que são harmoniosas. Para isso, existem algumas combinações predefinidas.

A mais simples dessas harmonias é a&nbsp;monocromática. Ela é criada a partir de uma única matiz com variação de luminosidade e saturação. Veja como é simples:



Woodboy. Imagem de&nbsp;Michael Kutsche.

Outra harmonia resulta nas chamadas&nbsp;cores&nbsp;análogas. Quando usado numa imagem, esse conjunto de cores geralmente dá um resultado bastante prazeroso, porque as cores são parecidas. Então você pode escolher uma cor como base e formar um esquema de cores análogas para serem usadas em um imagem. Se a cor base for o laranja, as outras cores tenderão para o vermelho e amarelo, mas sem se distanciar muito da cor original.

Abaixo eu selecionei dois exemplos de cores análogas aplicadas em trabalhos.



Endzeit. Imagem de&nbsp;Michael Kutsche.



The Outpost. Imagem de&nbsp;Ognian Bonev.

Na primeira imagem, a cor base é o azul, e a segunda utiliza cores próximas ao laranja. Os autores provavelmente escolherem essas cores porque queriam passar sensações diferentes para quem vê a imagem, além de criar uma atmosfera apropriada. Perceba que não há grande variação de cores e que elas estão lado a lado no circulo cromático.

Outra combinação é a de cores&nbsp;complementares. Ao contrário das análogas, essas cores ficam distantes no círculo cromático, opostas. Teoricamente, quando cores complementares são misturadas, elas geram uma cor neutra (branco, cinza ou preto). É importante saber que, dependendo do sistema de cores usado (aditivo ou subtrativo), as cores complementares mudam, mas para nós isso não faz tanta diferença.

Quando cores complementares são usadas juntas, principalmente com bastante saturação, o efeito é de contraste. Se quero usar cores complementares, penso basicamente nestas combinações:&nbsp;vermelho&nbsp;com&nbsp;verde,&nbsp;azul&nbsp;com&nbsp;laranja&nbsp;e&nbsp;amarelocom&nbsp;violeta. Variações dessas cores também podem ser combinadas. Ao invés de azul e laranja, por exemplo, é possível usar azul e amarelo e o resultado também será de contraste, visto que o amarelo é semelhante ao laranja.

Abaixo, mais dois exemplos, dessa vez mostrando o uso de cores complementares.



Heart of the Forest. Imagem de&nbsp;Tuomas Korpi.



Before Contact. Imagem de&nbsp;Andrey Maximov.

Nem sempre o uso de cores complementares é tão óbvio, mas nos exemplos acima o contraste é bem perceptível: na primeira temos azul e amarelo e na segunda verde e vermelho. O efeito visual é, sem dúvidas, bastante interessante.

Uma dica de uso de cores complementares é para destacar algum elemento do restante da cena. Se você modelou algum animal, digamos, e ele é azul, um fundo amarelo/laranja vai ajudar a destacá-lo. Se o fundo também for azul, provavelmente seu bichano não chame tanta atenção e o elemento principal passe a ser tão importante quanto um fundo vazio. O exemplo abaixo ilustra muito bem isso – não há muito trabalho no fundo, apenas uma cor complementar à do personagem, e o resultado é muito bom!



Freaky Bird. Imagem de&nbsp;Patrick Beaulieu.

Semelhante à combinação complementar, temos a&nbsp;complementar dupla. Esta funciona da mesma forma que aquela, mas dessa vez quatro cores complementares são escolhidas. Então, ao invés de apenas um par de cores, dois são usados . Veja estes dois exemplos e tente identificar as cores complementares:



medan di sore hari. Imagem de&nbsp;Henryca Citra.



jetsam city II.&nbsp;Imagem de&nbsp;Henryca Citra.

No primeiro caso a imagem é bastante colorida. Mesmo assim, acredito que podemos destacar dois pares de cores complementares: o primeiro é o céu, bastante visível, com tons de azul e amarelo. Mas se olharmos os detalhes, é possível também perceber o uso do vermelho e do verde, que, como você já deve saber, são complementares. Veja só os prédios; as cores variam entre tons de vermelho e tons de verde, assim como no chão, que é verde, e outros elementos, como os veículos, que são vermelhos.

Na segunda imagem, os tons de azul presentes do céu e na água estão em&nbsp;contraste&nbsp;com a luz amarela vinda do fundo. Ao mesmo tempo, o verde presente nas fitas do vestido da mulher é complementar ao vermelho das sombrinhas. Portanto, também é um caso de combinação complementar dupla.

Abaixo, as quatro&nbsp;combinações&nbsp;que vimos até agora e mais duas.



Imagem criada a partir das representações de&nbsp;Janet Lynn Ford.

Uma das novas combinações presente na imagem acima é a&nbsp;tríade, que consiste basicamente em escolher três cores no circulo&nbsp;cromático&nbsp;de forma que a distância entre essas cores, por serem iguais entre si, formem um triângulo. Repare na imagem acima as cores no esquema triádico e veja como estão presentes abaixo:



Frame de&nbsp;Meet Buck. Animação de&nbsp;Denis Bouyer,&nbsp;Yann De Preval,&nbsp;Vincent E Sousa,&nbsp;Laurent Monneron,&nbsp;Julien Begault,&nbsp;Yannis Dumoutiers e Mickaël Védrine (site).

A outra é a&nbsp;complementar divida: uma matiz mais duas outras igualmente distantes de sua complementar. O resultado não vai ser muito diferente da combinação completar. Veja a&nbsp;imagem “Before Contact”, já usada como exemplo acima.&nbsp;Poderíamos&nbsp;dizer que trata-se de complementar dividida, levando em conta o vermelho como uma das cores e as outras duas o verde “amarelado” do chão e o verde “azulado” do fundo.

Estamos sendo bastante flexíveis aqui, afinal, são pequenas variações que, apesar de fazerem diferença no resultado, não demandam definir exatamente qual esquema estamos usando. Um dos motivos para isso é que estamos trabalhando com renderização 3D. Ao escolhermos as cores dos objetos da cena, por exemplo, na renderização elas&nbsp;apresentarão&nbsp;variações por causa de luz/sombra, Global Illumination, Ambient Occlusion etc.

Na verdade, esquemas de cores bem definidos são bastante usados por pintores. Nesse caso, os esquemas podem servir como palheta de cores, ou seja, se o esquema escolhido for complementar com as cores verde e vermelho, apenas essas duas cores de tinta (no caso de pintura tradicional) e as misturas delas serão usadas na pintura. No nosso caso, como não estamos pintando nada, isso não é necessário.

Use cores!

Depois de tudo o que vimos, podemos dizer que grande parte das escolhas de cores no seu trabalho vai ser feita a partir da experiência – coloca uma, não ficou bom, troca. Mas saber um pouco de como combinar cores com certeza pode ajudar! A dica final do post é essa:&nbsp;use cores!&nbsp;Já vi&nbsp;inúmeros&nbsp;trabalhos sem vida e/ou com cores que não valorizavam o que tinha sido feito. E nem era preciso refazer muita coisa para ficar mais interessante, como&nbsp;mudar a cor do fundo porque era a mesma do personagem. Tenha em mente que muitos fatores estão envolvidos no seu render e as cores não podem ficar de fora!

Para finalizar, fique com o curta de animação&nbsp;Parallel Parking, da&nbsp;Yum Yum, que utiliza bastante cores:



Este post&nbsp;foi baseado principalmente&nbsp;neste material&nbsp;(em inglês), seguindo a ordem dos conteúdos nele apresentados. Wikipédia também salvou a minha vida:&nbsp;1,&nbsp;2,&nbsp;3,&nbsp;4,&nbsp;5.