Noções básicas de design: teoria das cores

1. Introdução: Olá e bem-vindo a este curso básico de design falando sobre teoria de cores. Meu nome é Ben Nielsen e sou educador de design imediato que dá aulas de design presencial e online há mais de seis anos. Estou tão grato por ter decidido juntar-se a mim nesta aula sobre teoria das cores. A cor é uma das minhas coisas favoritas. Adoro cor. Adoro ver a cor. Adoro usar cores nos meus desenhos. Por isso, estou muito entusiasmado por poder partilhar esta aula convosco. Cor. É um tópico absolutamente enorme do InDesign, e você pode ter toneladas e toneladas de classes diferentes e obter toneladas de diferentes perspectivas, cores. E você pode realmente mergulhar profundamente na cor e aprender todos os tipos sobre coisas diferentes. E há diferenças de cor quando você está trabalhando com meios físicos como tintas. Ou se você estiver trabalhando com mídias digitais, como o Photoshop ou o Procreate. E então há muitas perspectivas diferentes sobre a cor. E este curso mal vai arranhar o básico. Vamos começar com algumas coisas que provavelmente vão parecer muito familiares para você, coisas como a roda de cores. E então passaremos para alguns tópicos mais avançados. Mas nós ainda estaremos apenas entrando em apenas pouco abaixo da superfície da teoria das cores. Por essa razão, eu realmente encorajo você a fazer vários cursos sobre teoria de cores. Há vários deles aqui no Skillshare. Todo mundo vem a ele com uma perspectiva diferente. Todo mundo vê a cor um pouco diferente. Isso é literalmente verdadeiro na maneira como nossos olhos funcionam e figurativamente verdadeiro na maneira que cada um de nós interpreta as cores pessoalmente. Então, é ótimo ter algumas perspectivas diferentes sobre isso. Além de fazer alguns outros cursos sobre teoria de cores para ajudar a si mesmo a ficar bem fundamentado com a cor. Você também quer olhar para os meus outros cursos básicos de design. Se você ainda não fez isso, eu criei cursos básicos sobre coisas como os princípios básicos de design, esboços e também como usar formas em seus designs. Então, ele garante que você confira esses também depois terminar este curso, se você ainda não os viu. Mas por enquanto, vamos mergulhar e começar a falar de cor. No próximo vídeo, falaremos sobre o projeto. Ok. 2. Projeto: Cada curso que dou tem uma tarefa de projeto. Isso ajuda você a aprender fazendo. É ótimo ouvir algo, mas é muito melhor aplicar essa coisa. E isso realmente ajuda você a aprender melhor. O projeto para este curso vai realmente ser três mini-projetos. Então você vai querer enviar cada parte deste, mas você pode enviar apenas uma e, em seguida, voltar e enviar outra mais tarde. A primeira parte é escolher uma peça de design, algo que você não fez, mas algo que você descobriu no mundo e analisar sua cor. E vamos falar sobre a maneira como a cor funciona para que você saiba como analisar uma peça de design e a cor que está dentro dela. Isso é realmente útil, está começando a construir seu olho e começando a construir sua compreensão de cor. É realmente útil quando você olha para ele como eu sou colar para não tentar e pensar sobre tudo de uma vez, mas para meio que quebrá-lo para baixo. Então, já falamos sobre isso com princípios de design fundamentais antes, mas desta vez vamos fazer isso com cores, olhando especificamente para a cor. A segunda parte do projeto é ir em frente e fazer dois temas de cores diferentes com base em duas harmonias de cores diferentes. Então vamos falar sobre a forma como as cores funcionam e como harmonizamos as cores. Portanto, não se preocupe se isso não fizer muito sentido agora, você enviará um conjunto de amostras para dois temas de cores diferentes. E o terceiro mini-projeto é ir em frente e pegar um design que você já fez e aplicá-lo a temas de cores a ele. Aplique-os para que você possa ver a maneira como a cor muda, a maneira que você meio que evoca emoção. E o que o espectador vê. O software que você usa não importa. A única coisa que importa é o que você entrega, e isso pode ser apenas JPEGS. Então você terá um JPEG da peça de design que você escolher para analisar. Entregas isso e depois falas sobre a tua análise. Então você terá jpegs mostrando suas amostras de cores. E então você terá que jpegs mostrando esses dois temas de cores aplicados ao mesmo design. E eu espero que você tenha tempo para fazer esses projetos porque eles realmente vão ajudá-lo a aprender melhor. E eu adoro ver o que você é capaz de produzir. E eu adoro dar feedback se isso é algo que você gostaria. Agora estamos prontos para começar a falar sobre a roda de cores. 3. Disco de cores: Este vídeo, vamos voltar ao básico que você provavelmente aprendeu e talvez até fez uma roda de cores de volta na terceira ou quarta série. É uma das maneiras mais básicas de entender a cor, mas é realmente importante entendê-la. Então vamos voltar e rever algumas coisas. A primeira coisa que você tem quando você começa a fazer uma roda de cores são as cores primárias. Você tem vermelho, azul e amarelo. E essas cores primárias são onde derivamos todas as outras cores na roda de cores. Agora, há coisas que não são necessariamente consideradas cores. Eles são chamados de acromáticos e aqueles são brancos, negros, e graça que se encaixam entre eles. Falaremos sobre isso mais tarde, mas por enquanto, meio que deixe-os de lado. Vamos usá-los como cor quando estamos projetando. Mas quando estamos falando sobre a roda de cores, estamos realmente falando sobre esses tons de cor que você está familiarizado com. Então, uma vez que você tem vermelho, azul e amarelo, você pode começar a fazer mais cores. Quando você combina estes juntos, você obtém o que são chamados de cores secundárias. Quando você combina vermelho e amarelo, você fica laranja. Quando você combina vermelho e azul, você fica roxo. E é claro que quando você combina amarelo e azul, você fica verde. Essas cores secundárias ajudaram a preencher a roda de cores e eles nos dão as seis cores básicas. Eu sei que quando você era criança, eles te disseram que havia sete cores do arco-íris? Bem, para nossos propósitos, não há, há apenas seis a sete cores coisa é graças a Isaac Newton e como ele queria alinhar sua teoria de cores com sua teoria musical com sete notas na escala. Muito para a confusão de crianças de seis anos em todos os lugares que não entendem o que é índigo e como é diferente do azul. Então vamos trabalhar com essas seis cores básicas. E então, quando você começar a combinar estes, nós obtemos o que são chamados de cores terciárias. E há seis cores terciárias. Eles têm nomes realmente excitantes, coisas como amarelo, laranja, laranja vermelho, e amarelo, verde. Ok, eles não são tão excitantes e as pessoas criaram nomes muito mais emocionantes para diferentes tipos de cores, mas não há muita coesão em torno de cada um deles. Então, para nossos propósitos, é mais fácil se referir a eles como coisas que combinam, coisas como amarelo, laranja. Agora, você pode continuar a fazer isso até o infinito. É por isso que Isaac Newton foi capaz de fazer sete cores para começar, é porque o arco-íris é na verdade um espectro e o espectro pode ser infinitamente dividido em partes menores e menores. Então você pode continuar a fazer mais e mais cores fora destes. Mas muitas vezes a teoria das cores é ensinada usando apenas essas 12 cores. E então é com isso que vamos ficar por agora. A última coisa que você realmente precisa saber sobre a roda de cores é que você pode dividir a roda de cores em cores quentes e cores legais. As cores quentes tendem a ter mais energia. A cores legais tendem a ser mais calmante. Então é bom manter isso em mente agora que nós realmente meio que desenrolou a roda de cores aqui, vamos em frente e no próximo vídeo onde eu começo a passar para um pouco mais de tópicos avançados e vamos começar a falar sobre matizes, tons e tons de Hughes. 4. Hues, tintas, tons: Tudo bem, agora que entendemos o básico de cores, é hora de começar a mudar para um tópico um pouco mais avançado. E é aqui que provavelmente deixaremos para trás o que você lembra da escola primária. Todas as cores que falamos até agora na roda de cores são o que chamamos de Hughes. Hughes ou apenas a cor reta. E como falamos no último vídeo, você poderia continuar dividindo infinitamente o espectro do arco-íris em cada vez mais tons. Mas há outra coisa que podemos fazer para obter mais cores para trabalhar, e essas são chamadas de matizes, tons e tons. Agora, quando começamos a aprender muito vocabulário, pode começar a parecer esmagador. Já falamos sobre coisas como cores primárias, cores secundárias e cores terciárias. E agora começamos a jogar em Hughes tons, matizes e tons. Então isso pode ficar um pouco confuso. Mas não se preocupe, eu tenho que ter um folheto para você na seção de recursos que você pode usar para tipo de manter o controle e manter tudo isso direito. Começamos com nosso Hughes hétero e então se quisermos fazer décimos, vamos adicionar branco a isso. E como você adiciona mais e mais branco, essa tonalidade vai ficar mais clara e tons mais claros são na verdade o oposto de que tomamos são tons retos e começamos a adicionar preto a ele, e ele fica progressivamente mais escuro e mais escuro até que se torne Preto em si. Tensor adicionando branco e tons estão adicionando escuro faz muito sentido, certo? A última coisa a falar são os tons. Tons é na verdade quando você pega cinza e você adiciona em uma cor, e como você adiciona mais cinza, essa cor começa a ficar cada vez mais lavada. Ele não fica necessariamente mais claro ou mais escuro se você estiver usando um cinza de 50 por cento, mas ele começa a ficar cada vez mais lavado quando começamos a usar tons, tons e tons junto com nosso enorme, temos todo esse mundo de cores aberto para nós e nós podemos realmente tipo de afastar-se do Hughes hetero o tempo todo. Pode ser ótimo usar tons em algo como talvez um museu infantil ou uma sala de aula do ensino fundamental, ou até mesmo como uma cadeia de fast food onde você realmente quer que as coisas sejam brilhantes e estouradas. Mas muito tempo, nossos projetos exigem algo mais sutil. Algo como marcar para um banco ou talvez um folheto de hotel. Eles não querem ser tão vibrantes como na sua cara como alguém como talvez na televisão infantil. E então é aqui que nosso mundo realmente começa a se expandir à medida que usamos essas tonalidades, tons e tons para criar novos temas de cores que podem realmente trazer para fora o que desejamos na peça de design. Então, com isso em mente no próximo vídeo, vamos começar a falar sobre harmonias de cores. A forma como as cores vão interagir juntas. 5. Harmonias de cores: Existem muitas maneiras diferentes de criar harmonias de cores. E neste vídeo, nós só vamos falar sobre os básicos para começar. Mas tenha em mente, há muitas maneiras diferentes de combinar cores juntas. A primeira harmonia sobre a qual vamos falar é a mais básica e é uma que muitas pessoas estão familiarizadas. Chama-se cores complementares. Você cria harmonia de cores complementar escolhendo uma cor e, em seguida, escolhendo a cor diretamente oposta à roda. Então você tem pares de cores calmantes como gripe e laranja, vermelho e verde, e amarelo e roxo. Você, claro, também pode fazer isso com as cores terciárias, modo que expande a quantidade de cores complementares que você pode ter. Você também pode fazer isso com tons e tons. Você só quer ter certeza de que você está selecionando o mesmo tom ou a mesma tonalidade da cor oposta. Agora, tonalidade reta, cores complementares são muito usadas, muito populares com coisas como equipes esportivas, universidades e até feriados. E assim eles podem ficar um pouco cansados e eles já podem ter um monte de associações com eles. Isso não significa que você nunca deve usar um esquema de cores complementares q em linha reta. Isso significa apenas que você deve se certificar de que está ciente do significado potencial que seu público pode extrair disso. Por exemplo, eu cresci no Colorado onde os Denver Broncos tocaram. E qualquer esquema de cores no Colorado que use cores azuis e laranja é invariavelmente vai trazer à mente das pessoas os Denver Broncos. E se é uma associação que você quer, vai ser bom. Mas se é uma associação que você não quer, você e você gostariam de evitar esses esquemas de cores, mas em outro lugar que seria diferente. Por exemplo, em Idaho você tem Boise State e Boise State também usa azul e laranja. Isso vai ser muito mais da associação lá do que dizer os Denver Broncos. Então, fique ciente do que está fazendo. Tenha em mente que o verde e o vermelho vão invariavelmente no mundo ocidental trazer à mente das pessoas o Natal. É uma associação tão forte que temos. Portanto, tenha isso em mente ao trabalhar com cores complementares. A próxima harmonia de cores que eu quero falar é a harmonia de cores análoga. Agora, uma harmonia de cores análoga é feita escolhendo uma cor principal da roda e, em seguida, selecionando a cor em ambos os lados dela. Isso cria um design muito agradável, fácil de olhar, mas é o oposto de cores complementares na medida em que realmente não tem contraste. Tem que ter cuidado ao fazer um esquema de cores análogo que você ainda mantém o contraste em seu design. O contraste é um princípio de design muito importante que permite que seu público seja capaz de derivar significado do seu design. Então, tenha isso em mente. É ótimo tomar um esquema de cores análogo. Escolha uma cor que vai dominar e, em seguida, acentuar com as outras cores. E então também complementar isso com acromático como branco, preto e cinza. O terceiro esquema de cores sobre o qual eu quero falar é o esquema de cores triádicas. Isso é feito escolhendo uma cor da roda e, em seguida, escolhendo as duas cores que são uniformemente espaçadas ao redor da roda. Esquema de cores triádico realmente trazer algum contraste e pop para o seu design sem talvez os clichês que estão associados a um esquema de cores complementar. E também tem o benefício de trabalhar com três cores em vez de apenas duas, para que você possa diferenciar mais. Então, o esquema de cores triádicas é uma ótima maneira de percorrer. Se você sentir que você precisa de mais cores e trabalhar com apenas duas ou três cores pode parecer muito limitado. Mas é uma ótima maneira de começar no seu design. E o próximo mal que vamos falar não é realmente uma harmonia. É o esquema de cores monocromático. E é feito usando apenas uma cor e, em seguida, usando tons e tons baseados nessa cor para preencher o resto da sua paleta de cores. Então você pode ver que às vezes temos que fazer, às vezes temos três, às vezes temos apenas um. Você pode ir tão alto quanto cinco ou seis cores em um tema de cores, mas você realmente não quer ir mais longe do que isso quando você está fazendo trabalho de design. Isso é muito diferente de fazer algo como talvez ilustração, onde você pode ter muitas cores em ilustração, eles geralmente têm paletas de cores limitadas para, mas às vezes eles fazem uso de todo o espectro de cores. Mas no trabalho de design, você realmente quer ser capaz de ajudar seu público a 0 no que você está dizendo e no que você está tentando convencê-los a fazer. E assim limitar sua paleta de cores é uma peça muito importante de tudo isso. Muitas vezes, a melhor coisa que você pode fazer é começar com duas ou três cores e preencher o resto da sua paleta de cores com coisas como branco e preto. Então falamos sobre os conceitos básicos da harmonia de cores apenas para revisar os que falamos são a harmonia de cores complementar, a harmonia de cores análoga, a harmonia de cores triádica e a cor monocromática esquema. Esses são ótimos lugares para começar quando você está tentando trabalhar com cores em seu design. Claro, há muitas outras maneiras que você poderia dividir as cores na roda de cores, mas esses conceitos básicos ajudarão a começar. No próximo vídeo, falaremos sobre diferentes modos para criar cores no espaço de trabalho digital. 6. Modos de cores: Tudo bem, neste vídeo vamos passar por cima da diferença em diferentes modos de cores que você pode ter quando você está trabalhando com um programa digital. Agora isso pode se complicar muito rapidamente. Então nós vamos apenas passar por cima deles simplesmente hoje apenas para tipo de familiarizá-los com a terminologia e a maneira como eles funcionam. Mas se você não entende isso, tudo bem, agora, não se preocupe, você não precisa ser capaz de usar cores em seus desenhos. É bom começar a ficar exposto a essas ideias para que você possa aprendê-las à medida que avança. compreensão desses diferentes modos virá com o tempo e a prática. Eu estou no Affinity Designer agora apenas usando um quadrado colorido para ilustrar para você como esses modos de cores diferentes funcionam. A maioria desses modos de cores existirá na maioria dos diferentes aplicativos de design gráfico que estão lá fora. Estamos apenas usando um designer limpo porque é uma maneira fácil de ver muitos dos diferentes modos completamente. Agora estamos no RGB. Rgb e CMYK são dois dos modos de cores mais comuns. E muitas vezes você vai ouvi-los referidos como modos de cores digitais e de impressão porque RGB se refere à forma como as cores feitas por pixels usando pontos vermelhos, verdes e azuis em diferentes intensidades para mostrar todas as cores diferentes que estão disponíveis . Enquanto CMYK vai se referir a cores de impressão que são criadas usando diferentes tintas coloridas, ou seja, ciano, magenta, amarelo e a cor chave preta. Então vamos dar uma olhada em cada um desses. Então, quando você tem RGB, se você levar vermelho até 255, então você vai ter a tonalidade vermelha reta. Considerando que se você pegar vermelho para baixo todo o caminho para 0 e trazer verde todo o caminho até 255 em relação ao verde reto aqui. E a mesma coisa com azul. Se você pegar azul todo o caminho até 255 exigência a tonalidade azul reta. Mas podemos ver que temos este seletor de cores abaixo. E se começarmos a escolher cores diferentes, você verá essas mudanças. E eles vão mudar a mistura dos diferentes pontos e sua intensidade para mostrar todas as cores diferentes que estão disponíveis para nós. Você pode ver que à medida que descemos aqui, começamos a obter sombras, e à medida que subimos, temos dezenas. Portanto, há toneladas e toneladas de cores diferentes que podem ser formadas usando qualquer um desses modos de cores. É apenas sobre como eles estão fazendo isso. Então você notará que cada modo de cor expressa cor como algum tipo de valor numérico. Neste caso, é a intensidade dos pontos vermelhos, verdes e azuis. Então, para este tom particular de azul, temos uma leitura de 39, um verde de 44, azul de 255, que é o máximo de números RGB ir de 0 a 255. Então, se você estiver recebendo códigos, você quer saber qual o modo de cor sua resposta que você pode garantir que você colocou os valores corretos. Vamos voltar aqui para CMYK para que você possa ver a mesma coisa aqui. Mais uma vez, se desenharmos tudo, teremos branco porque não estamos usando ciano e magenta, amarelo ou qualquer preto. E lembre-se que k significa chave, que é preto. Temos o mesmo seletor de cores aqui. Então podemos novamente passar por aqui e ver como esses números mudam com base em onde estamos. Agora, é claro, quando estamos olhando para o modo CMYK em uma tela, estamos realmente vendo essas cores produzidas por pixels, não comprar tinta, mas isso está tentando aproximar como a tinta ficará quando for impressa. É importante lembrar que cada impressora um pouco diferente, cada tela é um pouco diferente. E então você nunca vai ser 100% preciso porque você não sabe necessariamente onde ele vai ser impresso ou se você está produzindo algo digitalmente, a tela em que ele vai ser visualizado não pode nunca ter certeza de que o que você vê é o que o seu espectador vai ver quando as cores são reproduzidas, você pode apenas fazer o seu melhor. Então, esses são os dois principais tipos de cores que você verá para o trabalho digital e para o trabalho de impressão. Vamos falar de outros dois aqui. Aqui temos o HSL, e HSL significa matiz, com o qual estamos familiarizados. Saturação, que é como tom e leveza, que será matizes e tons. Acho que o HSL é uma maneira muito intuitiva de trabalhar uma vez que você tipo de entender a roda de cores e a maneira que você pode usar os pretos, brancos e cinza para produzir diferentes versões dessas cores. Hsl às vezes também é referido ao HSB, que é saturação de matiz e brilho, ou HSV, que é saturação de matiz e valor. Essencialmente, todos significam a mesma coisa. E você pode ver que estes também são expressos numericamente. Os Hughes têm uma gama de 360 indo do vermelho todo o caminho para ler. E então a saturação tem um intervalo de 0 a 100, e a leveza tem um intervalo de 0 a 100 também. Agora eu sei que estes podem ser muitos números e letras diferentes que estão sendo jogados ao redor, então eu não quero que você se preocupe muito com isso. Uma das maneiras mais fáceis de lidar com cores quando você obtê-los de outro lugar diz para fazê-lo através de um código hexadecimal. Então, se você vir aqui para RGB hex, você vai realmente ver aqui em baixo onde há esta pequena hashtag e, em seguida, uma série de letras e números vindo depois dela. Esses são os números RGB expressos em código hexadecimal. código hexadecimal é usado muito na web. É apenas uma maneira mais curta de expressar valores RGB. Condensa o vermelho em dois, números ou letras. Ele condensa o verde para baixo em dois números ou letras, e o azul para baixo em dois números ou letras. Então você pode ver que você pode selecionar coisas diferentes aqui e que o código hexadecimal vai mudar. Então, isso é muitas vezes o mais fácil se você estiver obtendo cores da Internet apenas para copiar esse código hexadecimal e depois colar isso em qualquer programa que você está usando. Assim, códigos hexadecimais não necessariamente fazem muito sentido para o olho humano porque eles foram feitos para ser lidos por máquinas. Mas é muito fácil, em breve, ser capaz de copiar entre programas. Então, essas são as principais maneiras pelas quais muitas vezes você verá cores expressas em programas digitais. Há o RGB, que está falando de pixels, CMYK, que está falando de tintas, HSL ou HSB ou HSV, que você está falando sobre os tipos de qualidades que já falamos neste curso. Como a tonalidade desse tom, as tonalidades e as sombras. Ou o código hexadecimal, que é apenas um valor RGB, expresso com números e letras de forma um pouco mais curta e legível por máquina. Novamente, você não precisa entender tudo isso agora. É bom ser exposto a isso e saber o que as diferentes letras e números estão falando quando você os vê em um programa ou na web. No próximo vídeo, vamos em frente e falar sobre como podemos criar ou encontrar uma paleta de cores. 7. Paletas de cores: Agora que sabemos como funciona a roda de cores e como as harmonias de cores funcionam, e como funcionam diferentes modos coloridos. Agora podemos ir em frente e começar a fazer paleta de cores. Então, uma paleta de cores será um número limitado de cores que você usa em seu design. E muitas vezes será baseado em uma das harmonias de cores. Às vezes, uma paleta de cores será fornecida por um cliente ou pelo negócio para o qual você trabalha. Por exemplo, se você trabalha para uma marca corporativa, provavelmente tem um guia de marca que informa exatamente quais cores usar. E esses normalmente incluem códigos hexadecimais, como falamos no último vídeo, que você pode simplesmente colocar em seu programa de design se você quiser criar sua própria paleta de cores embora, bom usar algumas regras para Faça isso. E é bom ter uma ferramenta para ajudá-lo a obter essas regras e, em seguida, associar a paleta de cores para estar onde você quer que ela esteja. Então este site é chamado de cor dot adobe.com e é um recurso gratuito fornecido pela Adobe para que você possa ir em frente e criar paletas de cores que realmente comprou um site que fez isso chamado cooler e, em seguida, incorporá-lo em seu software de nuvem criativa. Mas isso acontece de ser gratuito se você apenas acessar o site. Então você pode ver que você tem uma roda de cores no meio aqui, e, em seguida, as amostras coloridas ao longo da parte inferior. E muitas vezes é assim que nos referimos às cores como amostras. Voltando para, sabe, amostras de tinta que você pode encontrar na loja de ferragens, algo assim. Você pode alterá-los movendo os círculos na roda de cores. Você não precisa usar o ponto de cor adobe.com. Existem outros sites que fazem algo semelhante. Este é apenas um que eu acho realmente útil. Você pode ver se eu pegar isso e movê-lo, ele vai mudar as cores à medida que avançamos. E está usando uma harmonia para fazer isso. E se olharmos para o lado esquerdo, podemos ver onde existem regras de harmonia, e isso é análogo, que você provavelmente já adivinhou. Então é só levá-los ao lado um do outro. E você pode ver que ele está fazendo uma paleta de cores de cinco cores neste site, eles sempre vêm em cinco cores. Então é assim que este site funciona, mas você pode fazer coisas diferentes. Agora, se mudarmos isso para monocromático, você verá que de repente essa linha fica reta, certo? E o que ele está fazendo é apenas selecionando os tons, tons e tons que combinam com a mesma cor. E assim dizemos que queríamos um pouco monocromático amarelo. Poderíamos arrastar até aqui para encontrar algo que gostássemos no campo amarelo. E isso vai resolver isso para nós. Agora. Então, se viemos aqui para tentar adicionar, ele imediatamente salta para nos dar três cores diferentes. E porque está trabalhando com cinco, nos dá dois tons também. Mas as três cores no meio são realmente a parte da tríade. Então você pode ver que isso parece muito parecido com as coisas que já vimos antes. Ok, então há cores de cortesia. Então, é claro, temos todas as cores complementares que vimos anteriormente. E há um monte de outros, como coisas de cortesia divididas , que ficam um pouco mais complicadas. Você se lembra que eu disse que há muitas maneiras de fazer isso, mas essas são as que já falamos antes são tríade monocromática análoga e cortesia. E quando você faz isso, você pode ver que o AD está mostrando os valores RGB aqui em baixo, e ele está lhe dando os códigos hexadecimais. Então esta é a maneira mais fácil de fazer isso. Você pode simplesmente ir em frente e copiar seus códigos hexadecimais e levá-los para qualquer programa que você está usando. A maioria dos programas aceitará códigos hexadecimais, mas se não o fizerem, você também tem os valores RGB aqui. E se você for até aqui, você pode realmente mudar para CMYK ou HSB também. Assim, você sempre pode levar esses valores para qualquer programa que você está usando para criar. Outra coisa que você pode fazer é tirar uma captura de dessas amostras e, em seguida, basta ir em frente e trazer essa captura de tela. E se o seu programa tem uma ferramenta conta-gotas, você pode ir em frente e pegar isso também. E é realmente importante que você trabalhe a partir de uma paleta como esta, e que você tente limitar-se a apenas algumas cores em seu design. Eu sei que falamos sobre isso antes, mas é muito importante entender e pode ser muito difícil fazer isso quando você está começando como um designer porque pode parecer muito limitado, mas ter restrições ajuda a melhorar a sua criatividade. E o uso de uma paleta de cores limitada ajuda as pessoas a entender melhor o que você está tentando transmitir em seus designs. Então eu realmente tentei manter apenas algumas cores. Então, mesmo se você estiver recebendo uma paleta de cores com, digamos, cinco cores como esta, você pode, em um esquema de cores triádico, apenas manter isso. Talvez as três cores principais ou algo assim. Lembre-se também de tons retos como este pode ser realmente esmagador. Então você sempre pode arrastar isso para baixo para entrar em um intervalo mais pastel. Só depende do que você está procurando. Pense sempre sobre o que a cor vai transmitir. Agora, fazer isso na criação do seu próprio é ótimo, mas às vezes ainda mais fácil é clicar nesta aba explorar aqui e encontrar paletas de cores que as pessoas já fizeram para você. Então, se eu estou fazendo algum trabalho vintage, eu posso apenas procurar vintage e eu vou encontrar paletas de cores que as pessoas já fizeram que transmitir essa sensação vintage. E você pode ver que alguns desses são desenhados como, Oh, ok, este é incrível. Eu gosto deste. E é desenhado a partir desta imagem e imagem que já tinha uma boa paleta de cores lá, apenas desenhando isso. E aqui você recebe os códigos hexadecimais. Se você quiser obter outros códigos, você vem até aqui para seus modos de cor e você pode obtê-los aqui mesmo. Torna super fácil obter cores diferentes. Então, passe algum tempo neste site ou no Pinterest, ou há um monte de sites de amostras de cores diferentes onde você pode obter ideias de temas diferentes ou criar o seu próprio tema e, em seguida, você apenas traz isso e trabalha com ele. Eu só não posso enfatizar o quão importante é começar a trabalhar a partir de um tema de cores. E uma de suas tarefas para esta classe é fazer para colorir temas. E quando eu digo para colorir temas, você não precisa fazê-los você mesmo. Só precisas de encontrar o Q que gostas. E você vai postar uma foto dessas amostras. Eles podem estar aqui a partir deste site. Você pode simplesmente clicar nele e fazer uma captura de tela e fazer isso. Ou você pode fazer uma captura de tela de sua paleta de cores em qualquer programa em que você está trabalhando, onde você pode simplesmente fazer quadrados no programa e preenchê-los com a cor certa. Não importa como você chegar lá, você só precisa mostrar duas paletas de cores diferentes. Essas paletas de cores devem variar entre 35 ou seis cores no máximo. Então certifique-se de ir em frente e fazer isso. E então você estará usando essas paletas de cores para alterar as cores de um design que você fez para a última parte da tarefa. 8. Análise cores: Certo, agora é hora de trabalharmos em parte do projeto que está analisando as cores em seu design. Esta é realmente uma das melhores maneiras de construir suas próprias habilidades de design é analisar outros projetos de acordo com os princípios que você aprendeu. Neste caso, estaremos falando sobre os princípios da cor. Então eu estou aqui em pic.com grátis. Este é um site que dá isso como recursos de design frito. Então é apenas um bom lugar para ir e encontrar algumas coisas que foram projetadas e então ser capaz de dar uma olhada nelas e analisá-las. E eu realmente encorajo você a fazer isso. Você não tem que ir para libertar o porco para ele. Você pode simplesmente olhar para o mundo ao seu redor e ver outdoors e anúncios, e comerciais, e revistas, sites e aplicativos. Há tantas coisas que você pode olhar para o design, mas nós vamos apenas olhar para o, então eu encontrei este sabores de verão um aqui na página inicial para escolha livre e apenas abri-lo em outra guia e nós vamos analisar a cor. Então é isso que você deve fazer quando está fazendo sua missão. E espero que você já tenha selecionado algo, mas você pode mudar isso também se você decidir que não quer analisar o que você escolheu antes, você pode escolher algo novo também. Mas estamos indo em frente e vamos pensar sobre o que aprendemos sobre cor e aplicar isso aqui. Então, por exemplo, uma das perguntas que podemos fazer a nós mesmos é, qual harmonia de cores, se houver, eles estão usando aqui? E podemos começar identificando quais cores estão realmente usando. Então eles têm um rosa avermelhado, e amarelo alaranjado, que meio que tem um gradiente aqui entre amarelo e laranja. E então eles têm uma laranja nessas fatias de laranja reais. E então, obviamente, eles têm essa cor azul azul-petróleo, na qual eles têm um gradiente, e então eles têm este verde. Então temos pelo menos vermelho, azul, amarelo, verde e laranja, que seriam cinco cores. E você sabe, cinco é o número mais alto do que eu te disse. Esta é obviamente uma peça mais ilustrativa que você pode usar para algum tipo de anúncio ou algo assim. Então eles podem escapar com talvez um pouco mais de cores e talvez diferentes tons e tons dessas cores, a fim de adicionar um tipo de dimensão a ele. Então eles também estão usando branco, mas parece que eles não estão usando nenhum preto exceto aqui, as sementes de melancia. Então, que harmonia de cores eles estão usando para suas cores principais? Eles estão usando um tema centrado em cores muito primárias, que é vermelho, amarelo e azul. E isso é realmente um tipo triádico de tema de cores, é usar vermelho, amarelo e azul porque eles são uniformemente espaçados em torno da roda de cores, então podemos ver isso. E então eles estão adicionando acentos com o laranja e o verde cinco é um pouco demais. Então eu provavelmente não usaria tantas cores na maior parte do tempo, mas parece estar funcionando bem nesta foto. A próxima coisa que queremos nos perguntar é, como as cores são equilibradas? Uma cor específica está cumprindo um papel específico? A cor que você pode ver como cumprindo um papel particular é a cor azulada azulada que está definitivamente cumprindo o papel do fundo, certo? Essa é uma cor legal e as cores quentes estão se destacando na frente dela. A outra cor legal, que é verde, também é regulada tipo para os cantos, tipo de criação de um efeito vinheta aqui. Então você vê o verde e o azul realmente agindo como cores legais. Eles não estão saindo, eles não são atraídos a atenção para si mesmos, mesmo que eles são muito brilhantes. E sua atenção é atraída diretamente para os vermelhos, os amarelos e as laranjas, que são muito mais quentes. Então você pode vê-los fazendo um foco particular aqui no picolé vermelho no meio. Eles estão usando linhas de liderança do branco para secar seu olho nele. E então você tem até aqueles amarelos e laranjas realmente agindo em um tipo de papel de apoio lá. A próxima coisa que queremos nos perguntar é, há contraste suficiente entre as cores para entender o design? E eu acho que há, mas eles estão realmente fazendo uso de você pode ver branco para como desenhar destaques em todos esses objetos. E isso está dando algumas bordas duras entre eles. E isso nos permite realmente ver a diferença entre eles. Eles também estão sobrepondo as cores quentes nas cores frias, o que é bastante útil. Você pode ver aqui onde as sobreposições verdes em verde. Definitivamente não há contraste lá, certo? E isso poderia ter se tornado realmente confuso se eles tivessem feito mais assim. Mas eles têm contraste entre seu foco principal e seu fundo. E então queremos nos perguntar, as cores são simbolicamente ou emocionalmente apropriadas para o design? Estas são cores muito divertidas. Eles estão tentando desvanecer a liberdade divertida e despreocupada do verão. Então, sim, estes são apropriados para o design que eles estão fazendo aqui. Então é assim que vamos analisar. Vamos tentar outro. Então aqui temos essa maquete de aplicativo. Então isso está nos mostrando um design que está acontecendo em um par de telas diferentes aqui. Que tipo de tema de cores eles estão usando aqui? Isto é obviamente extremamente diferente do que acabamos de ver, certo? Isto é muito moderado, é escuro, e não é brincalhão. Eles estão usando um tema de cores monocromáticas baseado em algumas imagens que eles estão usando aqui. Então eles têm imagens diferentes dessas plantas e eles estão seguindo isso através de seus botões e sua navegação. E então eles estão usando brancos, negros e cinza, aqueles acromáticos para acentuar essa cor e chamar a atenção para diferentes coisas como os botões. Então você pode ver que um esquema de cores monocromático pode parecer realmente elegante. Muito sério, onde queremos pensar é o ar, essas cores apropriadas ao design. Parece que todas as cores combinam e estão amarrando juntas. Bem, há outras coisas que podemos criticar sobre este design se estamos olhando para algo diferente de cor, mas estamos realmente apenas tentando 0 em cor aqui. Então, a próxima coisa que devemos nos perguntar é há contraste suficiente? E eu me sinto como entre este verde escuro dos botões e o verde claro. O fundo para este menu de mídia social que funciona, que é alto contraste onde eu estou me perdendo é o texto branco na imagem. Então a imagem está sendo usada para trazer essa cor verde, mas partes da imagem mais claras e parte dela são mais escuras. E então é um pouco mais difícil de ler porque não há contraste suficiente entre eles. E então este botão aqui está realmente se perdendo. Parece que o botão de inscrição deve ser amigo. E nosso último que você quer que as pessoas façam é se inscrever para o que você está fazendo. E esta inscrição por n com o fundo transparente e o texto branco nele, está apenas se perdendo. Não há contraste suficiente entre essas cores para que realmente funcione. Então é assim que fazemos. Vamos fazer mais um juntos e depois deixaremos você trabalhar no seu projeto. Ok, então aqui temos um modelo de postagem de mídia social que eles colocaram juntos. E você pode ver que as cores que eles estão usando são muito limitadas. Eles estão usando blues e este tipo de peixe dourado, amarelo. Agora, que tipo de cor harmoniza isso, bem, é cortesia, mesmo que falemos sobre azuis e laranjas sendo cortesia. Este amarelo, que está na borda do ouro, pode ser complementar a este azul escuro. Então, se formos até aqui para a roda de cores, mudamos para cortesia, e chegamos a este azul escuro aqui você pode ver que começamos a entrar no amarelo e parte deste tema de cores à medida que entramos em tons, traz em mais de uma cor de peixe dourado. Então eu chamaria isso de cortesia, e vamos nos perguntar, como as cores são equilibradas aqui? Bem, você pode ver isso ao longo de tudo isso. Então isso está mostrando várias maneiras que você faria diferente, usar esses modelos diferentes em suas mídias sociais, mas está sempre repetindo as mesmas cores. E a coisa é, eu nem sempre estou claro qual cor significa que coisa, porque às vezes você pode ver que o fundo borda azul e às vezes vai ser a cor amarelo peixinho dourado. Então eu não tenho certeza se eles estão transmitindo algo em particular com cada uma dessas cores diferentes. E eu sinto que eles poderiam fazer um trabalho melhor com isso. Há lugares aqui onde o amarelo está cumprindo um papel particular de destacar algo aqui onde diz ajudar os outros e ser feliz. Ajudar feliz está sendo destacado. E há outros lugares como mudar o mundo que eu acho que funciona, mas o vendedor nem sempre parece estar cumprindo esse papel. Por exemplo, na imagem principal aqui, há apenas uma pequena borda amarela em torno disso. Então eu sinto que eles poderiam fazer um trabalho melhor, talvez designar o papel para as cores. Existe contraste suficiente? As cores contrastam bem porque são complementares, mas são muito semelhantes em tom. Então você pode ver se isso fosse em preto e branco, você provavelmente não seria capaz de dizer a diferença entre este azul plus e este círculo dourado amarelado aqui. Isso não significa que o contraste não seja bom. É apenas algo para ter cuidado quando você está usando coisas que estão no mesmo tom, você pode então perder o contraste. Se algo tem que entrar em preto e branco, então queremos nos perguntar, essas cores são simbolicamente e emocionalmente apropriadas para tentar fazer? Diz que é para caridade. Então eles estão realmente tentando obter doações que estão tentando mostrar seu bom trabalho. Azul, eu acho que neste caso, é simbolizar confiança e tipo de calma e fazer o bem no mundo. Então eu acho que o azul está trabalhando lá. Eu sinto que o amarelo, esta cor dourada poderia ser um pouco mais brilhante porque eles acham que o ponto é trazer um pouco de energia para isso, mas é muito moderado amarelo. E assim não parece que ele está cumprindo o papel de realmente ser aquela cor quente e de alta energia para combinar com o azul frio e confiante. Então eu acho que eles poderiam ter feito melhor escolher as cores, mas estes são modelos para que eles não saibam exatamente o que vai ser usado para. Então é meio difícil julgar isso exatamente. Espero que você tenha algumas idéias aqui para analisar o design que você escolheu. Você deve ir em frente e pegar esse design e carregá-lo como um JPEG para a seção de projeto de classe e, em seguida, colocar sua análise de design lá. Falar sobre essas coisas como que tipo de harmonia eles estão usando? Estas cores são apropriadas? Eles contrastam bem o suficiente? E as cores estão cumprindo um papel particular dentro desse design? Lembra-te que pode ser qualquer coisa, mas estou ansioso para ver a tua análise disto. E no próximo vídeo vamos começar a falar sobre a aplicação de cores ao nosso design. 9. Aplicação de cores: Ok, então agora que aprendemos a analisar cores nos designs de outras pessoas, é hora de seguir em frente e aplicar cores aos nossos próprios designs. O projeto é para você aplicar a diferentes temas de cores para o mesmo design para ver como cores diferentes interagem de forma diferente. Então eu acabei de fazer um design simples aqui, apenas um cartaz de circo. E eu vou seguir em frente e aplicar estes para temas de cores que eu encontrei para ele. Estou no Affinity Designer, mas não importa qual programa você usa para isso. Você pode usar designer, ilustrador, PowerPoint, InDesign, praticamente qualquer coisa que você possa usar para criar um design simples que você possa usar para fazer isso. E você só quer ter que colorir temas que você vai aplicar a ele. Então vamos em frente e fazer isso. Claro, cada um deles tem cinco cores nele porque eu puxei estes do ponto de cor adobe.com. Mas eu realmente vou tentar e ficar com três cores mais preto e branco se eu precisar delas. Então, para este primeiro, que é uma espécie de esquema de cores mais claras aqui, eu vou tentar e ir para uma maioria cores primárias, tão vermelho, azul, e este amarelo porque eu acho que vai funcionar bem no plano, bem para tipo de a idéia do circo, vermelho e amarelo especialmente são boas cores de circo. Então vamos tentar isso aqui. E eu vou usar a ferramenta conta-gotas para adicionar essas cores aqui. E como você está trabalhando com cores, você pode apenas experimentar coisas diferentes e ver o que você gosta. Tente construir nossas cores básicas aqui primeiro e depois Z, onde queremos ir a partir daí. Uma das coisas quando você está trabalhando com cores, é ótimo experimentar diferentes métodos de usar a cor apenas duplicando o que você está trabalhando e, em seguida, experimentando diferentes maneiras de cores. Então eu vou apenas duplicar esta prancheta bem aqui. E eu só queria tentar reverter isso, então fazer isso azul e depois mudar as peças azuis para as amarelas. Ok, então eu estou gostando onde esses dados eu acho que eu tenho duas opções bastante boas lá para tipo de apenas este tipo de circuito plano estilo cartaz. E então eu vou vir aqui e vamos tentar esse conjunto de cores diferentes. E meu objetivo aqui é usar os três do meio aqui, o verde, o amarelado e o rosa. Mas é bom ter esses mais escuros como backup se eu precisar de mais contraste. Às vezes você vai fazer algo assim e você vai ser como, oh, claramente não há contraste suficiente lá. Então temos que fazer algo diferente sobre esse texto. É por isso que podemos experimentar coisas diferentes. Parece que tenho a cor errada nestes. Parece que não há contraste suficiente. Então eu vou ter que trazer pelo menos um desses tons mais escuros para substituir um destes mais leves aqui. Então vamos em frente e duplicar este. Você pode ver como isso começa a estourar muito mais quando temos essa cor verde mais escura. Então, às vezes, apenas uma simples mudança como essa pode realmente adicionar um contraste. Eu definitivamente estou favorecendo ambos com um fundo mais escuro. Mas o ponto aqui, é claro, é que você veja que você pode aplicar a diferentes temas de cores, ao mesmo design e obter resultados muito diferentes. Então este design é exatamente o mesmo que fazer a mesma coisa aqui. Acho que este texto é um pouco nove, exatamente a mesma posição. É feito para fazer a mesma coisa aqui, mas você tem um sentimento muito diferente sobre o tipo de circuitos que isso pode ser quando você vê o vermelho, o azul, e o amarelo aqui em vez do verde, o tipo de Ouro amarelado e o rosa aqui, certo? Então você tem uma sensação muito diferente apenas mudando a cor sobre isso. Agora, é claro, há muitas outras coisas que você poderia fazer para modificar este design para torná-lo melhor. Mas o ponto disso é apenas para você pegar um design aplicado a diferentes temas de cores para ver que tipo de resultados diferentes você obtém lá. Então vá em frente e faça isso. E no próximo vídeo, vamos em frente e falar sobre os próximos passos. 10. Próximos passos: Muito obrigado por fazer este curso sobre teoria das cores. Eu realmente gostei de poder fazer este curso juntos para você, e espero que você tenha gostado de fazer isso e tenha aprendido alguma coisa. Se você tiver alguma dúvida, por favor, vá em frente e coloque-as na guia de discussão deste curso. Eu adoraria fazer o meu melhor para respondê-las. Agora, vamos falar sobre os próximos passos em sua jornada de design. Se você ainda não fez isso, seu próximo passo deve ser ir em frente e fazer o resto dos cursos básicos de design, porque você realmente precisa desses conceitos básicos antes de sair e começar a projetar. Então, uma vez que você tem o básico juntos, você realmente quer ir e apenas começar a praticar projetar um design, todos os tipos de coisas diferentes. E eu tenho outros cursos para ajudá-lo com isso também. Existem quatro tipos diferentes de programas de design, mas eu tento fazer os que são mais acessíveis e úteis para você. Então vá em frente e confira meus outros cursos se você quiser aprender a fazer tipos específicos de trabalho de design, não se esqueça de ir em frente e enviar seu projeto para este curso para que todos possamos aprender juntos. E se você quiser um feedback sobre o seu projeto, fico feliz em fornecer isso também. E se você quiser continuar aprendendo mais coisas de design a cada semana, vá em frente e certifique-se de que você também assine meu canal do YouTube de design de curva. Muito obrigado por assistir, e te vejo na próxima gravação.