Guia Prático de Combinações de Cores - Colorindo com Inteligência

vamos falar de cores Até porque eu vejo muita gente fazendo umas coisas esquisita nesse meio aí mas é claro como o assunto cores é muito amplo eu vou trabalhar especificamente o basicão o principal para você fazer as suas combinações de cores e que as cores tenham harmonia e não fique com aquela carinha que foi o sobrinho do Tiozinho que fez hein aqui vai ser direto ao ponto e não videozinho de somel é de cor o vermelho remete a sangue carne calor naturalmente também ele está inteiramente conectado a sabor Apesar que esse é um baita tema

hein podia até rolar um vídeo sobre isso que que você acha comenta aí se você não me conhece eu sou o Cris e essa é a aula sobre combinação de cores quando a gente fala de cores o problema já começa do início e essa arte aí ô campeão é impresso é web é vídeo Sim você precisa saber disso antes para você já abrir no seu projeto para você escolher se vai trabalhar em RGB ou semic ou seja tela ou impresso na verdade eu vou precisar dos dois vai ter cartaz vai ter o Web nesse caso

eu não queria te desanimar mas você ó vai ter que trabalhar bastante hein mas como nosso foco aqui é falar de combinação de cores eu vou trabalhar inicialmente com RGB que é muito mais simples e vou deixar o samic ó até porque o conhecimento teórico é o mesmo que muda são alguns aspectos técnicos Quando falamos em RGB Tudo parte de três cores vermelho verde e azul RGB Isso é o que chamamos de cores primárias mas se você pegar duas dessas cores e misturar você já já parte pras cores secundárias na questão do RGB vamos ter

aí Amarelo seano Magenta e a brincadeira já começa a ficar mais interessante principalmente Se você começar a pegar cores primárias e secundárias e misturar com proporções diferentes nessa ocasião a gente começa a Gerar as cores terciárias que geralmente são cores menos intensas com mas com muita particularidade e pense o seguinte eu posso misturar essas cores com diversas variações gerando mais e mais cores fora isso a gente ainda tem uns tons de Cisa que vão de branco a Preto passando por uma série de valores intermediários aí o negócio fica realmente complexo com uma variação de cores

gigantesca Olha só quando a gente abre o seletor de cor aqui no ilustrator ele vem com essa carinha mas geralmente Se você prestar atenção está selecionado o Rui que é esse H Rui que traduzindo para o português é Matiz ajudou horrores agora segura ansiedade aí rapaz se eu trocar ali a bolinha de seleção pro s b r a gente vai visualizar que muda um pouquinho vamos manter ali no h a Matiz nada mais é que a cor propriamente dito isso a gente consegue ficar facilmente Ali pela linha de cores ó aqui eu mudo a minha

Matiz eu quero a cor azul eu quero uma cor verde então eu consigo alterar aqui já o quadradão ali ele traz outras informações se você reparar embaixo são as cores mais escuras em cima as cores mais claras à esquerda tem as cores com menor saturação e à direita as cores com mais saturação e isso por si só já nos gera um universo a gente consegue visualizar ali olhando onde estão as cores claras e as cores escuras não é verdade é fácil até fazer uma linha aqui para visualizar Quais são as cores claras e escuras ó

então se eu pegar aqui na metade do cinza e começar daqui eu posso esticar até lá no vermelho as cores para cima São as claras as para baixo são escuras eu sei não é tão visual assim infelizmente no Illustrator a gente tem que trabalhar dessa forma porém se você estiver no Photoshop você pode vir aqui na janela cor nesses três risquinhos e clicar aqui ó disco de cores esse formato é genial porque ali ao redor você tem tem todas as matizes ou seja todas as cores você pode escolher facilmente e o triângulo você pode dividir

exatamente na metade a parte de cima é luz a parte de baixo é sombra a esquerda fica sem saturação e a direita com saturação ó uma belezura infelizmente isso não tem padrão no ilust trito fica a dica dob mas se você fizer muita questão tiver ó um cascalho PR queimar você pode vir no Creative Cloud plugins escrever ali color e tem aqui ó Magic picker 19 dolet e você resolve esse problema no seu Illustrator ó se quiser me mandar um presente eu aceito voltando ali ao seletor de cor geralmente a gente trabalha no H na

Matiz que vai de 0 a 360 Ah por isso que tinha aquele círculo isso pequeno gênio já o s significa saturação ou seja o quanto ele vai ter essa Matiz ou se ele não vai ter essa Matiz vai ficar branco preto ou tons e cinza e o b é o brilho ou luminosidade ou seja se eu baixar ali ele vai ficando escuro e ele também vai de zero a 100 hsb na verdade é mais um curso que a gente trabalha junto com o RGB e o semi que é muito mais pontual a gente trabalhar diretamente

na matriz no brilho ou na saturação Daí você pode visualizar ali embaixo já tá o RGB ou seja vermelho verde e azul os valores de RGB vão de 0 a 255 se todos os valores estiverem zerados já vai ter o preto puro agora se eu puxar todos os valores pro máximo eu vou ter um branco puro isso porque RGB é um padrão de cor aditiva por é se a gente prestar atenção ali no semic posso visualizar que se estiver tudo zero eu tenho branco e se eu puxar aqui pro preto isso depende muito do padrão

de impressora o padrão de semic que você está utilizando mas o mais comum é 55 40 40 90 lembrando sempre que falando semic o ideal é você falar com a sua gráfica e os valores de semic vão de zero a 100 bom agora você já sabe como funciona o seletor de cor onde é que tá cada cor como é que você encontra Então aproveita para já deixar o like acionar o Sininho se inscrever para não perder nada e bora lá Bora o quê ah combinação de cores mas para falar de combinações Faremos o fluxo contrário

eu vou pegar campanhas prontas pra gente dar uma olhadinha Como foram combinadas aquelas cores e entender como funciona essa parada Claro para nos ajudar nessa parada eu vou usar o site color.adobe.com e a genial porque você pode criar suas paletas salvar na biblioteca e abrir em qualquer programa da Adobe mais um like aí hein entrando aqui eu vou em visitar extrair tema e puxo minha primeira campanha selecionar arquivo Burger King ele tem que identificar se principais cores já cria uma paleta de cor ali vou voltar pro disco de cores repare que todas as cores aqui

estão próximas do laranja é o que chamamos de cores análogas elas são próximas se combinam facilmente se você olhar aqui a harmonia de cores e colocar análogo você verá que terá uma paleta mais ou menos parecida Mas é claro quando a gente tem uma paleta de cor a gente acaba sempre trabalhando um pouquinho a parte de saturação e de brilho para conseguir ter um equilíbrio melhor e mais harmonioso entre os elementos mas organizando aqui ó a gente consegue visualizar que são cores análogas o método de cores análogas é um método bem comum de se combinar

as cores Eu particularmente gosto muito vamos substituir a imagem pegar aqui ó no B ali ele colocou as cores de formas diferentes por gente tem que identificar que a cor da mão ela é complementar ali ela não é uma das cores principais de combinação mas sim é claro a gente tem que trabalhar a questão de brilho e saturação dela para ter uma Harmonia mas não está as cores principais Então vou mudar pras cores que formam o elemento mais ou menos isso E é claro se eu chegar e for lá pro disco de cores O que

é que eu vejo que essas cores estão muito próximas ela tem uma pequena variação de Matiz chega até a ser algumas cores análogas mas eu diria muito mais do que isso essa é uma arte monocromática Então reparem as cores aqui se eu alinhar elas você verá que não vai alterar consideravelmente então Possivelmente poderia estar na mesma linha que seria monocromático ó ates monocromáticas são interessantes porém a gente tem que ter um pouco de cautela À vezes elas acaba ficando ficando um pouco monótonas e o que falar do Nescal adicionando aqui eu já visualizo ali os

azuis os amarelos e o vermelho e é claro se eu for pro disco de cores eu visualizo aqui um triângulo se Amarelo está análogo a outra aqui ó Mas poderia estar mais aqui que os azuis também estão análogos poderia estar aqui ou seja praticamente formando um triângulo que eu diria que é a harmonia de cor aqui é uma Tríade é claro que a Tríade ela fica muito mais forte se as cores estiverem dentro de um triângulo com os lados exatamente iguais Porém ela tem um pouco dessa variação porque é natural a gente mexer um pouco

do Rui não é Matiz Matiz durante o projeto tentando encontrar uma Harmonia entre as cores a gente sempre vai trabalhar com trad quando a gente quer uma arte cheia de cores Ah essa aí é Itaú he sim o Itaú trabalha bem forte ali o laranja e o azul que a gente já consegue identificar aqui apesar das variações de laranja que a gente já consegue identificar bem forte aqui então poderia até colocar esse aqui como laranja mais forte e esse aqui como Amarelo mais fraco Bora dar uma olhada no disco de cores para ver como fica

isso basicamente o laranja o amarelo queimado é a cor complementar nessa ocasião ele está trabalhando com cores análogas mas iso tem um motivo Claro Óbvio a gente tá trabalhando com Gradiente mais tons ali então é claro que a gente vai expandir esse laranja para as cores análogas mas se você prestar atenção no princípio básico Dessa arte você vai ver que ele trabalha com cores complementares se eu puxar o laranja aqui ó retinho com azul ó posso puxar todos eles inclusive Ó você visualiza que as cores ainda estão dentro um ponto bem interessante das cores complementares

é que ela geralmente é o que tem o maior contraste com a cor original então se você tem a cor principal e trabalhar com a cor complementar você consegue um contraste Fantástico que é exatamente um dos pontos fortes da identidade do Itaú essa aí eu gosto a famosa verdinha que a gente visualiza as cores da rine que na verdade é o vermelho e os tons de verde o amarelo é complementar e casa bem por conta da cor da cerveja do contraste levando isso aí lá pro meu disco de cores eu visualizo um princípio de Ina

que mas o principal é o seguinte cor principal cor complementar e cores análogas essa combinação aqui basicamente é um dividir complementar Aonde se eu colocar o vermelho para cá e trouxer Os Verdes eu vou chegar em umaa cor mais ou menos similar diversos tons de verde e tons de Vermelho e o amarelo acaba ficando muito bem inserido ali mas eu quero mais cores se liga nessa campanha da shopee muitas cores e o que eu de cores Me apresenta um Quadradão repara aqui ó se eu juntar basicamente eu formo um quadrado desse jeito eu consigo ir

muito mais longe do meu espectro de cores por isso que o formato quadrado é uma excelente harmonia para quem quer muita cor é claro que eu não podia deixar de fora o Mercado Livre vou tirar esse aqui da pele Ó vou botar na blusa e vou visualizar o disco de cores eu tenho a cor principal a cor complementar e cores análogas a ambas Então está bem claro que ali está sendo trabalhad as cores complementares e as análogas as complementares o que na Mania de cor podemos chamar de composto repare cores complementares e cores análogas todos

esses tipos de harmoni São caminhos fáceis pra gente chegar em alguma Harmonia de cor Mas a gente não precisa se ingessar elas mas é importante a gente ter em mente esse conceito bem claro do que é uma cor complementar o que é uma cor análoga O que é uma trila de um quadrado pra gente conseguir fazer uma seleção interessante porque é só assim que você vai criar uma paleta de cor interessante rapaz e mesmo com uma boa paleta a gente ainda tem que dar uma mexidinha lá na saturação e principalmente no brilho por isso eu

vou pegar uma paleta pronta de cores aqui no Adobe color e baixar lá na minha biblioteca PR ver o que eu consigo combinar e o que eu preciso ajustar se liga nessa Então eu vou vir aqui em tendências e Deixa eu escolher aqui ó Summer vou escolher essa paleta aqui ó vou adicionar a biblioteca Então já tem essa base de arte eu sei que não é arte mais genial mas o foco aqui é fazer a combinação de cores então aqui está a paleta que eu utilizei agora que a gente vai fazer a combinação a gente

vai ter que brincar um pouco de somelier claro eu tenho que saber para quem E como eu vou entregar essa mensagem aqui é uma arte sobre picolé picolé tem a ver com o verão poderia ter uma predominância Azul remetendo a frescor água mas eu vou partir do mais lógico vou partir de uma cor quente calor Nossa gente então selecionando o fundo vou adicionar o amarelão vamos primeiro trabalhar com essas cores flats depois a gente vai trabalhar alguns detalhes gradientes e tudo mais para ver esse modo de combinação né aliás Deixa eu aproveitar a brecha para

dizer o seguinte você quer produzir mais quer ser mais eficiente Então comece a utilizar atalhos pois isso agiliza muito seu processo e se você quer decorar os atalhos de forma fácil Conheça o manual prato de atalhos que é uma série de recursos como o hotk box que tem todos os atalhos das Abas principais Então você consegue olhar facilmente ali na palma da sua mão e acionar rapidamente tem paleta de ferramentas vídeos ensinando a memorizar cada um dos seus dedos e tudo isso por menos de salada Produza mais fature mais clique no link do manual prático

de atalhos aqui na descrição do vídeo e desse passe importante na sua carreira esse aqui da frente até poderia ser o laranja mas vai dar um Ino muito forte mas depois a gente trabalha melhor isso o picolé esse é o nome do produto Esse é o principal então ela vai ter que ter uma cor mais forte geralmente são cores mais primárias ou secundárias bem próximos ali e que tem um contraste grande com o fundo vamos ver qual que tá na nossa paleta provavelmente vai ser esse tom de vermelho ou laranja ó o vermelho é um

pouco mais intenso nessa segunda eu posso estar utilizando ó o laranja como combinação aqui por enquanto eu vou deixar preto mas depois a não vai trabalhar uma variação do laranja tá deixa preto por enquanto o logo não existe então eu posso escolher a cor mas a gente sabe que a gente tem que respeitar o máximo que a gente vai trabalhar é positivo ou negativo do logo Porém Aqui a gente pode escolher a vontade a cor porque não existe ok então vou usar a cor mais forte ali ó posso deixar o nome em branco Lembrando que

toda a paleta de branco preto tons e cinza ela está livre ali pro Uso só tem que tomar cuidado com a intensidade do contraste que eu tenho ou seja tem que ter contraste o suficiente para est sobre aquela cor selecionar aqui os picoles ó ess aqui eu vou botar o laranja laranja amarelo amarelo e o rosa ali a gente já consegue visualizar que ali tem alguma Harmonia porém a gente pode expandir um pouco mais as cores ali chegaram de uma Harmonia geral da cena porém eu ainda posso trabalhar com compos são de cores dentro delas

ou seja trabalhar com cores análogas cores complementares dentro da arte para variar mesmo vamos começar por esse fundo amarelo se eu colocar aqui ó em um Gradiente todo amarelão tirar a dúvida aqui ó Na verdade eu vou criar esse Gradiente aqui ó de forma livre vou deixar ele todo com amarelo pegando todos os quatro pontos e uma das formas mais simples de trabalhar com Gradiente é a gente trabalhar com cores análogas ou seja esse amarelo a minha cor principal eu posso trabalhar com cores análogas Mas é claro também sempre posso trabalhar brilho saturação porém é

bem comum essa pequena variação de cores análogas para deixar um pouco mais rico vamos ver então aqui ó vou passar minha cor pra hsb vou pegar uma cor análoga um pouquinho mais escura aqui pro canto deais pegar esse aqui embaixo também vou pegar uma cor um pouquinho mais forte pro Verde vou criar um ponto novo aqui ó esse especificamente eu vou trabalhar com a saturação dessa forma eu consigo dar mais estaque aqui ainda pras cores originais da mesma forma que eu trabalhei com cores análogas no background eu posso estar utilizando ali onde tá aquela faixa

laranja e também trabalhar com cores análogas e possivelmente do próprio amarelo porque eu não quero dar tanto destaque pra faixa nessa ocasião né Se eu quisesse o destaque o laranja já está interessante mas eu quero deixar um pouquinho mais complimentar como se fosse uma dobra leve Então vou adicionar aqui ó pegar um Gradiente tá os dois amarelos Só para confirmar não era o meu Amarelo beleza e um ponto do Gradiente aqui ó eu vou escurecer um pouquinho mais um pouquinho mais do que esse canto e aqui eu vou clarear um pouquinho esse ponto aqui também

posso tirar um pouquinho a saturação visualize que a base de cor de fundo é o amarelo mas eu não trabalhei só com a paleta dela sólida eu fui trabalhando ali as cores análogas e também um pouquinho da saturação e a gente consegue uma complexidade um pouquinho maior de background mesmo sem adicionar elementos ou trabalhar demais somente cores que é o nosso foco aqui o contraste aqui está legal porém se eu quiser aumentar um pouquinho eu posso pegar as cores e trabalhar aqui ó saturação ampliando a saturação de todos ó já fica bem mais vivo repare

que ali já criou forma já tá muito mais interessante na parte do palito ali a gente tem uma textura um pouco diferenciada então eu vou tentar trabalhar ela com modo geral a harmonia Geral do palito PR deixar a cor um pouco mais entro do Amarelo ela tá com azulado um pouco estranho para essa ocasião então Ó selecionando o Palito eu posso vir aqui em propriedades ó recolorir eu tenho aqui a paleta de cores então eu consigo rotacionar e visualizar para onde ela vai ficar cá ó tirando a saturação um pouco e trazendo um pouquinho mais

para cá ó agora o nome do produto e sub nome né ali a gente consegue visualizar que tem um bom contraste a gente poderia trabalhar até com outras cores ou até mesmo trabalhar ali na saturação dela para aumentar esse contraste e tudo tem que tomar cuidado para não ficar pesado também selecionando ó se eu quiser um pouco mais destaque ó Posso ligar ou manter aqui ó trabalhando na saturação ou até mesmo se eu quiser trabalhar uma pequena variação de cor eu consigo porém eu vou teresse original que eu estou satisfeito mesma coisa vai acontecer aqui

com fruta eu posso aumentar a saturação eh diminuir já não fica tão interessante mas posso escurecer aqui se eu precisar ou até mesmo fazer uma pequena alteração aqui da da Matiz vou manter original no texto aqui ó eu posso jogar o Laranjão e baixar o brilho ó baixar o brilho dessa forma ele vai trazer um pouquinho mais pro laranja e vai ficar um pouco mais harmônico não sei se você percebeu eu trabalhei com a paleta original mas mesmo assim as cores pem um pouco de ajuda para ficarem muito mais encaixadas com uma combinação muito mais

harmônica isso geralmente tá muito relacionado a cores análogas que a gente vai fazer os ajustes mas também a brilho e saturação e podendo se estender a cores complementares mesmo tendo uma paleta de cores originais eu não preciso me ater somente aquelas cores as cores análogas e complementares ali vão criar uma paleta muito mais rica e muito mais dinâmica Mas é claro como você viu os ajustes são pequenos próximos e já cria uma riqueza de valores e para fechar eu vou alterar a cor do logo pra Nossa Arte não ficar tão análoga seleciona aqui o logo

Ó vou botar esse azulzão ainda está equilibrado se eu selecionar toda a minha arte vier aqui em propriedade ser colorir eu consigo ver a roda de cores ó consigo visualizar as cores análogas as quais eu trabalhei e a cor complementar aqui da logo ó última dica para fechar esse vídeo sobre combinação de cores É sobre o gradiente deixa eu clicar aqui fazer um Gradiente básico aonde eu irei do vermelho até aqui ó no vermelho porém eu vou pegar a cor complementar do vermelho então ele foi do vermelho ao azul e vou duplicar isso vou puxar

a paleta de cores aqui a gente tá indo ó do vermelho para esse ciano né esse azul esse ciano aqui a gente tá fazendo isso aqui o que que acontece ele passa pelo meio da roda de cores o que deixa ele cinza Mas eu não quero esse cinza Eu quero um Gradiente rico um Gradiente colorido cheio de cores o que que eu tenho que fazer eu tenho que fazer que com que ess essa cor não passe aqui pelo meio então ele terá que passar pelos lados se eu tô saindo do vermelho eu posso vir aqui

pro Magenta pro azul e bater no ciano vou adicionar duas bases de cores aqui vou aproximar essas cores e aqui no intermediário vou mudar meu espectro vem exatamente do Meio Até a ponta de um lado ou pro outro então eu posso escolher esse canto aqui ó eu vou puxar ali pro azul e esse aqui eu vou puxar ali para Magenta dessa forma o meu Gradiente ele tá vindo aqui passando pelo espectro lateral ou seja não tem Tons de Cinza aqui eu tô passando diretamente de um lado pro outro passando pelos meus tons de cinza no

meio e é exatamente por causa da roda de cor que a gente vê vários gradientes ali acinzentados sem vida por quê porque não está passando pelas bordas da roda cromática se você fizer isso seu Gradiente vai ter vida o tempo todo se liga bichão então se você conseguiu compreender como é que você vai equilibrar as cores do seu projeto não esquece de deixar o like se inscrever acionar o Sininho para ficar ligado em tudo que acontece aqui no canal e já vou deixar aqui mais dois vídeos para você continuar seu estudo valeu pichão