Como Combinar CORES no Design Gráfico como um Ninja (Simples e Fácil)

nesse vídeo você vai aprender como combinar cores como um ninja desde que esse Ninja seja designer gráfico e eu vou te ensinar um macete profissional brutal para você não precisar nunca mais usar a roda de cores Se tem uma coisa que muita gente erra é na combinação de cores e essa daqui é uma das mais importantes Porque é ela que vai chamar a atenção do seu cliente uma delas né existem outras coisas que vão chamar atenção mas uma das que vai chamar atenção de primeira são as cores e se você errar nisso o seu design

vai ficar todo cagado pode ser a estrutura mais linda do mundo as imagens mais bonitas a combinação de fonte mais perfeita se você errar nas cores o seu design vai ficar uma bosta então se você chegou agora o seu j17 111 designer profissional há 16 anos quase 17 anos seja muito bem-vindo ao quadrante de 28 a se você gostar dos vídeos aqui do canal dá uma olhada nos links aqui na descrição e se inscreva agora eu vou te mostrar como combinar cores no seu design gráfico na prática na tela do meu computador essa daqui é

roda de cores e se você não tem nenhum conhecimento não tem familiaridade com ela não se preocupa porque até o final desse vídeo você vai entender perfeitamente como ela funciona mas fica aí até o final porque eu vou te ensinar como não precisar dela eu vou te ensinar alguns macetes aqui para você você combinar cores perfeitas como um ninja sem que você precise usar a roda de cores e é muito simples de fazer isso tá Uma Breve pincelada Aqui por cima essa roda de cores ela é composta pelas cores primárias azul vermelho e amarelo dependendo

da roda de cores que você tiver usando tá porque algumas vão ser variáveis essas cores aqui mas não vamos entrar nesses detalhes porque é um assunto muito mais aprofundado e que obviamente você vai aprender dentro do designer de outra dimensão mas agora para simplificar são as cores primárias azul vermelho e amarelo azul e amarelo dá verde tá vendo ó o verde aqui amarelo e vermelho dá o laranja Olha o laranja aqui olha o vermelho lá olha o amarelo aqui sacou depois como é que você encontra essa cor aqui juntando esse laranja com esse amarelo simples

assim como é que você encontra o roxo azul e vermelho mas como é que você encontra essa esse tom de Magenta aqui vermelho e roxo eu falei que depende da roda de cores Depende de alguns fatores importantíssimos para que isso funcione tá porque em alguns casos você não vai ter vermelho amarelo e azul você vai ter Amarelo ciano e Magenta em outros aspectos em outros em outras rodas de cores você vai ter outras cores ainda mas enfim não vamos entrar nesse detalhe como eu já falei pra gente simplificar essa daqui é a roda de cores

esse aqui é o inscrito inscrito roda de cores roda de cores inscrito beleza todo mundo apresentado bora começar isso aqui como como é que você faz para você combinar cores perfeitas no seu design gráfico usando a roda de cores você primeiro precisa entender precisa aprender alguns princípios básicos sobre combinações de cores que eu vou te ensinar nesse vídeo Claro que todo o assunto relacionado a cores ele é muito extenso e a gente poderia aprofundar demais aqui mas não vai ser esse o caso tá para você não precisar importar essa roda de cores tá aqui ó

você pode usar essa roda de cores aqui também porque ela já vai est adaptada ao perfil de cores que você vai est usando no seu Photoshop tá se não tiver usando Photoshop procura a roda de cores que você tiver usando aí tá se não tiver aparecendo aí no seu Photoshop vem aqui Window e clica na opção color aqui ou atalho f6 tá tem três tipos de cores três tipos de combinações que eu vou te ensinar agora que são muito utilizados são muito simples mas são muito eficazes para você usar na sua no seu design as

combinações nas cores do seu design a primeira delas são as cores complementares O que são cores complementares são cores que se complementam simples assim como que isso funciona Você tem o amarelo qual que é a cor complementar do amarelo é exatamente a mesma cor que estiver diretamente à frente dela nesse caso aqui nessa roda de cores é o roxo Ah eu quero usar o ciano o azulzinho aqui qual que é a cor complementar do azul laranja simples assim qual que é a cor complementar do verde limão Magenta simples assim sacou basicamente é isso tá essa

é uma das formas forma de você fazer a combinação de cores complementares OK depois a gente tem as cores análogas cores análogas são aquelas que são análogas a elas mesmas Qual que é o significado de análogo Olha só o significado de análogo é equivalente idêntico semelhante diferente distinto Ou seja tem ali alguma relação entre elas tá então isso são cores análogas O que são cores análogas amarelo laranja e o laranja mais escuro ou vermelho Magenta e roxo são sempre as cores que estiverem próximas ali são cores bem pertinhos uma das outras tá por exemplo verde

amarelo e esse amarelo mais escuro ou azulzinho esse azul mais forte esse azul quase roxo e assim por diante tá essas são as combinações análogas então se eu quiser usar o roxo aqui vamos mudar essa cor aqui se eu quiser usar esse roxo com uma combinação análoga eu vou pegar a cor que tiver do lado dela e a cor que tiver do lado dela simples assim ou poderia ser ao invés de ser ela no meio e as duas laterais poderia ser aqui ou poderia ser aqui aí nesse caso você vai precisar definir qual vai ser

a sua cor principal mas já a gente vai falar disso que é a nossa segunda etapa tá primeiro foco aqui na combinação porque essa é a nossa segunda combinação que são as cores análogas não tem uma roda de cores não quer usar essa roda de cores quer usar Photoshop que que você vai fazer você vai selecionar uma cor e vai usar as cores laterais por ex exemplo eu quero usar aqui o roxo certo então eu tenho a cor roxa qual que vai ser a cor análoga ao roxo vai ser aqui a cor lateral Então eu

tenho esse azul posso usar aqui o rosa também olha só que cores análogas lindas Olha que combinação maravilhosa essa daqui simples bem objetivo e direto não quero usar análoga quero usar complementar vou pegar Aquele roxo que eu peguei aqui mais ou menos tá aqui o roxo Qual que é a cor de direta a ele tá aqui ó é o verde Olha só combinação maravilhosa também simples assim tá mas ainda existe uma outra combinação que é fantástica e ela é muito boa também e é muito simples de você fazer que são as cores triádicas existem outras

além dessas mas como eu falei são mais avançadas são mais aprofundadas você precisa ter um conhecimento maior sobre outros aspectos as cores para poder entender essas outras combinações então se você quer aprender aprofundadamente as cores clica no primeiro link na descrição e vai lá conhecer o designer de outra dimensão porque lá você tem um módulo gigantesco focado especificamente em cores tá mas você já sabe sobre o designer de outra dimensão Então vamos focar aqui cores triádicas você vai simplesmente criar um triângulo para poder encontrar essas cores Olha só se eu criar aqui um triângulo Vamos

colocar uma cor preta para não confundir aonde essas pontas tocarem são as cores que você vai vai usar amarelo vermelho e azul se eu rotacionar isso aqui ó para onde quer que seja Olha só eu vou ter três combinações brutais para fazer olha só roxo verde e laranja Olha que paleta linda mano olha que coisa linda é assim que você faz uma combinação de cores pro seu design Mas calma aí que tem segredo aqui para você não fazer cagada tá porque a hora que você colocar essas cores exatamente dessas desse jeito aqui no seu design

vai ficar uma bosta e eu vou te explicar por que vai ficar uma bosta já aqui nessa segunda etapa você precisa definir qual vai ser a sua cor principal Como assim você vai ter duas cores Caso seja complementar você vai ter três cores caso sejam análogas ou triádicas Mas e aí como é que você vai definir qual cor vai ficar onde é a partir daí que você vai precisar definir uma cor principal uma cor secundária e uma cor de apoio ou uma cor de ênfase ou qualquer outro nome que você tenha aprendido por aí ou

o que você quiser dar tá não importa importa o que que você vai fazer com essas cores para você definir de forma precisa você vai ter que se aprofundar no assunto das cores porque não é tão simples não é simplesmente pega essa cor coloca aqui pega essa cor coloca aqui pega essa cor coloca aqui não é assim que funciona igual esse bando de bururu safado tá te ensinando aí tá não é assim você precisa ter conhecimento sobre peso sobre personalidade sobre como as cores influenciam sobre o significado dessas cores dessa combinação que você tá fazendo

outras coisas também relacionadas a isso para você definir aonde cada uma das cores vai ficar em qual lugar eu vou tentar simplificar sintetizar isso para poder te entregar o melhor conteúdo possível aqui de graça como que você vai escolher essas cores primeira coisa você tem cores quentes e frias tá você vai ter as cores mais quentes de um lado dessa roda de cores e as cores mais frias do outro lado as cores mais quentes chamam mais atenção que as cores mais frias Isso é uma regra não significa que você Obrigatoriamente tem que seguir essa regra

tá o que você pode fazer definir cores mais frias pro fundo e para informações menos importantes e cores mais quentes pras coisas mais importantes porque elas vão chamar mais atenção porque elas são mais importantes então o cliente vai olhar para elas de de uma forma mais importante não tem uma outra forma de falar isso tá é uma regra como eu falei você não precisa usar essa regra se você quiser você pode quebrar essa regra desde que você saiba o que esteja fazendo todos os alunos do designer de outra dimensão que estiverem assistindo esse vídeo vai

poder comentar aqui embaixo que eles sabem exatamente do que eu tô falando tá porque lá eu aprofundo isso de uma forma que você não vai encontrar em nenhum outro lugar porém é basicamente assim que você pode escolher Quais cores são principais Quais cores são secundárias e quais cores são de apoios cores principais podem ser essas cores que vão chamar a atenção por exemplo em caso de texto Eu poderia usar o laranja eu vou criar uma composição bem simples usando essa paleta de cores aqui só para você entender o que eu tô falando tá vamos supor

que essa combinação ela tá linda tá vamos supor que ela tá profissional que ela tem todos os detalhes e todos os elementos necessários para ser uma super composição tirando dando esse fato vamos passar pra combinação de cores aqui eu tenho três cores para poder trabalhar o verde o laranja e o roxo vamos aplicar essa regra que eu acabei de te explicar eu vou usar as cores mais frias pro fundo e a cor mais quente pros elementos principais onde eu quero chamar atenção aqui por exemplo e essa cor secundária aqui essa cor de apoio sendo o

verde essa é uma paleta de cores perfeita mas nessa combinação aqui ficou uma bosta sabe por quê Porque você não sabe as regras para poder aplicar essas cores da forma correta E é isso que eu já vou te explicar então aguenta aí mas a princípio essa daqui é a regra que eu acabei de te explicar tá cores mais frias pro final ou seja lá para trás para cor para elementos menos importantes e cores mais quentes pros elementos mais importantes eu poderia simplesmente ignorar esse Verde aqui pego esse verde e passo isso aqui pro Branco dá

para fazer isso dá com certeza você pode se você quiser mas eu quero deixar as coisas difíceis como é que a gente vai fazer então com esse roxo e esse Verde cagado aqui eu vou te explicar um macete profissional para você resolver esse problema de uma vez por todas agora nessa terceira etapa é onde vai entrar os maitos profissionais e regras e conceitos e teorias e outras coisas que como eu já falei eu não vou aof dá para não deixar esse vídeo gigantesco aqui basicamente Você vai precisar de três configurações Matiz saturação e brilho ou

luminosidade como você quiser chamar com essas três configurações a gente vai resolver isso aqui como vamos começar pelo fundo abrindo Aqui as nossas cores e você vai ter aqui a Matiz que tá aqui no h a saturação que tá aqui no s e o brilho que tá aqui no B eu vou simplesmente escurecer isso aqui olha só isso aqui já tá resolvido o problema só fiz isso aqui e já resolveu o problema tá mas eu ainda quero melhorar isso aqui como é que eu vou fazer esse verdinho aqui eu também quero resolver esse problema então

eu vou abrir e aqui no brilho eu vou aumentar o brilho para deixar ele mais forte e a saturação eu posso tirar um pouco da saturação também eu não quero ele tão saturado assim quero ele mais suavez inho Olha que lindo que tá ficando isso aqui e aqui embaixo eu também quero mexer nas cores eu quero aumentar a saturação disso aqui e o brilho eu também vou aumentar para deixar no mais forte possível porque eu sei o que eu tô fazendo tá se você não sabe o que tá fazendo Tá só colocando de forma aleatória

cara você precisa entrar no designer de outra dimensão para entender isso aqui tá não é de forma aleatória que a gente faz isso existem regras ex tem conceitos e você precisa saber o que tá por trás disso para poder aplicar de forma consciente como um profissional ou trazendo aqui pro nosso contexto combinar cores no seu design gráfico como um ninja beleza basicamente é assim que você resolve isso aqui tá mas beleza e aquele macete profissional que você falou que não precisa usar a roda de cores para poder aplicar essas combinações é uma coisa muito simples

que dá para fazer aqui no Photoshop muito simples mesmo mas isso só vai funcionar em poucas situações por exemplo Vamos abrir aqui essa roda de cores e vamos pegar uma cor que eu queira usar Vamos pegar esse vermelho aqui por exemplo tá vamos até mudar a cor Aqui do fundo para branco para poder ficar visível aqui a bandeira do Japão que não tem nada a ver com o que a gente tá fazendo mas vamos supor que seja isso aqui tá eu quero usar esse vermelho e quero usar uma cor complementar a ela como que eu

vou fazer isso aqui sem precisar da roda de cores você tem ali uma cor linda que você achou lá sei lá no canal do Sebastião design não sei você gostou daquela paleta você adorou aquela cor você quer criar uma paleta a partir daquela cor uma coisa que você pode fazer aqui para usar cores complementares é a seguinte você vai duplicar isso aqui só para ter um backup aqui já e vai aqui nos adjustments e vai escolher a opção inverter que é esse botãozinho aqui ó se não tiver essa aba adjustment você vai vir aqui Ó

nesses adjustments aqui embaixo e vai selecionar essa opção aqui ó inverte com isso você já vai ter uma cor inversa ao vermelho ou seja uma cor complementar Você vai clicar duas vezes aqui vai pegar essa cor vai dar um ok e vai tirar essa camada de ajuste da frente olha só que você tem duas cores perfeitamente Opostas aqui isso funciona muito para quando você por exemplo tem aquela cor bizarra que você não sabe como é que o cara encontrou ela como por exemplo aqui que sei lá vamos colocar um cque desse jeito Olha que combinação

louca essa aqui hein Ficou massa Isa aqui mas não é esse o caso você vai simplesmente habilitar a camada de ajuste do invert vai clicar aqui duas vezes na sua no seu Shape layer vai pegar essa cor aqui vai dar um ok e simples assim você tem uma combinação complementar perfeita macete Zinho de profissional aqui para te deixar pimposo para deixar o seu design supimpa Igual diz o nosso querido 97 é basicamente isso aqui que você faz isso aqui funciona com qualquer cor qualquer paleta qualquer coisa que você quiser e a partir dessa combinação que

você encontrou você vai controlar três elementos principais três configurações principais Matiz saturação e luminosidade Lembrando que isso aqui é só uma pincelada bem superficial de tudo que você vai aprender dentro do designer de outra dimensão Então imagina só o que tem no módulo de cores dentro do curso agora se você quiser aprender mais sobre cores clica aqui te vejo do outro lado do portal