Introdução ao design gráfico: expressando emoções com a teoria das cores | Dominic Flask | Skillshare
Menu
Pesquisar

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Introdução ao design gráfico: expressando emoções com a teoria das cores

teacher avatar Dominic Flask, Independent Designer and Illustrator

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      5:42

    • 2.

      Terminologia de cores

      16:25

    • 3.

      Interação de cores

      11:58

    • 4.

      Gerando ideias

      7:01

    • 5.

      Reunindo inspiração

      5:40

    • 6.

      Esboçando as ideias

      7:07

    • 7.

      O contexto das cores

      6:45

    • 8.

      Criando uma paleta de cores

      7:40

    • 9.

      Expandindo uma paleta de cores

      6:42

    • 10.

      Revisando e editando cores

      5:51

    • 11.

      Crie consistência e profundidade

      11:19

    • 12.

      Explore o design na Skillshare

      0:37

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

27.639

Estudantes

73

Projetos

Sobre este curso

A cor é uma das ferramentas mais básicas que um designer ou ilustrador possui em sua caixa de ferramentas visuais, comunicando pensamentos, sentimentos e emoções. O uso correto da cor pode levar seu projeto a outro nível de profissionalismo e ajudar seu trabalho a estabelecer uma conexão muito mais forte com seu público.

Antes de se tornar habilidoso na aplicação de cores, você deve ter uma boa compreensão da teoria das cores. Você precisa saber quais cores existem, como elas se relacionam, como avaliar e discutir o uso da cor, para que você possa criar paletas de cores eficazes e bonitas em tudo que você cria.

O que você vai aprender

Neste curso, você vai aprender a criar e usar paletas de cores eficazes para transmitir uma sensação de emoção ao seu público. Você vai usar a cor para expressar uma série de emoções diferentes para estudar como a cor pode afetar a percepção. Você aprenderá dicas e truques sobre a criação de paletas de cores eficazes e expansivas, bem como maneiras de editar e controlar cores no Adobe Illustrator e no Photoshop. Vamos abordar:

  • Teoria das cores.  Vamos começar com os fundamentos da teoria das cores, falar sobre terminologia, ver as diferentes maneiras de criar cores e discutir como criar uma paleta de cores.
  • O contexto da cor.  Veremos alguns dos significados por trás das cores e como usar cores que suportam o que você está tentando transmitir.
  • Expandindo sua paleta.  Na seção final, veremos algumas dicas e truques para aprimorar o uso da cor em um projeto, ao mesmo tempo que expandimos e adicionamos profundidade à sua paleta.

O que você vai fazer

Para este curso você criará uma série de imagens que expressam emoções diferentes. Você pode escolher quais emoções você deseja retratar, ou pode escolher em uma lista sugerida. Vamos trabalhar com um tamanho definido de 600 x 600 pixels, mas o conteúdo fica a seu critério. Quer ilustrar as emoções de diferentes sabores de picolés? Incrível! Quer criar um conjunto de ícones mostrando as diferentes emoções do R2D2? Ótimo! Vamos falar sobre a melhor maneira de usar a cor em todo e qualquer cenário.

Projeto de estudante por Lavinia Ungureanu

Se você achar este curso interessante, não deixe de conferir os meus outros cursos:

Introdução ao design: usando formas geométricas para ilustrar emblemas

Introdução ao design: como usar os princípios da Gestalt para criar logotipos exclusivos

Conheça seu professor

Teacher Profile Image

Dominic Flask

Independent Designer and Illustrator

Professor

Dangerdom Studios is the work of Dominic Flask, that’s me.

Drawing and design give me the creative outlet that my existence requires. That outlet has provided unique and interesting opportunities for me to continue my mission to make the world a more beautiful place to live in, one small piece at a time.

I have an MFA in Graphic Design from Fort Hays State University and spend my spare time educating budding designers at Wichita State University. My obsession with mid-century modern design and children’s books provides an endless supply of inspiration and an ever-growing Amazon wish list.

I specialize illustration and design for the print and digital world. This includes icon and badge design, motion graphics, interactive design, posters, branding and id... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Ei, todo mundo. Bem-vindo a este curso de Skillshare sobre teoria de cores, sobre cor e emoção. Neste primeiro vídeo, vou falar brevemente sobre o que é a teoria das cores, dar-lhe uma descrição do projeto, uma visão geral do curso, e mostrar-lhe alguns exemplos de uso da cor para transmitir emoções. Então, a teoria da cor é alguns princípios, idéias e entendimentos sobre a cor, sobre como criar cores, sobre como combinar cores e como a cor interage. Vamos dar uma olhada em todas essas coisas, e então vamos colocá-las em prática construindo uma paleta de cores coesa para criar uma série de quatro imagens que transmitem emoções diferentes. Para a atribuição real, você pode criar qualquer coisa que você deseja, desde cada imagem individual transmita uma emoção diferente. Eu queria manter as coisas bem abertas porque a teoria das cores é um dos pilares do design e da comunicação visual. Eu sou um designer gráfico e o que eu vou mostrar é design gráfico, mas você pode aplicar a teoria das cores em praticamente qualquer coisa lá fora. Neste curso, usarei principalmente o Adobe Illustrator para ensinar a vocês sobre teoria de cores. Vou mostrar-lhe um pouco do Photoshop no final, mas para completar a tarefa, você pode usar qualquer programa que você quiser, desde que você esteja criando quatro imagens diferentes. A única restrição lá fora é que eles são 600 por 600 pixels imagens quadradas e que cada um transmite uma emoção diferente. As emoções que você escolher são totalmente com você. Então, vamos dar uma olhada em alguns exemplos aqui. Claro, você poderia fazer algo muito simples como isso. Se eu quiser transmitir amor, eu poderia desenhar um coração, eu poderia pegar vermelho. Isso é teoria decente da cor na prática, mas é bastante simples. Se você quiser transmitir felicidade, eu poderia mostrar um rosto sorridente ou algo amarelo e chamá-lo de um dia, mas espero, o que você vai sair deste curso é uma melhor compreensão da teoria das cores para que você possa começar a misturar paletas de cores únicas e originais e criar algo muito personalizado para você. Então, um exemplo aqui que eu vou estar usando um pouco neste curso é uma série de três cartazes que eu desenhei. Os três primeiros livros da série The Chronicles of Nárnia. Então, em todos esses três cartazes, eu estou usando apenas quatro cores diferentes mais o branco da cor do papel, mas eu estou tentando transmitir emoções diferentes em cada um deles. Então, como neste primeiro, eu tenho uma coisa legal, quase ajustes, calma, mas ativa acontecendo na tela. O segundo aqui tem esse roxo como referência à realeza e um pouco mais ativo com um pouco mais de contraste nos roxos e azuis acontecendo naquele. Em seguida, o terceiro é The Voyage of the Dawn Tread, é tudo sobre a água e por isso estamos usando o azul aqui como referência lá, mas, em seguida, adicionando ainda um pouco mais de contraste do que os negros e brancos, e dando-lhe um ainda mais ativo sentir-se fora de todos os três deles. Outro exemplo que eu queria mostrar a vocês é este excelente trabalho para a Target no Canadá. Esses anúncios não foram feitos por mim. Eles foram criativos dirigidos por Alan Peters at Target e ilustrados por Lab Partners em San Francisco, mas o que eu amo sobre estes é a paleta de cores coesa que atravessa todos os três deles. Todos os três são imagens muito ativas, mas cada um deles transmitindo um senso de emoção muito diferente. Então, você pode olhar para estes primeiros e as coisas parecem muito sereno, bem calmo, os rosa claro aqui dão-lhe realmente à vontade sensação que é bom. O segundo ficou um pouco mais de emoção com uma boa tonalidade laranja brilhante para transmitir uma sensação de ação ou uma sensação de urgência ou uma sensação de movimento, e isso funciona muito bem. Neste último, temos este azul legal dando-lhe esta sensação refrescante. Novamente, ele tem tanto movimento, mas não parece tão ativo como este, e isso é simplesmente por causa da mudança na paleta de cores. O curso é dividido em três seções diferentes. O primeiro é uma introdução à teoria da cor e terminologia, apenas para obter o conhecimento. A segunda é uma maneira de gerar ideias, iniciar o processo e começar a pensar um pouco mais sobre cores e como construir uma boa paleta de cores unificada e coesa. Em seguida, o terceiro está terminando retoques, montando os últimos pedaços do seu projeto e recebeu algum tipo de dicas Pro Illustrator e Photoshop nesse último para você. Tudo bem. Isso encerra este primeiro vídeo. Continuem a percorrer o conteúdo do curso e estou ansioso para ver o que vocês criaram com a cor e a vossa nova compreensão da teoria das cores. 2. Terminologia de cores: Ok, neste vídeo nós vamos estar revendo o básico da terminologia da cor. Fale sobre matiz, vamos falar sobre cromo, vamos falar sobre valor e vamos falar sobre alguns esquemas de cores diferentes para começar tudo. Então, eu quero começar este vídeo falando sobre cor aditiva versus subtrativa apenas para que possamos tipo de estabelecer algumas diretrizes básicas para como vamos falar sobre cor e como eu vou estar mostrando a vocês os princípios da teoria das cores. E, portanto, há duas maneiras diferentes de criar cores. Um é um processo aditivo e isso é algo que os humanos inventaram com eletrônicos, televisores, telefones, computadores e essa é a idéia de projetar uma cor de luz para fora. A outra maneira é um processo subtrativo e essa é a maneira natural que a cor é criada e essa é a idéia de que quando a luz é lançada em algo, esse objeto reflete uma certa variedade de cores de volta para você e absorve o resto delas. Então, a luz contém todas as cores que é rejeitada em algo, como dizer uma folha e uma folha absorve todas as cores exceto pelo verde ou vermelho ou amarelo que essa folha é e então reflete de volta essas cores e, em seguida, o olho humano percebe essas cores. É um processo subtrativo. Um processo subtrativo também é usado quando se fala sobre impressão, que sempre foi confuso para mim porque quando se fala sobre a ideia de imprimir algo, você acha que está adicionando tinta ao papel, mas o resultado final novamente é um objeto tátil ou tinta que vai ser um processo de cores subtrativas onde absorve certas cores e reflete de volta outras cores. Então, todos os exemplos aqui, eu vou mostrar a vocês, são todos digitais e então estamos falando de cor aditiva para isso. Eu postei alguns links nos recursos adicionais. Um muito velho e divertido com Bill Nye que vai lhe dar um pouco mais de idéia sobre a ciência por trás da cor. Então, a outra parte sobre a qual quero falar são modelos de cores diferentes. Agora, que estamos falando de cor aditiva, claro que espero que você esteja familiarizado com a idéia de cor RGB versus cor CMYK e a cor CMYK é novamente o método que você vai usar para pegar um arquivo digital e imprima algo no reino de cores subtrativas. Considerando que o RGB é o que é feito no processo de cor aditiva com o seu monitor que irá projectar a cor de volta para si. O RGB significa vermelho verde e azul e seus são valores que cada pixel recebe um valor vermelho, um verde e o azul e quando eles se misturam eles fazem uma gama de 16 milhões de cores. Tudo o que mostrarei aqui está no mundo da RGB. Então, agora que cobrimos isso, estou determinado a falar sobre a cor aditiva RGB. O que eu tenho aqui é, sua roda de cores básica e vocês provavelmente estão todos familiarizados com isso do jardim de infância, mas é uma ótima ferramenta para referência e lembrar. Certamente tenho 12 cores diferentes aqui. Eu tenho amarelo no topo porque é o roxo mais brilhante na parte inferior porque é o mais escuro e então começamos com o básico que são as cores primárias e todas as cores podem ser feitas dessas cores primárias amarelo, azul, e vermelho. Se você olhar para os complementos dessas cores e o complemento de uma cor é qualquer cor que é reta através da roda de cores aqui, então amarelo é o elogio para roxo, verde é um elogio para vermelho e azul é o elogio para laranja, você terá cores secundárias. Se você começar a misturar cores primárias e secundárias, você tem o que eu chamei de cores terciárias, e essas são amarelo-laranja, vermelho-laranja, vermelho-roxo, azul-roxo, azul-verde e amarelo-verde. Então essa é uma espécie de roda de cores básica aqui. Novamente eu construí isso em RGB que é ligeiramente diferente se você fosse misturar tinta, você obteria resultados perceptuais diferentes, mas o que eu fiz é tipo de matematicamente calculou essas cores dentro do modelo de cor RGB. Quando falamos sobre essas cores, quando você escolhe uma cor específica você está escolhendo uma tonalidade e uma tonalidade é a definição de uma cor e então o que eu tenho aqui é minha tonalidade vermelho-púrpura como o centro desta escala que é uma escala de valor de matiz e se eu Volta aqui um pouco. Tudo isso é baseado em preto e branco e então eu tenho preto aqui em baixo, branco aqui em cima, embora seja ligeiramente cinza só para que você possa vê-lo e, em seguida, uma gama de cinza no meio. E se começarmos a corresponder essa tonalidade a essa escala de valor, criaremos o que se chama tendas e sombras. Então, enquanto eu pego uma tonalidade e eu misturo preto ou adiciono preto nele, eu estou adicionando um tom dessa tonalidade que fica progressivamente mais perto do preto. Se eu fosse adicionar branco em vez disso, eu estaria tingindo essa cor e eu lentamente tingi-lo cada vez mais e mais em direção ao branco. Então, há toda uma gama de tons. Demasiados para mostrar aqui. Temos a roda de cores básica e essas 12 cores básicas para nos dar um ponto de partida, mas então há todos os tipos de laranjas vermelhas ou todos os tipos de azul-verdes entre aqui e então podemos começar a adicionar todas as tonalidades e tons em entre lá e como eu disse antes no mundo RGB, você tem um total de cerca de 16 milhões de cores quando você está pronto e isso nos dá todo o espectro de cores para trabalhar com. Dentro do Illustrator e dentro do Photoshop, à medida que você começa a definir essas cores, você pode olhar para elas dentro do Adobe Color Picker padrão. O seletor de cores tem algumas maneiras diferentes de definir a cor, e você pode escolher como selecionar sua cor aqui escolhendo esses diferentes modelos de cores, e esses pequenos botões de opção aqui. Tudo o que faço, gosto de escolher a tonalidade primeiro. Então, a tonalidade aqui que definimos é essa área roxa vermelha e tem 100% de saturação. À medida que começamos a falar sobre saturação, saturação é a quantidade de cor na tonalidade que você está usando. Então, aqui eu tenho esse roxo vermelho puro que está 100% saturado, e quando eu começo a matizar ou sombrear isso, eu começo a perder um pouco da saturação dessas cores e voltar para o branco aqui. Então, como você está usando essa cor maior, você pode começar a escolher uma tonalidade, mas começar a pensar sobre a saturação e o brilho também. Brilho é algo que falarei em breve. Dentro daqui eu posso apenas clicar e arrastar esse cara para encontrar o que eu quero, mas mais tarde vamos querer pensar sobre como os tons e como a saturação e brilho são todos combinados. Então, mesmo que estejamos trabalhando no espaço de cores RGB aqui, e você pode alternar para o seletor de cores RGB e uma abordagem ligeiramente diferente aqui. A maneira que vamos fazer as cores é usando saturação de matiz e brilho. Então, nós conversamos sobre matiz e falamos sobre saturação, a outra coisa que eu quero falar é brilho. Se você olhar para as cores na roda de cores, existem diferentes níveis de brilho para cada um, e maneira no topo temos amarelo, amarelo sendo a cor mais brilhante que está lá fora, e maneira na parte inferior temos roxo, roxo sendo a tonalidade mais escura na roda de cores. Eu tenho um pequeno teste aqui para ver um valor croma, e se eu começar a misturar essas duas cores juntos que eu fiz usando a ferramenta de mistura ilustrador, você pode ver um espectro de quanto croma há como essas cores começar a se mover em direção a uma cor mais neutra. Duas coisas que estamos tentando transmitir aqui são o brilho de uma cor, brilhante sendo amarelo, roxo significa o nosso exemplo de escuro e há um intervalo no meio à medida que você se move ao redor da roda de cores, e então o croma de uma cor que é quanta cor está presente. É semelhante à saturação, mas ao invés de se mover em direção a um croma branco ou escuro enquanto você começa a misturar as duas cores juntas, move-se em direção a uma cor neutra. Isso é o que compõe o centro da roda de cores. À medida que começamos a nos mover em direção ao centro, começamos a misturar duas cores complementares juntas, você terá uma cor neutra. Isso ainda tem alguma cor nele certamente não é 100% neutro, mas é um mais neutro nessa gama de marrons e bronzeados e cremes e vamos falar sobre mais tarde. Tem um valor croma mais baixo. Uma última coisa a dar uma olhada aqui é a comparação de brilho e valor é que eu estou pegando minha gama de cinza e eu peguei minhas cores da roda de cores e eu estou tentando mapeá-los para as conexões de brilho ou valor correspondentes. Então, novamente, nós temos o caminho amarelo aqui no topo, nós temos vermelho e verde aqui no meio, e então nós somos o azul roxo e roxo aqui em baixo como ele começa a ficar mais escuro e mais escuro. Se eu levar isso para o Photoshop e dessaturar, teremos alguns resultados realmente interessantes. O que estou tentando mostrar aqui é que mesmo que tenhamos um amarelo muito brilhante, essa cor ainda tem um peso visual. É mais pesado do que o branco é, e encontramos alguns que começam a se alinhar bem perto e aqui o roxo está ficando muito perto de ter o mesmo peso visual que o preto, mas o que você vai descobrir é que o branco é muito mais brilhante do que até mesmo o amarelo mais brilhante, e tem muito menos peso visual quando olhamos para ele neste sentido. Assim, à medida que entendemos o mundo RGB , entendemos matiz, saturação, brilho, croma , valor e como as cores começam a comparar, podemos começar a pensar diferentes combinações de cores que podemos usar como base de nossas paletas de cores. Existem vários tipos de combinações de cores diferentes, mas algumas das mais básicas são o que é chamado de esquema de cores análogo. A palavra análoga significa apenas cores que estão próximas umas das outras, e podemos pensar nisso quase como monocromático, mas um esquema de cores monocromático seria uma tonalidade, e então são dezenas e tons e variedades lá. Um esquema de cores análogo leva cores próximas umas das outras na roda de cores. Então aqui em baixo eu tenho roxo vermelho, roxo e azul roxo, e isso está fazendo meu esquema de cores análogo. Como falamos antes, as cores nos lados opostos das rodas de cores são complementares, e assim, você pode ter um esquema de cores gratuito. Outra prática bastante comum porque há tanto contraste em um esquema de cores complementar, eu não posso adicionar mais contraste ao amarelo e roxo. Eles têm a maior quantidade, é usar o que é chamado de esquema de cores complementar dividido. Então, onde eu pego, matiz é um pouco para a esquerda e um pouco para a direita do roxo apenas para empurrar para baixo essa quantidade de contraste um pouco e adicionar um pouco mais de variedade ao esquema de cores. A última coisa que quero mostrar a vocês chamamos de esquema de cores tríade ou triádico, e isso é baseado nas referências de cores primárias e secundárias, mas são apenas três cores de diferentes partes da roda de cores. Então, tudo isso mostrando apenas duas ou três cores e esses são bons lugares para começar, você pode adicionar mais dezenas de tons de seus tons para construir uma paleta de cores maior, você também pode adicionar mais, você pode fazer um quadtrad ou tetrads ou cores esquema aqui, adicionando mais de três cores. Mas esses são apenas alguns dos conceitos básicos que podem ajudar você a começar a construir suas paletas de cores para sua tarefa. É isso para este vídeo, no próximo vamos falar um pouco mais sobre terminologia de cores e como as cores começam a interagir especificamente. 3. Interação de cores: Então, neste vídeo, o que eu gostaria de falar e demonstrar aqui é a interação da cor. Agora que temos uma compreensão básica de alguma terminologia da cor, podemos usar essa terminologia para falar sobre a relação entre as cores. Sempre que temos mais de uma cor, essas cores vão interagir e eles vão reagir de forma diferente em diferentes tipos de situações dependendo da relação das cores ou onde as cores podem cair dentro do esquema de cores que você está construindo. Então, falamos sobre cores complementares. As cores complementares tendem a ter o maior contraste entre si porque eles estão em toda a roda de cores. Você também pode ter contraste entre as cores que estão próximas na roda de cores certamente, e você pode ter contraste entre cores que têm diferentes níveis de saturação ou níveis de brilho diferentes também. O que você quer pensar ao criar uma paleta de cores é controlar essas coisas para que elas tenham a quantidade apropriada de contraste. Muito contraste, não há contraste suficiente, são coisas ruins. Um dos maiores desafios da construção da paleta de cores é manter o nível adequado de contraste durante o uso de sua cor. Então, para testar um pouco disso, podemos começar a ver como a cor interage, e eu vou mostrar algumas coisas que eu normalmente faço e algumas maneiras que você pode olhar para a cor. Vou usar um exemplo aqui de um desses pôsteres de Crônicas de Nárnia, onde eu tenho roxo como minha cor dominante, eu tenho algumas cores neutras do preto e branco e cinza-azulado, e então eu tenho também azul como uma cor análoga de roxo para construir minha paleta de cores. Quando eu estava criando esses cartazes, eu realmente comecei com uma paleta de cores totalmente diferente que acabou não funcionando muito bem para mim. Eu tinha um verde em vez de um cinza, e não acabou funcionando do jeito que eu queria. Então, a maneira que eu descobri uma maneira melhor de fazer isso foi testar a maneira como as cores interagem umas com as outras. Eu postei um link na seção de recursos para o grande mestre da interação de cores. Havia um cara chamado Josef Albers, que lecionava na Black Mountain College, e há um aplicativo muito legal para iPad que a Yale Press desenvolveu. Ele lhe dá acesso para brincar com algumas de suas técnicas para testar a interação de cores. Então, eu estou emprestando peças e peças e seus exercícios, e então aplicando isso e tentando encontrar o equilíbrio de cores certo aqui. Então, o que eu tenho é um par de cores, e o que eu estou fazendo é pegar a amostra de cores grande e a pequena amostra de cores da paleta e eu estou testando as quantidades de contraste entre os dois. Então aqui, eu tenho o roxo e azul e eles parecem ter uma boa quantidade de contraste. O azul sai com o roxo sem ser engolido, e eu posso facilmente definir a forma do quadrado dentro de lá. Então, temos a mesma coisa acontecendo aqui em baixo no preto, e isso é porque eles não são realmente o mesmo, mas têm uma comparação semelhante de brilho dessas duas cores em comparação com o azul aqui. Então, olhe para esses. Certo, isso parece apropriado. Eu faço outros testes, e uma coisa que fazemos é virar as coisas. Então, eu tenho azul no roxo aqui, e então vamos colocar roxo no azul e ver como ele se mantém. Porque à medida que você expande a quantidade de cor, às vezes esse contraste pode diminuir muito rapidamente. Felizmente, aqui, temos a mesma quantidade de contraste com este roxo em azul como temos aqui. No entanto, quando eu adiciono em uma das minhas outras cores que é cinza azulado, podemos ver que não há tanto contraste aqui. Se olharmos para esta coisa, em comparação, quando olho para este roxo em azul, o roxo parece muito mais pesado, parece mais escuro. Eles são aproximadamente o mesmo nível de saturação, mas na escala de brilho, este certamente na extremidade mais escura do espectro. Estes dois começam a ficar mais próximos em comparação, e este roxo realmente começa a suavizar e não há tanto contraste entre os dois. Então, eu acabo com este roxo como olhar sobre o mesmo peso aqui que ele faz aqui. Se eu fizer isso, vamos tentar mais uma vez. Se eu tornar este escuro a minha cor preta aqui, o roxo realmente parece muito mais leve. Então, eu tenho esse roxo claro e então esse roxo que parece mais escuro, e eu quase comecei a pregar peças em você para fazer você pensar que é duas cores diferentes de roxo. Então, essas são apenas coisas que você deseja executar e testar e ver o que funciona e o que não funciona, então ele constrói todo esse palete para ver cores diferentes se parecem em diferentes cenários. Então, o que eu tenho aqui é certamente que há áreas onde eu tenho sobre o máximo de contraste possível aqui com branco sobre preto e preto sobre branco aqui em baixo. Mas eu também tenho um adequado ou uma boa quantidade de contraste em todas as outras cores em branco. As coisas parecem funcionar decentemente aqui, aqui, e depois cada um destes. O principal problema que estou encontrando é essa cor cinza. Eu quero que a última cor para me dar gama suficiente, ea palete de cores para construir todas as coisas que eu tenho naquele cartaz, mas eu tenho algumas áreas como roxo em cinza. Cinza no roxo é um pouco melhor, mas roxo no cinza, não há contraste silencioso o suficiente aqui. Cinza no azul estavam no mesmo cenário onde não havia contraste suficiente lá. No geral, tudo bem. Eu tenho essas cinco cores e haverá uma grande variedade de cenários diferentes que eu estou usando, e cada um pode não funcionar 100% perfeitamente. Mas o que queremos é um bom equilíbrio geral para que a maioria dessas cores funcionem bem em conjunto em comparação umas com as outras. Então, quando voltamos aqui e olhamos para o produto final do meu design de pôster, você pode começar a ver como limitante como, onde o roxo e o cinza estão interagindo. Então, há apenas uma pequena quantidade de lugares onde o roxo e o cinza entram em contato um com o outro, e isso é porque eles começam a ficar um pouco enlameados. Eu quero manter essa coisa, é uma boa quantidade uniforme de contraste, e ter uma boa quantidade de contraste para começar com as cores preto e branco e formas de borda dura. Então, eu quero manter o nível de contraste alto, e eu estou limitando a interação roxo em cinza lá porque eu sei que essas são minhas áreas de baixo contraste. Então, novamente, você deseja executar alguns desses testes apenas para medir o contraste entre as cores. Isso pode ser contraste na tonalidade, pode ser contraste na saturação, pode ser contraste no brilho. No geral, toda a minha paleta de cores, estou mantendo o nível de saturação relativamente em algum lugar de cada um. Então, você vai querer olhar através disso também. Manter o nível de saturação semelhante me permite adicionar mais contraste e brilho, que eu tendem a gostar, e esse é o olhar que eu estou querendo neste cartaz. Mas então, mantendo o nível de saturação semelhante, isso mantém a discagem do nível de contraste novamente para baixo, modo que eu tenha a quantidade certa de contraste geral. É só para equilibrar. Você só tem que olhar, revisar e editar, mas todos esses testes podem ajudá-lo a descobrir isso mais cedo do que mais tarde. Um último princípio de interação de cores que eu gostaria de tocar aqui é apenas a idéia de que quando você coloca certas cores um ao lado do outro, podemos dar a aparência de translucidez ou transparência. Então, quando você olha para este intervalo de cores que eu tenho aqui, e eu estou adicionando um par de cores que não estão no meu cartaz apenas para ilustrar o processo, você pode pensar que o que eu tenho é um transparente do azul quadrado verde sobreposto sobre este roxo e cinza. Mas o que eu realmente tenho são um par de outras cores lá dentro. Então, aqui fora, essa coisa parece azul-cinza ou o que seja, isso parece verde-azulado. Mas quando colocados um ao lado do outro, posso dar a aparência de que essas cores se tornam transparentes. Eu posso dar essa aparência enquanto ainda trabalha em cores sólidas. Então, não é algo que você necessariamente tem que fazer, mas é algo que você pode pensar. Posso ajustá-los conforme necessário, eu quiser. Eu poderia mover esta coisa um pouco mais perto de roxo ou algo assim para construir uma paleta de cores que ainda dá a aparência de transparência, mas eu posso ajustar isso. O principal aqui é apenas pensar sobre isso em vez de transformá-lo em transparência. É como se eu estivesse pensando sobre a saturação, o brilho e a tonalidade da cor em relação à outra, e eu estou construindo essa transparência. Então, à medida que você trabalha com isso, se estiver trabalhando no Illustrator ou se estiver trabalhando no Photoshop, você pode pensar em como dar a aparência de transparência ou trabalhar somente em cores sólidas em vez de apenas cedendo ou trocando a opacidade ou algo assim você está pensando sobre a interação da cor enquanto você está construindo a emoção que você quer descrever para as pessoas. 4. Gerando ideias: Ok, neste vídeo eu quero falar um pouco sobre gerar ideias. Então, você está começando a pensar em maneiras de mostrar ou transmitir as diferentes emoções que você selecionou. Você pode construir várias idéias diferentes. Então, eu tenho algumas dicas e truques que eu uso tipo de como eu ir junto especialmente nos estágios iniciais de tentar construir um monte de diferentes tipos de idéias. Então, o primeiro desses que eu chamo de uma palavra web ou um mapa mental. Então, eu tenho um exemplo de um antigo aqui que eu digitalizei. Isso é apenas para pegar esse tipo de idéia central realmente básica. Este é, na verdade, do meu outro curso de Skillshare sobre design de crachás, mas você pode ver que você acabou de começar com a palavra emblemas, e eu apenas começar a construir todos os tipos de coisas diferentes com base nisso. O truque para isso é desligar seu cérebro e apenas fazer quase associação de palavras onde é como distintivos nos escoteiros e, em seguida, conscientização e recompensa respostas ou lotes e design, história e artistas e designers nomes, iniciais são emblemas, e selos e adesivos e pessoas e atividades ou crachás meados do século, móveis e vida e vida, a mesa, a cama et cetera. Assim que você acertar um beco sem saída ou algo assim, basta soltá-lo imediatamente e voltar ao início e construir outra direção para tentar e dar-lhe uma idéia diferente de como você pode transmitir essa emoção. Depois de ter passado talvez 15, 20, 30 minutos fazendo isso, volte e circule algumas de suas idéias favoritas e comece a comparar essas idéias e veja quais você pode acabar gostando mais. Muitas vezes, quando estou tentando gerar ideias ou quando estou neste espaço, faço muitas inspirações relacionadas a palavras como maneiras de pensar sobre coisas diferentes. Outra ferramenta muito legal é como um dicionário de sinônimos. Para isso, você sabe, é tipo de salto on-line para thesaurus.com e eu poderia procurar por emoção e então, eu começo a obter uma lista de algumas das emoções que vocês esperançosamente já estão pensando. Você sabe que eu vou escolher algo como talvez, oh eu não sei. Vamos apenas pegar emoção aqui e então ele vai começar a me dar sinônimos de excitação e eu posso começar a pensar em todos os tipos de coisas diferentes. Podemos olhar para algo como Buzz, você sabe e então você começa a pensar sobre uma abelha e ser feliz, tendo um grande sorriso porque ele encontrou como a maior flor do mundo ou algo assim. Basta pensar em calor, feixe e, em seguida, começar a pensar em lareiras todos os tipos de coisas diferentes. Então, esta é apenas uma ferramenta muito legal para manter idéias se movendo de uma maneira semelhante a esta palavra web onde você apenas construir palavra depois palavra depois palavra para fazer essas associações. A idéia principal aqui é que você está fugindo dessa idéia inicial, você sabe. Muitas vezes também tentar e ficar o mais longe possível daqui depois que você fez uma espécie de associação livre, onde você desliga seu cérebro e apenas escreve o que vem à mente. Você pode sentar e pensar sobre, qual é a pior idéia possível? Você sabe e assim, para isso nós podemos pegar uma emoção como o amor e pensar sobre como eu transmito amor, e qual é a pior idéia que eu poderia fazer lá. Talvez pudéssemos usar cores legais, cores azuis para tentar transmitir amor. Não é exatamente uma boa idéia, mas se eu começar a pensar em cores legais e, em seguida, começar a pensar em água e então eu começar a pensar em peixes e você sabe, talvez eu possa ter alguns peixes pequenos e alguns brilhantemente peixe médio colorido e eles encontram o amor inesperadamente. Comece a jogar fora toda essa história em minha mente ou algo assim, mas então eu posso começar a construir alguma idéia de uma maneira de comunicar amor entre dois personagens ou algo usando apenas cores legais. Então, é possível trazer isso de volta para algo que pode realmente funcionar. Então, use-o com cautela é claro, se você está pensando em idéias terríveis, mas apenas uma técnica de pensamento de 180 graus que eu gosto de usar às vezes, é como o que é o oposto do amor? Provavelmente é ódio. Então, como posso comunicar amor enquanto uso ódio, eu não tenho certeza bem do topo da minha cabeça, mas, eu posso ver como eu estou apenas tentando olhar para as coisas de diferentes perspectivas, certo? Então, depois de você ter tido algumas idéias gerais para baixo, depois de ter construído alguma aleatoriedade na equação, você provavelmente vai querer começar a esboçar. Então, o que eu tenho aqui é como alguns esboços de digitalização de um dos projetos na visão geral deste curso. Havia um monte de ícones de distintivos na placa para o mapa de localização. Como você começa a fazer isso, eu defendo fortemente apenas colocar mais idéias para baixo menos você sabe e apenas não tenha medo de esboçar, esboçar e esboçar. Aqui você pode ver que eu estou brincando com uma idéia de porta e um ponto de interrogação para um deles e esboçar cerca de cinco portas diferentes abertas ou há uma luz de cima ou algo que você sabe. Aqui estão presentes ou presentes novamente e desembrulhe presentes, e presentes em um saco ou algo assim. Então, depois de ter estabelecido as ideias, à medida que você está começando a juntar os visuais, comece a esboçá-las. Não tenha medo de esboços desleixados, apenas faça isso rapidamente. Uma vez que você tenha feito um, apenas faça outro e apenas continue refinando essa idéia enquanto você avança. Então, usando essas duas técnicas esperançosamente, podemos construir algumas idéias interessantes, maneiras de mostrar as diferentes emoções que você escolheu ou que você decide que você quer mostrar e encontrar algo interessante ou alguma maneira única de apresentar emoção dentro de sua imagem quadrada, seja lá o que for que isso acabe sendo. 5. Reunindo inspiração: Ei, todo mundo. Neste pequeno vídeo, quero falar um pouco sobre reunir inspiração. É uma parte importante no processo criativo e, eu acho, maior parte da indústria criativa passa por essas coisas no início para ajudar a gerar ideias, para ajudar a começar seu cérebro com cada projeto. Tudo o que eu faço, eu passo um pouco de tempo na frente apenas reunindo um conjunto de imagens específicas que me inspira ou me leva a ir naquele projeto específico. Eu encorajaria você a fazer a mesma coisa aqui, quando você começa a construir uma paleta de cores, enquanto você começa a pensar sobre as emoções que você vai representar ou transmitir. Você pode cavar um monte de informações de referência, coisas que você acha legal, paletas de cores que você acha interessante, talvez algumas cores complementares que você está realmente apaixonado ou algo assim, e colocar todas essas em uma pasta que você pode fazer referência ao passar pelo projeto. Uma grande coisa que eu quero falar é que eu sinto que é realmente importante para ficar longe do computador por isso. Você certamente pode passar algum tempo no computador, e eu vou falar um pouco sobre isso, mas eu sinto que é realmente benéfico para todos afastarem do computador de vez em quando e um grande momento para fazer isso é cedo. Então, apenas como um exemplo aqui, eu tenho uma enorme referência de livros de meados do século porque eu sou realmente inspirado por seu uso de cores, bem como muitas outras coisas. Então, eu tenho uma biblioteca de livros bem atrás de mim e eu apenas peguei uma aqui. É Mary Blair, que é muito famosa artista da Walt Disney em meados do século, em meados de 1900 e este é o livro “I Can Fly”. Adoro o uso de cores dela dentro deste livro. Então, eu muitas vezes meio que folhear isso e apenas dar uma olhada em como ela usa cores diferentes, como ela está construindo uma paleta de cores realmente coesa com um monte de cores diferentes aqui e então, como ela pode adicionar em neutros ou alterar essa paleta de cores para cima, mas ainda mantê-lo semelhante ao mesmo tempo. Além disso, encontrar apenas inspiração na vida real, então eu tenho este pequeno brinquedo de lata que meu pai me deu no Natal e eu adoro o esquema de cores primário nesta coisa. Então, para lhes dar mais uma referência da vida real aqui, minha esposa e eu estávamos conversando sobre refazer nosso quarto para nosso primeiro filho e começamos a falar sobre cores. Vamos ter um menino. Não queríamos ir com cores fortes ou algo assim. Estamos tendo dificuldade em falar sobre o que comprar, que cores colocar nesta sala, etc. Então, a primeira coisa que eu fiz foi apenas virar de volta para os meus livros e começou a puxar um par de coisas para fora e acabou com este livro de desenho animado moderno que tem um esquema de cores realmente bonito primário. Nós também demos uma olhada neste excelente livro de Katie Kirk, chamado “Eli, não” e como poderíamos tomar essas cores, mas adicionar um pouco mais porque ela realmente queria não ser apenas azul e amarelo e vermelho ou qualquer coisa. Mas, há algumas belas cores secundárias aqui e eles têm uma cor amarela semelhante ao primeiro livro, o que é legal. Então, também aconteceu de eu receber pelo correio naquele dia um livro de meados do século, chamado “Nancy e o Leão Infeliz”, e ele tem um monte de coisas legais lá dentro também. Ainda baseado em torno do mesmo amarelo, alguma cor cinza. Então, obviamente não terminamos com o quarto ainda, mas, é apenas uma referência legal ou história da vida real de mim puxando toda essa inspiração colorida de livros e nos dando a idéia de começar o projeto. Então, novamente, eu encorajaria você a se afastar do projeto aqui, mas quando entrarmos no computador aqui, eu vou te mostrar. Eu também uso muito o Pinterest. Eu me inspiro na internet todos os dias e não estou dizendo que você não deve fazer isso, eu estou apenas encorajando você a combinar os dois. Então, eu postei um link nos recursos para esta placa de cor do Pinterest que eu mantenho de combinações de cores apenas legal que eu gosto de usar. A outra coisa, é claro, você pode usar são ferramentas como a cor da Adobe aqui e você pode navegar através de suas paletas de cores e um monte de outras coisas. Eu acho que esta ferramenta pode ser muito útil, mas, na minha opinião, o que é uma melhor maneira de abordá-la é com o conhecimento da cor que estamos falando neste curso, e depois tomando alguma inspiração de alguns tipo, e construir sua própria paleta de cores. Se você vai usar as coisas daqui, você deveria pelo menos estar avaliando. O que funciona? O que não funciona? Que outras cores posso adicionar nesta paleta de cores para me ajudar a construir meu projeto? Que tipo de paleta de cores é? Aqui está uma paleta de cores neutras. Aqui está quase uma paleta de cores primária. Aqui está uma paleta de cores análoga. Aplique esse conhecimento que você conhece enquanto está pensando nessas cores. Então, pegue um pouco disso, saia, encontre alguma inspiração, cole-o em um balde em algum lugar, e use-o para ajudá-lo ao longo do caminho enquanto você está trabalhando através de suas emoções. 6. Esboçando as ideias: Tudo bem. Neste vídeo, quero falar um pouco mais sobre esboços. Nós apenas prefiguramos isso e as ideias geradoras de vídeo logo antes deste. Eu queria ser um pouco mais minucioso sobre o processo de esboço para mim, e apenas reiterar o quão importante é. Como vocês estão começando a pensar na segunda seção sobre realmente como você expressa ou mostra ou transmite as emoções que você selecionou, você realmente quer estar desenhando através das idéias que você construiu até agora. Então, para mostrar meu processo e dar a vocês algum tipo de referência aqui, eu tenho alguns exemplos de um projeto que eu fiz como um cartaz para uma empresa chamada Curriculet. O tema do cartaz é o romance, Huckleberry Finn, uma vez que se relaciona com um dos princípios fundamentais comuns do ensino. Então, a primeira imagem aqui, isso é literalmente como os rabiscos soltos de meus esboços de idéias enquanto eu estou começando a pensar sobre isso, e é basicamente ininteligível para qualquer um menos para mim. Tipo, talvez aqui esteja uma figura e um monte de rabiscos de coisas aqui atrás, e talvez esta seja uma figura em uma jangada, espero. A probabilidade de alguém entender isso é nula e sem efeito, mas são só para mim. Então, o que eu faço é, como eu estou pensando que eu vou rapidamente rabiscar essas idéias para baixo, certo? Então, eu poderia voltar e começar a desenvolver as idéias um pouco mais. Então, se dermos uma olhada nisso aqui, eu tenho essa idéia de todas essas coisas saindo deste livro. Há diferentes tipos de partes e peças do mundo de Huckleberry Finn, e o que eu estou fazendo é isso, eu estou pensando sobre isso e voltando e desenhando algumas peças mais práticas da história. Estou adicionando o personagem aqui, que essas idéias estão projetando de sua cabeça enquanto ele está pensando em sua aventura. Este pode ser um pouco mais inteligível lá, tão poucos tipos de coisas. Tudo é áspero ao redor das bordas como eu me mover através disso com certeza. Então, dê outra olhada em uma de minhas idéias originais, um pouco mais desenvolvidas. Aqui está esta idéia, um pouco de velho pôr do sol atrás da balsa aqui, e como eu esboço isso para que todos os outros possam entender isso um pouco mais, ainda sou apenas eu rapidamente acrescentando, tanto as jangadas, Huck e Jim, e a floresta em que viveram por um tempo, e depois no rio aqui. Você pode ver o tipo de idéia se desenvolver, e esse é o principal tipo de problema que eu estou tentando transmitir aqui. É apenas a idéia de que este é um processo, e o processo que você deve continuar a refinar à medida que você avança. Toda vez que você desenha algo, vai melhorar. Então, vamos continuar olhando para estes, eu tenho um último aqui. Este é o meu personagem, há cenas diferentes de dentro do livro, e então, o personagem em pé na frente sendo o narrador, contando a história dessas diferentes cenas, e isso é deste pequeno rabisco de O esboço aqui em baixo. Então, eu pego essas três idéias básicas, e então as apresento ao cliente. Nesse caso, você vai querer postar algumas de suas ideias em seu projeto e compartilhá-las com a turma para obter feedback. Depois de falar um pouco com o cliente, eles meio que acabam nesse cenário onde eles gostam deste, mas eles querem colocá-lo na balsa como neste, e então, você vai querer pegar essas cenas específicas do livro e transmita esses. Nesse ponto, eu pego esse feedback e faço uma espécie de esboço de lápis apertado do que é isso. Enquanto estou no processo de fazer isso, eu tenho essa idéia como se eu estivesse desenhando seu chapéu de palha aqui. Uma das principais coisas que eles queriam transmitir são os dois mundos de Huckleberry Finn, ele como o garoto prim e apropriado que ele deveria ser, e então a juventude turbulenta que ele realmente é. Quando começo a desenhar esse chapéu, penso se é um chapéu ou um chapéu de palha, e tenho a ideia de dividir tudo ao meio. Então, eu os envio para fora disso e então eu também os envio de outro esboço realmente áspero, para onde nós fazemos como uma tela dividida, e então deixar mais evidente que estamos realmente falando sobre os dois Huck Finn diferentes que estão na história. Então, nessa idéia dele usando um terno com um chapéu de cima, aqui ele tem o macacão e o chapéu de palha. Aqui estão as senhoras que cuidaram dele e então estão tentando educá-lo, e então aqui alguns bandidos e as interações dentro do romance. Então, eles realmente gostam dessa idéia e começam aqui, eu estou apenas enfatizando que enquanto eu estou desenhando, eu estou pensando sobre isso e essa é a parte importante do esboço. Quanto mais eu esboço, mais eu penso, quanto mais eu penso, melhor as coisas ficam, mais elas refinam. Então, eu apresento isso para o cliente ou, neste caso, novamente, você postaria idéias revisadas para a classe para obter seu feedback. Então, eles gostaram dessa ideia e eu passo e faço este cartaz. Então, puxe todas as ideias dos esboços para o produto final. É apenas um processo à medida que se move através desta coisa. Então, eu encorajaria fortemente você, enquanto você está trabalhando nessa coisa, a postar seu trabalho e receber feedback com frequência. É importante ouvir de outras pessoas, é importante obter outras perspectivas, e isso tornará seu trabalho melhor. Então, assim que você puder inventar algo que você acha que vale a pena compartilhar, basta postar. Se você está procurando feedback especificamente de mim e eu não comentei sobre o projeto, como eu mencionei, basta deixar as perguntas e respostas ou enviar seu projeto para feedback, e eu vou tentar chegar a isso o mais rápido possível. 7. O contexto das cores: Ok. Neste vídeo, de volta à nossa roda de cores aqui novamente. O que eu gostaria de fazer desta vez, porém, é falar sobre o contexto da cor e o que a cor significa. Então, para fazer isso, vamos fazer um detalhamento muito básico da roda de cores, e então, eu também vou pegar uma cor e vamos olhar para possíveis significados diferentes para essa cor. Se você dividir a roda de cores ao meio, em uma metade você terá cores legais, na outra metade você terá cores quentes. Quente é ser seu laranja e vermelho, mesmo para baixo no vermelho roxo, e tipo de amarelo geralmente, e então, as cores legais sendo como verdes e azuis, e você sabe até mesmo para baixo como azul, roxo, e outras coisas. Amarelo e roxo sendo como a divisão entre os dois, verde amarelo é meio que uma cor legal. Roxo pode ser decentemente quente com um pouco de vermelho nele. A grande coisa aqui é que as cores quentes são cores mais ativas, e as cores legais são cores mais passivas. Então, você sabe que este é bastante óbvio, mas, cores quentes se associam a emoções positivas, e cores legais se associam a emoções negativas. Seria o primeiro pensamento lá, mas eu também quero dar uma olhada rápida você sabe, eu vou puxar a cor vermelha aqui, e este vermelho pode significar todos os tipos de coisas diferentes. Eu sempre achei interessante como o contexto que estou usando, as cores se tornam realmente importantes para a emoção que estou tentando transmitir. Então, se olharmos para o vermelho em uma luz positiva, eu poderia ter algo assim. Começamos a falar de amor quando falamos sobre o Dia dos Namorados, e falamos de rosas, e vermelho é uma emoção muito bonita e apaixonada que descreve muito bem a relação entre duas pessoas. Ao mesmo tempo, na extremidade totalmente oposta do espectro, podemos olhar para o vermelho como uma cor que é ódio comunicado. Vermelho pode ser uma cor muito violenta. É a cor do sangue, a cor da vida ou da morte, dependendo de como você o retrata. É algo aqui usado para evocar muitas emoções muito fortes, e de modo algum estou comunicando minha conexão com essas pessoas ou qualquer coisa, como se eu fosse muito contra o tipo de emoções que essa cor foi usada neste contexto, Certo? Mas você pode ver como as mudanças drásticas das emoções são entre o contexto das cores que estou usando com praticamente a mesma cor. Então, novamente aqui, se você olhar para algo como isso, e exatamente a mesma cor de vermelho pode significar batatas fritas. Todo mundo sabe que McDonald's vermelho, e McDonald's escolheu vermelho e amarelo muito inteligente porque eles evocam fome, porque eles são cores ativas. Ele meio que nos volta para essas cores quentes sendo cores ativas, e mesmo com as diferentes emoções de amor, ódio e fome, e todos os tipos de outras coisas, podemos adicionar Coca-Cola vermelho na mistura. Todos eles ainda estão comunicando algum tipo de ação. Eles estão provocando você a fazer algo ou a sentir algo muito fortemente, e uma cor mais passiva irá evocar menos emoção tipicamente. Não é menos emoção, é apenas um tipo diferente de emoção de cores legais, e são tipos de emoção que muitas vezes são menos ativos, certo? Eles são menos provocadores no lado mais frio da roda de cores. Então, enquanto você pensa sobre essas coisas, pense sobre o tipo de emoção que você está tentando provocar. O que você está tentando fazer as pessoas sentirem, mas também pensar sobre onde essa imagem pode viver no final? Ou tipo, que tipo de imagem você está tentando usar? As cores certamente podem significar coisas diferentes em diferentes áreas do mundo, e possivelmente, um par de links e recursos adicionais para investigar mais sobre a psicologia da cor e a mediana da cor, mas também apenas fazer algum tipo de Pesquisas do Google e pesquisas da Wikipédia. Por exemplo, se eu quisesse fazer uma série de emoções baseadas na minha viagem pelo Noroeste do Pacífico ou algo do verão passado, e as emoções perigosas que sentimos enquanto dirigíamos penhascos gigantes rochosos versus como as emoções realmente felizes que sentimos ao ver algumas paisagens muito bonitas, ao mesmo tempo. Eu poderia tentar criar imagens para transmitir essas emoções de diferentes pontos da minha viagem. Mas eu também posso dar uma olhada no contexto da cor no noroeste do Pacífico, e o que o verde colorido, ou como a sombra, ou vista de verde, pode funcionar bem para o noroeste do Pacífico comparado com o que esse verde pode significar em outro lugar do país, ou em outro lugar do mundo. Portanto, certifique-se de que você está pensando sobre o contexto das imagens, o que você está mostrando e como as cores que você está escolhendo se conectam ao que você está tentando comunicar às pessoas enquanto está avançando. 8. Criando uma paleta de cores: Agora que sabemos uma quantidade razoável sobre terminologias de cores e teoria de cores, ou pensamos em cor e contexto, geramos algumas de nossas idéias para expressar ou transmitir as diferentes emoções que queremos, você estão totalmente prontos para começar a construir uma paleta de cores. Então, eu quero apenas falar sobre algumas maneiras que eu abordo a construção de uma paleta de cores normalmente. Há dois tipos diferentes de técnicas que posso mostrar-lhe aqui. Um é definitivamente o que eu uso com mais frequência, e o segundo é apenas uma ferramenta dentro do Illustrator que pode ajudá-lo também. Então, no primeiro, para ambos, eu vou estar mostrando onde eu comecei a construir a paleta de cores para esta série de ícones em. Então, ao fazer isso, fiz exatamente o que descrevi para vocês. Encontrei um monte de referências, material de pesquisa e inspiração. Eu tinha um tipo de estipulação do cliente para fazer parecer um pacote de salgadinhos de bagas selvagens. Então, sabíamos que queríamos que fosse muito saturado, bem brilhante, e de boa variedade de cores, certamente. Então, acerte as placas do Pinterest e tudo mais, e eu comecei a olhar para algumas paletas de cores. Então, no Illustrator, eu apenas faço pequenos quadrados e começo a colocá-los um ao lado do outro e começo a construir paletas de cores com base em algumas coisas que eu gosto. Então, vocês podem ver aqui, eu realmente amo esse pôster fóssil, e então eu puxei as cores diretamente deste pôster colorido. A coisa aqui é, no entanto, que eu não vou usar isso como minha paleta de cores em tudo. O que eu estou vendo é como eles estão construindo essa variedade de cores e como eles estão construindo uma paleta que tem muitas cores diferentes e a quantidade apropriada de contraste. Então, eu estou dando uma olhada em alguns desses de diferentes cartazes. Eu acho que este foi de um e aquele, e então meio que combinou alguns deles e puxando algumas de minhas próprias idéias também. Então, eu até puxo para dentro, começo a eu acho que pegar isso diretamente de bagas selvagens pacote mesmo, e então pegar partes e pedaços de algumas dessas cores como talvez este azul aqui, e este amarelo aqui em cima, e laranja Daqui de cima, e comecei a ver como eles se unem. Então, eu tenho essa paleta de cores acontecendo, e esta é minha paleta de cores editada depois de fazer alguns ajustes nas cores que eu provei de algumas dessas outras paletas de cores. Estou começando a me sentir muito bem com essa. Outra forma de ajudar a criar uma paleta de cores também é essa peça dentro do Illustrator chamada Guia de cores. Então, esta é uma ferramenta muito legal às vezes. É semelhante à ferramenta de cores da Adobe que mencionei em um dos primeiros vídeos, mas é construída dentro do Illustrator e pode dar uma olhada rápida em algumas outras cores que podem funcionar bem ou podem ser harmoniosas com essa cor. Então, eu só vou pegar uma cor aqui, e imediatamente se eu olhar na janela guia de cores, que pode ser encontrado em Janela e Guia de Cores, você pode ver que eu posso construir essas harmonias diferentes aqui e eu posso escolha um esquema de cores da tríade com base nessa cor. Na verdade, é o que ele tem. Eu clico nessa cor, então ele constrói meu esquema de cores tríade aqui. Você pode ver que eu tenho um roxo vermelho, um amarelo, e então eu tenho um roxo vermelho e amarelo aqui e então talvez pensar em outras coisas que poderíamos ser capazes de adicionar. Se eu clicar em Analogous, que cores posso obter? Então, eu posso puxar algumas outras partes e pedaços de cor deste também, e você pode realmente, se você escolher várias cores e clicar em Editar ou Aplicar cores aqui, você deve ser capaz de adicionar algumas cores. Em seguida, se você clicar em Editar, você pode começar a clicar nas cores que ele está usando dentro desses diferentes esquemas de cores. Então, eu poderia escolher este e, em seguida, clicar sobre isso e ver que tipo de cores eu recebo de um esquema de cores tetrad baseado nessa cor, e então eu poderia realmente gostar dessa cor e clique ali e ver que tipo de cores eu posso obter de Isso. É outra ferramenta para brincar para lhe dar algumas idéias de cores que se relacionam bem umas com as outras que então você pode escolher para construir sua própria paleta de cores. Eu usaria o mesmo aviso que eu lhe dei com o material de cor da Adobe para esse tipo de ferramenta Guia de cores é que é seu trabalho ser constantemente crítico das cores que ele está fornecendo. Não basta usá-los diretamente da caixa, mas usá-los para talvez pegar peças e peças aqui ou dizer, “Oh, sim. Eu não tinha pensado em cor marrom.” Só para manter as ideias em movimento. Mas então, volte e refine-os e construa uma paleta de cores boa, consistente e harmoniosa com uma quantidade apropriada de contraste que lhe dará as cores certas para o contexto da emoção que você está tentando descrever, e ele vai lhe dar variedade suficiente para realmente expandir para fora, e vamos falar um pouco mais sobre como adicionar ainda mais variedade no próximo vídeo. A última coisa que eu fiz com esta paleta de cores foi dar uma olhada neste, e então eu soube que iria ser usado em um fundo cinza escuro potencialmente. Então, eu comecei a olhar para essa cor de fundo, e isso é de volta para os testes de interação de cores e, em seguida, começar a dizer, “Bem, talvez estas estejam ficando meio escuras aqui, talvez não haja contraste suficiente aqui, então eu pode clarear algumas dessas cores.” Mas então, quando começamos a olhar para eles, eu poderia até virar alguns deles ao redor para fazer alguns testes rápidos de interação de cores. Mesmo aqui onde eu os deixei mais leves, eles parecem estar funcionando muito bem. Mas mesmo lá, eu quero trazer essa saturação para baixo e aumentar o brilho apenas um pouco em todos eles para acabar com este tipo de paleta de cores, que foi onde eu baseei essa série de ícones, e então adicionei alguns outros cores em que vamos falar mais sobre em breve. 9. Expandindo uma paleta de cores: Agora que você construiu sua paleta de cores inicial e começou a explorar, criando os visuais para as emoções que você está tentando comunicar, é possível que você precise expandir sua paleta de cores um pouco. Ao longo da série de quatro imagens diferentes, o que você quer como uma paleta de cores que parece unificada, mas ainda é robusta o suficiente para que você tenha variedade entre as quatro imagens diferentes, modo que você está criando uma unidade na série, mas você não está ficando obsoleto como você olha de imagem em imagem para imagem. Há várias coisas diferentes que você pode fazer para adicionar alguma variedade à sua paleta de cores. Para dar um exemplo aqui, eu vou orientá-lo através de como eu expandi uma paleta de cores para o aplicativo iPad deste garoto que eu projetei, que originalmente começou com uma paleta de cores muito restrita e acabou com um muito paleta mais colorida para o final desta coisa. Então, quando eu comecei, eles tinham um nome totalmente diferente e eu comecei a criar alguns estilos iniciais constantes para essa coisa. Eu queria que fosse baseado em muito fortemente em, ter muito grande influência no Bauhaus. O Bauhaus com sua redução apenas para o que é necessário são os elementos centrais do design. Eu pensei com certeza que eu construo tudo isso em cores primárias. Então, eu construo uma paleta de cores primária realmente agradável. Você pode ver alguns dos meus experimentos aqui, já reparei que tentei adicionar um verde, ou tentamos esta paleta de cores primária dessaturada e algumas iterações aqui. Então eu acabo com esta paleta de cores que é muito saturado, muito brilhante, quantidade razoável de contraste porque é para as crianças. Queremos ter muita atividade divertida dentro da paleta de cores, etc. Então, de repente, é para o cliente. Nós conversamos, eu fiz tudo isso em três cores. Vai ser incrível, et cetera, et cetera. No final, decidimos que não seria cores suficientes para manter as coisas divertidas e frescas, e diferentes entre cada tela deste aplicativo. Então, quando damos uma olhada na paleta de cores final aqui, que é esta, e eu tenho limitado, eu acho, quase todo o aplicativo para apenas essas cores sólidas. Temos muito mais acontecendo. Então, depois que você construiu essa paleta de cores inicial, nesse caso eu tenho uma paleta de cores primária, que é a paleta de cores tríade. Você pode começar a pensar em maneiras de expandir isso um pouco. Então, quando eu começo com cores primárias, a resposta imediata é que eu posso começar a usar diferentes tons dessas cores, ou matizes, ou matizes. Então, eu tenho uma tonalidade mais clara do amarelo. Temos alguns tons mais escuros do vermelho e do azul aqui para adicionar um pouco mais de variedade. Você pode até adicionar outras cores primárias. Você pode ver que eu adicionei neste azul mais claro, porque há várias telas, Eu tenho um céu neles. Eu precisava daquele azul mais claro para o céu, porque cinza claro pode ter funcionado, mas eu não vou ser é divertido. Branco, obviamente, eu não teria nuvens que se destacassem ou algo assim. Então, eu tenho este azul claro que foram adicionados na mistura também. Por outro lado, quando estou lidando com cores primárias, a próxima resposta óbvia é adicionar algumas cores secundárias à mistura. Então, começamos com amarelo, vermelho, azul e então, eu vou adicionar laranja e roxo, e verde para a mistura também. Aqueles, Eu vou usar de um pouco menos de e então eu não construir os tons tensores necessários, mas isso vai me dar variedade suficiente mais tarde na vida, que eu posso fazer algo que se sente como um esquema de cores completamente diferente. Mas se estou me certificando de que estou coordenando coisas como a saturação e o brilho e o contraste entre as cores. Quando eu começar a comparar essas coisas, quando você vai ver as diferentes telas e as diferentes paletas de cores, ele ainda vai sentir como se todos eles pertencessem um ao outro. Então, algo que estamos constantemente verificando, ajustando e fazendo ajustes, mas adicionamos cores secundárias à mistura. Então adicionamos um branco e um preto e, neste caso, adicionamos outra tonalidade a preto ou cinza aqui, e o branco não é muito branco, preto não é muito preto. Então, não é como 100 por cento de contraste, cerca de 93 por cento de contraste ou algo assim. Então, como se isso não bastasse, começamos a adicionar neutros. Então, os neutros sendo seus bronzeados, seus marrons, cores creme e isso vai ficar, eles vão ficar fora do caminho da sua paleta de cores, eles vão trabalhar com praticamente qualquer coisa, é por isso que eles são chamados de neutros. Mas eles ainda vão trazer essa variedade, que você pode querer no geral. Então, você tem diferentes tons e tons de sua paleta de cores inicial. Você pode adicionar mais algumas cores. Se não for a paleta de cores primária, você pode pensar sobre as outras cores que você pode adicionar à mistura. Você pode adicionar branco e preto, que são neutros, ou você pode adicionar essas cores castanhas neutras, bem como, para adicionar um pouco dessa variedade. Assim, no final, quando você começa a ver todos os diferentes quartos e ilustrações que eu fiz aqui, você pode ter o mesmo sentido que eu tenho, uma paleta de cores coesa cruzar todos eles, mas há muitas variedade entre eles. 10. Revisando e editando cores: À medida que você começa a reunir todos seus visuais diferentes e emoções diferentes que você está retratando, lembre-se de que você sempre pode editar cores ao longo de todo o projeto. Então, não se sinta como se você tivesse entrado na paleta de cores escolhida originalmente ou até mesmo na paleta de cores expandida que você construiu, você sempre pode editar essas coisas. Sempre que estou trabalhando, é um processo constantemente iterativo em que estou melhorando, melhorando, melhorando, melhorando, melhorando tanto quanto posso dizer que está feito ou até atingirmos o prazo ou o que quer que esteja acontecendo. Então, para mostrar isso é só um pouco, eu queria usar como exemplo mais uma vez, os pôsteres de Nárnia aqui e escolher um deles, o primeiro e mostrar que mesmo no final do projeto eu ainda estava editando ajustar as cores para obter as coisas exatamente perfeitas da maneira que eu queria. Então, esta é uma versão anterior no meu arquivo do Illustrator aqui e esta é a versão final e você pode ver algumas alterações. Eu estou bombeando isso para abrir espaço para o autor, título aqui e mudando algumas outras coisas, mas o principal é que, ajustando aquela cor roxa e azul para adicionar apenas um pouco mais de saturação para eles, para dar-lhes um pouco mais de saturação mais contraste em comparação com algumas das cores de fundo, modo que eles estão saindo das áreas onde eu quero que eles estejam. Então, eu não estou tendo problemas aqui. Como conversamos, temos essa questão roxa e cinza, sentimos bem com isso, avançando. Mas mesmo lá no final eu queria ajustá-lo um pouco. Então, o que eu quero mostrar é como fazer isso rapidamente dentro do Illustrator. Se você estiver usando o Illustrator para criar essas coisas, pode ser um processo difícil passar e alterar todas essas cores diferentes. Existem algumas maneiras diferentes que você pode fazer isso, mas a que eu gosto é apenas editando as cores, e a maneira que eu faço isso é ter certeza que eu tenho tudo desbloqueado aqui e eu vou selecionar tudo. Uma coisa é notar que você pode ver todos os contornos aqui, e isso vai ser um problema porque está realmente distorcendo a percepção das cores aqui. Eu quero ser capaz de editar estes e vê-los atualizar e assim você pode ir para Ver e, digamos, Ocultar Bordas ou pressionar o comando H ou o controle H e isso vai nos dar uma olhada melhor nessa coisa enquanto ainda tem tudo selecionado. Então o que você quer é vir para Editar e descer para Editar cores e, digamos, Recolorir arte, e quando você abrir nesta janela, desculpe deixe-me tentar isso mais uma vez, Recolorir arte. Você verá, tem as cinco cores aqui que eu listei ou que estou usando, mas o que eu posso fazer é clicar rapidamente em uma dessas cores e começar a editá-la. Infelizmente, ele não vai editar e atualizar aqui, mas assim que você clicar em OK, eu posso ver como uma espuma de mar realmente claro verde poderia afetar se eu fosse mudar esse cinza. Isso se torna muito bom, super fácil de fazer mais tarde na vida e é um truque muito útil especialmente quando você está querendo ser realmente específico sobre as cores finais. Infelizmente, eu não posso comandar Z para desfazer isso agora, como quase , não, eu não posso escolher essa cor também, então eu vou apenas apertar Cancelar e depois voltar para esta coisa mais uma vez, e você vai ver isso apenas clicando em este pequeno quadrado roxo ao lado da grande amostra de cor, eu posso entrar aqui e eu posso ajustar e arrastar isso para baixo, adicionar um pouco mais de saturação ou brilho dentro daqui e você vai ver, ele pode começar a girar essa cor para cima apenas um pouco um pouco mais. Você também pode entrar aqui, selecionar apenas a porcentagem de saturação e digitar sua própria porcentagem ou usar as teclas de seta no teclado se você realmente quiser discar em nenhuma saturação específica ou brilho nível em que você está interessado. Eu posso até mudar o tom um pouco, movê-lo um pouco mais perto do azul ou algo assim só para ver se eu gosto mais dessa cor. Assim que você fizer essas atualizações, você pode apenas apertar OK e ele vai passar, vai mudar todas essas cores para ele. Então, quando eu finalmente terminar, eu resolvi todos os meus problemas de contraste, adicionei um pouco mais de saturação às cores para retirá-las com um neutro e equilibrado esta coisa para onde eu quero e, Então estamos prontos para ir nesse ponto e eu estou muito feliz com essa coisa. Rápido, fácil, nada para ele. 11. Crie consistência e profundidade: Neste último vídeo, vou mostrar algumas dicas avançadas ou maneiras de adicionar alguma profundidade à sua paleta de cores adicionando textura e dimensão a ela. Para fazer isso, eu vou usar como um exemplo, esta ilustração de um vagão que eu criei e este é o arquivo do Illustrator e então vamos levá-lo para Photoshop e eu vou mostrar-lhe como adicionando um pouco mais de informação visual, você pode expandir a paleta de cores e adicionar um pouco de profundidade se quiser. Então, para começar, corte tudo feito com formas aqui dentro do Illustrator, eu adicionei um pouco de textura dentro do Illustrator, lá e nas nuvens e atrás do sol. O que eu quero fazer é exportar tudo isso para o Photoshop, que eu possa adicionar um pouco mais de detalhes à ilustração. Quando eu vou fazer isso, o que eu tenho dentro do arquivo do Illustrator ou essas, vamos ver, sete camadas diferentes, mas o que eu preciso no Photoshop é um monte de camadas diferentes com todos os elementos diferentes ligados. Então, o que eu fiz foi entrar em cada camada e eu agrupei os itens que eu quero estar em sua própria camada dentro do Photoshop. Então, aqui na carroça, você pode ver onde eu fiz um grupo fora da largura da carroça aqui em cima, que é na verdade duas formas diferentes porque ele tem este destaque lá dentro. Então, eu tenho isso em um grupo, eu tenho as caudas em um grupo, eu tenho a base no grupo e assim por diante, diferentes partes da roda em um grupo. Estes são grupos que eu estou fazendo porque eu vou saber que eu quero aplicar diferentes texturas ou sombrear as coisas de forma diferente. Você pode agrupar as coisas como quiser. O que você só precisa saber é que quando você os agrupa, isso virá como sua própria camada dentro do Photoshop. Então, eu passei e fiz isso em todas as minhas camadas aqui e estou pronto para exportar esse arquivo para o Photoshop. Eu vou para Arquivo e vou para Exportar e escolho um arquivo do Photoshop e, em seguida, atribuo um nome ligeiramente diferente. Vou verificar usar quadros de arte e clicar em Exportar. Isso puxa para cima esta tela e esta tela vai ser bastante importante. Você vai querer ter certeza de obter a resolução certa. Aqui, eu só vou usar 72 pixels por polegada, o que será bom para sua tarefa, para o projeto desta classe. A principal coisa aqui que me preocupa é que eu queria escrever camadas, não criar uma imagem plana. Vamos verificar Preservar Editabilidade de Texto e Máxima Editabilidade. Em seguida, deixaremos esses dois últimos por padrão, defina como Sugestões e defina como Incorporar o perfil e clique em OK. Agora, vou demorar um pouco e então, se entrarmos aqui para abrir isso, então vamos dar uma olhada no que temos aqui. Então, você verá que eu peguei minha camada superior que não era importante para nós porque estava fora das bordas das ordenadas de arte, cortei todas essas coisas fora, mas então, se olharmos para a carroça, você verá que tem a carroça lábio como sua própria camada, ele tem os detalhes que ainda estão agrupados porque eles têm grupos dentro de grupos lá e a base do vagão. Então as porcas, as rodas, e tudo o resto nas áreas apropriadas estão onde eu quero que elas estejam. Então, a maneira que eu vou começar a adicionar alguma profundidade e textura a este tema é expandindo na paleta de cores de algumas maneiras diferentes. Primeiro, podemos usar um pincel dentro do Photoshop e eu posso começar a adicionar alguns detalhes ao sol. Aqui, eu tenho duas camadas para o sol, eu vou em frente e fundi-los em uma e então eu vou escolher um pincel e talvez nós vamos pegar este pincel granulado que eu construí antes e então eu vou trazer esse pincel para baixo para o tamanho. Eu postei alguns links de tutorial que ajudarão você a ter uma idéia básica de texturas e pincéis dentro do Photoshop, então eu não tenho um monte de tempo para falar sobre isso, mas o que eu quero falar aqui é que como eu estou pensando em expandir a paleta de cores, o que eu quero fazer é permanecer coeso para manter essa mesma paleta de cores base, adicionando apenas um pouco de variedade lá. Então, para fazer isso, o que eu vou fazer é escolher a cor real do sol, e então fazer uma nova camada logo acima dela. O que eu vou fazer é fazer uma máscara de recorte sem camada, vamos para Camada, Criar Máscara de recorte. Então, agora, qualquer coisa que eu pintar só se aplica ao sol. Então, se pintares aqui, nada vai aparecer. Se eu desfizer a máscara de recorte, você verá que acabei de pintar toda essa textura, mas não aparece porque só está revelando o que está diretamente em cima do sol. Então, eu vou manter apenas um pouco de textura rapidamente, uma vez lá, e então agora, você não pode ver nada porque é claro que eles têm a mesma cor. Eu vou entrar no modo de mistura nas camadas e eu vou mudar isso para tela e então eu vou soltar a opacidade da camada para baixo para como 20 ou 30 por cento. Então, eu vou fazer outra camada e eu vou escovar alguma textura em torno das bordas deste sol, que novamente você não pode ver. É também na máscara de corte porque eu fiz isso acima da camada solar, então ele cai na linha e você pode dizer quando ele adiciona esta pequena seta aqui, mas ainda é uma máscara de corte diretamente aplicada ao sol. Desta vez, eu vou mudá-lo para multiplicar e nós vamos obter esse tipo de imagem mais escura. Usando este método, eu ainda posso permanecer fiel aos tons ou as cores que eu escolhi para minha paleta de cores original, mas então eu posso expandir sobre isso apenas um pouco adicionando coisas que são realmente relevantes, realmente relativas, diretamente relacionadas para essas cores iniciais. Então, eu poderia fazer isso algumas vezes, na verdade em algumas áreas, então eu poderia vir aqui por causa desse sol. Novamente, vamos adicionar outra pequena camada para adicionar alguma dimensão ou fazer outra camada lá, e todo o tipo de pincéis. Um pouco mais de espaço para isso se multiplicar, só para obter um pouco mais de profundidade lá dentro. Novamente, isto é uma coisa de trabalho, você não precisa. Muitas vezes vamos tentar ficar com apenas cores sólidas e formas realmente básicas, mas se é uma escolha estética que você quer fazer, a principal coisa que eu estou tentando descrever é que estamos usando cores que permanecem as mesmas por apenas construindo sobre eles um pouco invertendo coisas como tela e multiplicar, modo que a relação que estabelecemos com nosso conhecimento de teoria de cores permaneça verdadeira. O que você não quer estar fazendo é começar a adicionar apenas cores aleatórias novamente neste ponto. Então, mesmo que eu escolha outro azul e pinte azul ao redor do céu aqui, nós só vamos aplicar isso ao fundo. Pegamos algo assim e então eu escolho tela ou multiplico ou o que quer que eu esteja procurando por essa coisa. A grande coisa é que vai começar a mudar ou distorcer a paleta de cores, e a maneira como a cor do céu interage com a cor da grama vai mudar e isso é um pouco, vai se tornar um problema. Então, ou eu quero usar a mesma cor que o céu, e apenas escovar essa cor para obter esse tipo de detalhe ou você pode tentar usar apenas preto e branco. Então aqui, eu poderia começar de novo e eu poderia usar apenas preto para o pincel e então se eu multiplicar preto, ok, escuridão em torno das bordas. Faça um novo e pinte um pouco de branco no meio, tentando dar esse efeito halo. Vamos inverter isso para a tela e baixar sua opacidade para 30 ou 40 por cento. Dessa forma, eu também estou apenas expandindo cor azul original e eu não estou mudando nenhuma harmonia de cores ou a relação de cores em tudo, mas eu estou adicionando um pouco de profundidade, um pouco de textura Só para animar esta coisa um pouco quente. No final, acabe em algum lugar nessa área com algumas outras coisas do Photoshop e aplicando essas técnicas a diferentes camadas dentro desse arquivo. É uma escolha que você pode fazer. Se quiser, se quiser explorar um pouco, experimente e talvez decida que gosta ou não. Espero que, nesse ponto, você esteja fazendo os retoques finais e você sempre terá todas as suas quatro emoções feitas, então você estará praticamente envolvido com o seu projeto. 12. Explore o design na Skillshare: maneira.