Transcrições
1. Apresentação: Quando eu era pequena,
talvez com cinco ou 6 anos de idade, minha mãe me levou ao Metropolitan Museum of Art, na
cidade de Nova York Agora, eu realmente não me lembro nada sobre esse lugar
incrível, mas me lembro da
lembrança que comprei lá Era uma pequena
roda de cores simples com apenas três pontos, cada um em sua própria camada de plástico
transparente presa no centro
para que eles pudessem girar E nunca vou esquecer que quando
girei o ponto amarelo
sobre o azul, ele ficou verde.
Achei que era mágico. Adoro essa pequena roda de cores e muitas vezes me pergunto
se foi isso que despertou meu
amor eterno Olá, sou Chris Ruff, sou designer de superfícies, designer gráfico e um
grande fã de cores É por isso que estou
empolgada com essa aula porque tudo gira em torno de cores. Abordaremos coisas
como cores primárias e cores secundárias e matizes e
tons e sombras e cores
complementares Então, tecnicamente, essa é uma aula de teoria das cores, mas
eu não gosto desse termo Parece muito seco e acadêmico. Em vez disso, gosto
de pensar nisso como alquimia de cores, porque isso evoca imagens de
mistura, experimentação
e descoberta de mistura, experimentação
e descoberta Então, vou ensinar a
teoria das cores de uma
forma mais prática para que você realmente tenha uma ideia do que
está acontecendo com as cores, e isso é muito útil quando você está montando paletas de
cores E depois de aprender as
ferramentas desta aula, você estará pronto para as receitas de cores, onde abordaremos
o que você aprendeu aqui e eu lhe darei
ideias sobre como
criar paletas de cores lindamente
equilibradas perfeitas
para
o Agora, nesta aula, vou
usar o Adobe Illustrator, mas essa não é realmente
uma aula de ilustrador Tudo o que eu ensino aqui se aplica independentemente de
como você faz sua arte, seja no Procreate ou no
Photoshop ou mesmo se você
usa À medida que avançamos nas aulas, usarei esse lindo padrão
floral de uma artista chamada Nadia Grapes para
me ajudar a ilustrar os conceitos E ela gentilmente
permitiu
que você também
experimentasse gratuitamente Assim, você pode
baixá-lo diretamente
dos recursos da classe e
usá-lo em seu projeto, que consiste em pegar
o que você aprendeu aqui e criar
novas formas de cores para ele. Obviamente, se você preferir usar arte
diferentes,
tudo bem também. A ideia aqui é
apenas brincar,
explorar e se divertir com as
cores. E quem sabe? Talvez você até sinta um pouco da magia
que eu sentia
quando era pequena. Então, vamos começar.
2. Configuração de arquivos CMYK: Trabalharei com cores CMYK durante toda a aula
porque elas se comportam um pouco mais como mídias de pintura
tradicionais do que as cores RGB Então, quero dedicar um
minuto para mostrar como
configurar um arquivo CMYK no Procreate, Photoshop e no Adobe Illustrator Começaremos no Procreate,
e é muito simples. Basta clicar no botão
aqui, como você normalmente faria. Mas em vez de
escolher qualquer um desses, clique aqui, o que
lhe dará uma tela personalizada. Use
as dimensões que quiser, mas as informações de cores
estão aqui no perfil de cores. O padrão
geralmente é a cor RGB, mas o CMYK está aqui Então, basta clicar nele e
o perfil genérico
está bom
e, em seguida, clicar em Criar. Uma vez aqui, se você
entrar em sua paleta de cores, ela parece praticamente a mesma, talvez não tão saturada
quanto as cores com as quais você está acostumado Se você quiser usar
os valores e porcentagens como eu
faço na aula, basta clicar aqui em valor Agora você encontrará todas as
informações CMYK aqui. Na verdade, posso simplesmente escrever
aqui o que eu quero. Eu quero 100% ciano e 0% magenta e zero
aqui e zero aqui Agora eu tenho ciano puro.
Eu posso usar isso aqui. Então, se eu fizer outra camada
adicionando e transformando essa
em multiplicação,
agora, se eu voltar
aqui, vamos fazer magenta Então eu vou fazer 100% magenta. E agora, quando pinto por cima, posso ver como essas cores
interagem umas com as outras. E então, é claro, se
eu voltasse às camadas, eu poderia alterar a opacidade para ver como isso
afeta as cores No Photoshop, basta
acessar Arquivo Novo, escolher seu tamanho e, em seguida,
aqui está o modo de cores Então, geralmente, o
padrão é a cor RGB
e, portanto, basta escolher CMYK Agora, quando você entra
aqui, a maneira mais fácil trabalhar com cores CMYK é usar seu seletor de cores e você encontrará os valores
CMYK Então, se eu quisesse ciano puro, eu poderia simplesmente digitar
100 e zero, e agora eu tenho ciano puro E se eu fizer outra camada
e colocar essa
camada para multiplicar Agora, se eu
voltasse aqui e fizesse 100% ciano ou,
desculpe, 100% magenta Agora, se eu colorir ali mesmo, posso ver como essas duas cores se
misturam. Então isso é Photoshop Então, no Illustrator, fazemos
basicamente a mesma coisa. Vá para Arquivo Novo, e as informações de cor, o modo de cor, estão aqui, apenas certifique-se de
que esteja definido em CMYK E aqui,
mostrarei como
usar o menu de cores para
especificar suas cores. Ah, e se você não tem
o menu de cores aberto, está aqui
na cor da janela. E você vai querer
ter certeza, clicando
aqui, de que isso
também está definido como CMYK Em seguida, demonstrarei
o resto de como trabalhar com cores no Illustrator
ao longo das aulas
3. Noções básicas sobre cores: Vamos começar com o básico
absoluto, que seriam as cores
primárias, que são vermelho, amarelo e azul E a razão pela qual eles são chamados de
primários é porque você não
pode criá-los misturando
outras cores. E o incrível sobre elas é que todas as outras cores podem ser criadas apenas misturando combinações
diferentes dessas três cores. Portanto, as tintas mostradas
aqui são as cores que geralmente associamos ao
vermelho, amarelo e azul. Mas acontece que,
para impressão em cores, você pode obter uma
gama maior de cores usando um
azul específico chamado ciano
e, em vez do vermelho verdadeiro, o
magenta funciona Essa é a razão pela qual os sistemas de cores
CMY K são usados para impressão e
o K significa preto É K porque vem de
um termo de impressão antigo, cor chave. Uma observação rápida:
durante toda a aula, usarei os termos magenta
e vermelho de forma intercambiável, bem
como ciano bem
como Não deixe isso
te confundir. Vamos mergulhar e brincar com um pouco de cor. Eu tenho minhas três cores primárias aqui e vamos ver o que acontece quando as misturamos. Vamos começar pegando nosso
ciano e misturando-o com vermelho. Tada, fica roxo. E quando eu misturo amarelo com azul, ele magicamente muda para verde Devo dizer que, toda
vez que vejo
isso, isso me faz voltar a ser criança e brincar com
aquele brinquedo de mistura de cores. É simplesmente super legal. Então, por fim, pegamos o vermelho e misturamos com amarelo,
e obtemos laranja Agora, eu sei que
parece bem avermelhado, mas isso provavelmente se deve
ao fato de termos
magenta como nosso Mas, para esses propósitos,
vamos chamá-lo de laranja. Então, agora temos três novas
cores em nosso círculo, e elas são chamadas
de cores secundárias. Portanto, laranja, roxo e verde
são as cores secundárias. Agora, quero mostrar
como criar essas cores sem usar os modos de transparência
ou mesclagem Podemos fazer isso da maneira certa
com o menu de cores. Então, para fazer laranja, basta mover o controle deslizante magenta
até 100% e também o controle deslizante
amarelo E, bum, aí está nossa laranja, e é idêntica à
que fizemos aqui. Para verde, combinamos
os dois vizinhos, que são amarelo e ciano, e colocamos cada um
deles em 100% E, finalmente, para o
roxo, usamos esses vizinhos, que são magenta em 100% e ciano em Então, essas são nossas seis cores principais,
as cores primárias e
as cores secundárias. E, acredite ou
não, todas as outras cores são baseadas apenas
nesses seis tons. Mas falaremos mais
sobre isso mais tarde. Agora vamos falar sobre sombras. As sombras são criadas
adicionando preto a uma tonalidade. Então, se eu clicar em
uma de nossas cores e mover o
controle deslizante preto para 100%, obviamente ele acaba sendo preto
porque o preto é realmente uma cor meio
avassaladora Mas se eu diminuir um pouco o
preto, a cor original
começa a
voltar e acabamos com
uma versão mais escura dela Então, é um tom da cor. A mesma coisa
acontece com o amarelo, obviamente, e eu sempre
acho interessante, porém, que quando você adiciona
preto ao amarelo, ele acaba ficando meio esverdeado Mas é assim que
as duas cores se misturam. E, obviamente, o mesmo acontece
com todas as outras cores. Portanto, adicionar uma certa quantidade de preto fornece um
tom mais escuro da cor original E então, no outro
lado, estão os tons. Os tons são criados
adicionando branco Agora, não podemos realmente adicionar branco a uma cor
no computador, então lidamos com isso apenas
diminuindo a porcentagem, o valor da
cor original no menu de cores Então, fazemos isso com
cada uma das cores, e é assim que
acabamos com
uma espécie de paleta pastel ou
tons da O que acontece se você adicionar preto
e branco? Isso produziria um tom. Então, como não podemos
adicionar branco aqui, primeiro diminuímos as
quantidades de matiz e depois adicionamos um pouco de preto E temos uma cor muito turva. Então, faremos o mesmo aqui, diminuiremos a quantidade de amarelo e
adicionaremos um pouco de preto novamente. E aqui, novamente, abaixe os dois tons
que estão em verde E adicionando um pouco de preto. Então é assim que você
cria tons de uma cor. Agora, você pode se perguntar
por que as cores
geralmente são organizadas em uma roda
ou círculo como esse. Isso porque as cores não têm
realmente um começo e um fim. Eles transitam suavemente
um do outro, então isso é representado
pela roda E também nos ajuda a ver as
relações entre as cores que elas seguem na
roda. Então, vamos revisar. As cores primárias são
azul, vermelho e amarelo, e usaremos uma
variação disso,
que é ciano,
magenta e As cores secundárias são criadas pela mistura de duas cores primárias e resultam em
laranja, verde e roxo. As sombras são criadas
adicionando preto à mistura, que resulta em uma
versão mais escura da tonalidade original E as tonalidades são
criadas com a adição de branco, que resulta
em cores pastel E, finalmente, os tons são
criados adicionando cinza, que é branco e
preto a uma tonalidade E isso resulta
em uma
versão dessaturada, meio turva e atenuada da Então, aqui está
novamente o padrão floral que mencionei
na introdução. Então,
o que você vê aqui? Bem, tem muitos tons
diferentes. Há verde
nas folhas aqui, e essas flores estão
na família amarela. E esse é laranja. E por aqui, eu não sei. Você chamaria isso de
roxo ou azul? Eu acho que poderia
ser qualquer um. Então, vou colocá-lo bem no meio. E quanto às tonalidades e tonalidades? Sim, tem esses também. Essa flor é
definitivamente um tom claro, assim como esse azul, que é meio que um tom mais escuro
aqui E essas folhas são de um tom
escuro de verde, assim como os centros
das flores. Acho que os centros são
na verdade um tom escuro de vermelho. Ok, então isso abrange
matizes, matizes e tonalidades.
4. Cores quentes e frias: Aqui está nossa pequena roda com
nossas seis cores principais novamente. Agora, lembre-se que eu disse
que todas as outras cores são baseadas apenas
nessas seis cores. Bem, se explodirmos nossa roda
, teremos um
pouco mais de espaço para colocar algumas dessas cores
entre elas. E, na verdade, você poderia
colocar um número infinito de tons sutilmente diferentes entre cada
cor de tecla Agora podemos realmente ter uma visão
muito melhor de como as cores mudam suavemente de uma para outra ao redor do
círculo. Isso não é legal? Obviamente, podemos
criar um tom de qualquer uma dessas cores
apenas adicionando preto, como fizemos
antes, bem como criar versões coloridas
delas adicionando branco Portanto, essa roda maior também
facilitará
a ilustração de outro aspecto da teoria das cores
que é bom conhecer, que são as cores quentes e frias Você provavelmente já
sabe que as cores do verde ao roxo
são cores frias e as do
amarelo ao vermelho são quentes. Mas e as cores
entre amarelo e
verde e entre
roxo e vermelho? Bem, essas são realmente zonas de
transição, e podemos traçar uma
linha divisória no meio delas. Portanto, alguns roxos são muito frios e outros
tendem a ficar mais quentes E o mesmo com o verde, um
rico verde azulado. E então, conforme você se move
para o outro lado, você obtém um verde limão, e isso é obviamente
muito mais quente. Nosso padrão floral tem uma mistura de cores quentes e cores frias, mas é divertido brincar
com formas de cores que são apenas
cores quentes como esta, que combinam vermelhos pêssego quentes com verdes que também estão no lado
quente da roda, ou é divertido brincar apenas com cores
frias como Aqui, é bom que
haja uma variedade de cores
frias para atrair nosso
interesse, porque elas de um verde frio a um azul
suave e, em seguida, uma espécie
de roxo lavanda Também é divertido começar
com uma paleta bacana como essa e depois inserir
algumas cores quentes nela, como as
cores bronzeadas suaves desta E neste caso, os motivos
são todos de cores frias e contrastam com
um fundo quente Então, experimente várias
combinações diferentes e veja como essas mudanças afetam as
emoções do design.
5. Cores complementares: Vamos falar sobre cores
complementares. Talvez você já esteja
familiarizado com o termo, mas o que ele realmente significa? Bem,
cores complementares são simplesmente cores opostas uma à
outra na roda de cores. Por exemplo, laranja e azul, amarelo e roxo
e vermelho e verde. Por que nos importamos? Bem, cores
complementares têm algumas propriedades mágicas. Primeiro, quando você
os coloca um ao lado do outro,
cada um faz com que a outra
cor pareça mais brilhante Isso acontece porque as cores
complementares sempre combinam uma cor quente
com uma cor fria, o que cria um contraste muito
forte. Mas é aqui que fica
ainda mais interessante. Se eu pegar magenta e misturar
com qualquer uma dessas cores, obtenho apenas uma variação
ou uma mistura de magenta Mas veja o que acontece
quando eu misturo com verde. Ele cria uma cor
quase preta. A mesma coisa
acontece quando eu misturo laranja com azul,
novamente, quase preto. Amarelo e roxo? Sim, isso também
fica quase preto. O que está acontecendo aqui? Bem,
a palavra cortesia não significa que algo seja bonito ou lisonjeiro; esses sapatos
complementam seu vestido É mais uma questão de integridade. Então, vamos fazer isso.
Vou pegar todas as cores primárias
e juntá-las, e obteremos preto. Também posso fazer isso no menu de
cores, tornando ciano, magenta e amarelo 100% Então, agora vamos dar uma olhada na laranja. A laranja é feita de
amarelo e magenta. Então, para completá-lo, precisaríamos de azul,
que por
acaso é a cor
complementar do laranja. O mesmo com magenta. Aqui
temos bastante magenta, mas precisamos de amarelo e azul, que por acaso dão origem
ao verde,
e verde é o
complemento do magenta. E o roxo, que é feito
de magenta e azul, bem, precisa de
amarelo para completá-lo Então, por que isso importa?
Bem, aqui está a parte legal. Quando eu diminuo os valores
dessas cores complementares mistas, elas ficam cinza. Agora lembre-se de que adicionar cinza
é uma forma de criar um tom. Em vez de adicionar
branco e preto, podemos apenas adicionar um pouco
de sua cor complementar. Então, aqui, para o verde, eu apenas adiciono um
pouco de magenta, e isso atenua a cor E para o roxo, posso
adicionar um pouco de amarelo. E para a laranja, vou
adicionar um pouco de azul. Agora, até onde eu
sei, não há um termo para essa coisa
em particular, mas vou
chamá-la de tons complementares, já que estamos silenciando ou
dessaturando a cor,
mas desta vez, não estamos
adicionando preto Estamos apenas adicionando
o elogio. Aqui estão os
pares complementares novamente, vermelho misturado com verde, laranja misturado com azul e
amarelo misturado com roxo. Agora deixe-me fazer uma cópia deles e eu vou clarear
os da esquerda Veja como a
cor central começa a mudar e obtemos uma versão turva e
atenuada da
cor dominante à direita Agora, se eu voltar e clarear
as da direita, acabaremos com uma versão
atenuada da
cor dominante à esquerda Se eu diminuir a intensidade
das duas cores, você pode realmente ver
como elas se
anulam e acabamos
com basicamente o cinza. Então, sempre que você quiser
dessaturar ou atenuar uma cor, adicionar preto e branco é
uma maneira de criar um tom, e agora você tem uma segunda Misture um pouco do complemento do outro
lado da roda de cores. Vamos fazer uma última comparação. Vou pegar esse
roxo e, primeiro, vamos criar um tom
dessaturando a cor, que é como adicionar branco
e depois adicionar um pouco Agora eu vou
fazer uma sombra disso. E para fazer isso, eu
apenas adiciono um pouco de preto. E agora, aqui está o que acontece quando eu adiciono um pouco
de seu elogio. Não fica
mais escuro nem mais claro. Só fica mais rico, um pouco mais turvo e um
pouco dessaturado Portanto, essa é uma ótima maneira de criar uma cor rica e profunda que
não seja excessivamente saturada Às vezes, os resultados
podem ser sutis, mas ainda é uma ferramenta fantástica para ter em sua caixa de ferramentas de cores Então essa é a magia das cores
complementares. Então, aqui está nosso floral
novamente e, desta vez acabei de adicionar um
fundo escuro a ele. Agora, essas são as três cores
mais brilhantes no padrão, e se eu diminuí-las, elas ficam assim, e isso começa a mudar o
caráter do padrão Então, vai de brilhante e vigoroso a um
mais suave,
que pode parecer um pouco
mais rico e sofisticado que pode parecer um pouco mais rico Eu acho que esse é definitivamente
o caso com este. Acho que essa é uma paleta de cores bastante
sofisticada, feita totalmente
com cores atenuadas. E este tem uma atmosfera corporal
rica,
e isso se deve a todos
os tons ricos nele Portanto, os tons podem ser um recurso muito
valioso quando você está desenvolvendo
uma paleta de cores E isso vale
tanto para os tons tradicionais quanto para esses tons
complementares.
6. Valores e contraste: Nesta lição,
falaremos sobre valores de
cores e contraste. Obviamente, as duas
cores que têm mais contraste
são preto e branco. É por isso que as páginas geralmente são texto
preto em papel branco. Mesmo em tamanhos pequenos, podemos ver as palavras clareza porque o contraste é
muito alto. Na extremidade oposta
está o baixo contraste, e é aí que as cores são muito semelhantes entre si. Você consegue se imaginar lendo um
livro parecido com este? O contraste é
baseado nos valores das cores. Para isso, você pode
pensar nessa escala de cinza. À esquerda estão os
valores escuros, neste caso, preto e, na outra extremidade,
branco, que é um valor de cor
clara. Agora, pode
parecer que o valor da cor é o mesmo que tons e matizes, e eles estão relacionados, mas não são exatamente
a mesma coisa Por exemplo, aqui está
nossa roda de cores novamente, e tudo isso são tons. Em outras palavras, eles não
têm preto ou branco adicionados, então não são tons ou matizes Mas se você apertar os
olhos para eles, poderá ver
que esses seis tons
têm valores de cor diferentes Você vê que o roxo tem um valor muito mais escuro
do que o amarelo Deixe-me mostrar uma maneira interessante
de ver apenas os valores. Vou copiar isso e
colar no Photoshop, e agora vou transformar
isso em tons de cinza Agora ficamos
apenas com os valores das cores. Não podemos mais ver os tons, e agora está muito claro que o roxo é um
valor mais escuro do que o amarelo E o magenta, se eu o colocar
junto com os outros,
é um pouco mais escuro do que esses Portanto, essa é uma ótima técnica
para manter em sua caixa de ferramentas. Visualizar seu design em escala de
cinza realmente ajuda a verificar
rapidamente se você tem contraste
suficiente em seu design. Então, vamos voltar e explorar mais
alguns exemplos de contraste. Tipo, dê uma olhada
nesses dois quadrados. Embora sejam tons diferentes, eles têm valores quase
idênticos E aqui estão outros
exemplos desse tipo. Portanto, o baixo contraste pode ser um
problema porque nossos olhos têm dificuldade em
distinguir cores com valores
semelhantes
e, muitas vezes, vibram umas contra as outras, que pode ser muito
desconfortável de se olhar Portanto, a maneira mais óbvia de
corrigir o baixo contraste é alterar o valor
de uma das cores. Então, neste, vou deixar
o quadrado central mais claro. E aqui, vou deixar
esse quadrado mais escuro. E agora eles parecem muito melhores. A outra forma de
corrigir o baixo contraste é apenas separar as cores. Como aqui, uma simples
borda branca os separa e faz joguem juntos mais bem que joguem juntos mais bem
e reduz a
tensão visual entre eles. Portanto, você também pode se deparar com situações de
baixo contraste com cores
escuras, como esses exemplos. E a solução é a
mesma. Vou tirar um pouco do preto
dessa. Neste, vou
separar as duas cores. E quando você faz
isso, não precisa ser
apenas com branco. Aqui, vou
separá-los com preto, ou pode ser de outra cor, desde
que essa cor tenha um valor
diferente dos dois quadrados Agora, neste exemplo, as cores são vizinhas muito próximas, como magenta puro e vermelho
puro ou laranja Você pode ver o
quanto eles vibram. Mas eu queria mostrar
que às vezes você só precisa de um pequeno ajuste
para resolver o problema. exemplo, eu posso adicionar
apenas 10% de preto ou talvez 15% a este ou
até mesmo um toque de azul, e o contraste
melhora dramaticamente. Portanto, o contraste é uma
das coisas mais importantes a se prestar atenção ao
trabalhar com cores. Se não houver
contraste suficiente em seu design, ele pode parecer plano e
desbotado ou escuro e enlameado, ou simplesmente pode ser difícil de
ver, duro para os olhos Compare-os com este que tem muito bom contraste. Agora, isso não quer dizer
que todos os seus designs precisem ser super brilhantes e
contrastantes como este Veja o que acontece quando
escureço apenas alguns elementos, os centros das flores e
algumas folhas Essas pequenas mudanças expandem
a gama de valores, adicionando um contraste que
realmente dá
vida a isso , mantendo
sua sensação suave e arejada. O mesmo vale para
este.
Iluminei o centro das flores, o que
as torna mais atraentes sem perder sua vibração
rica e sombria Portanto, ao desenvolver
uma paleta de cores, lembre-se de que o contraste pode
melhorar ou prejudicar seu design Escolher uma faixa de valores
é tão importante, se não mais importante, do que escolher os
tons certos em si.
7. Mixologia de cores: Agora, examinamos alguns
dos aspectos mais importantes da teoria das cores. Isso não foi tão difícil, não é? Agora, eu queria que essa aula
fosse super concisa, então eu passei pelas
coisas muito rapidamente Então, nesta lição, eu
quero meio
que juntar tudo. Então, vamos analisar
algumas misturas de cores. Aqui temos uma tonalidade verde
e, para criar uma tonalidade com ela, vamos apenas
diminuir os números aqui. Aqui está um bom truque. No Illustrator, se você quiser
mover todas elas de uma vez, mantenha pressionadas as teclas
Shift e Option e seguida, mantenha pressionada uma delas, e todas elas
se moverão proporcionalmente Portanto, não estamos mudando
a tonalidade em nada. Estamos apenas mudando
para uma cor mais clara. E então aqui para torná-lo um tom, vamos apenas adicionar preto. Para criar um tom,
fazemos duas coisas. Diminuímos a quantidade de
cor e depois adicionamos preto. Mude a opção, diminuiremos um pouco
as cores e depois adicionaremos um pouco de preto. E agora esta é apenas
uma versão mais escura, esta é uma versão
atenuada. E então, para criar o tom
complementar, precisamos lembrar
a
cor complementar , que é o vermelho. Então, vamos adicionar um pouco de magenta. Tudo bem, vamos fazer a
mesma coisa com este. Então, para criar uma tonalidade,
mudamos a opção, diminuímos
as cores E você notará que
o amarelo se move em uma velocidade
diferente da magenta, mas isso é proporcional, então não
estamos alterando a Estamos apenas tornando-o mais leve. Para a sombra, adicionamos preto. Para o tom, deixamos as cores um pouco
mais claras e adicionamos um pouco de preto. E o tom complementar, a cor
complementar do laranja é azul, então vamos adicionar um pouco de azul a ele. E, como eu disse antes, pode
haver uma
diferença sutil entre elas, mas
você pode ver que acaba com uma cor um pouco mais complexa, o que também é bom. E então faremos o
mesmo com esse azul. A tonalidade está diminuindo as cores. Uma sombra está adicionando preto. Para um tom, reduzimos
as cores e depois adicionamos pouco
de preto e complementamos o azul com laranja Então, vamos adicionar
amarelo e um pouco de vermelho. Então, espero que isso
lhe dê algumas boas práticas. Este é um exercício divertido
para fazer por si mesmo. Você pode simplesmente configurar
esses quadrados
dessa forma e experimentar algumas
variações diferentes Então, a
seguir, vamos fazer o oposto. Estamos começando
com vários tons e explicaremos como
torná-los mais claros Então, vou copiá-los para que possamos ver o original. Então, como podemos tornar essa
cor mais brilhante? Bem, nós olhamos
aqui o que temos. Não temos preto
nele, então não é uma sombra. E para torná-lo mais brilhante,
poderíamos fazer algumas coisas. Poderíamos mudar uma opção e mover todos os
controles deslizantes para a direita Ou podemos
descobrir o que está fazendo com que
o tom diminua assim. Bem, está na família vermelha, verde faria com que diminuísse o tom. Verde é azul e amarelo. Se tirarmos um
pouco do azul e do amarelo, isso o tornará um pouco
mais brilhante do que era antes Este tem todas as
quatro cores. Então, para torná-lo mais brilhante
sem alterar seu valor, podemos eliminar
o oposto Nesse caso, isso seria vermelho. Quando eu tiro um pouco de vermelho, agora está
mais brilhante do que antes. E que tal esse? mesma coisa. Isso é
meio esverdeado, então tiraríamos o
vermelho para torná-lo mais brilhante E essa, temos todas
essas cores diferentes. É uma cor meio roxa, e o oposto do
roxo é amarelo. Então, se tirarmos o amarelo,
agora ele fica mais brilhante. Este tem um pouco de preto e todas
as outras três cores. Então, para torná-lo um tom mais claro, podemos tirar o
vermelho, pois é verde Essa aqui tem três cores
e é uma cor muito quente, então podemos tirar o azul, que é a cor mais fria
para torná-la mais brilhante Este eu provavelmente
tiraria o azul também. Se ficar muito laranja, também
podemos tirar um pouco
do amarelo. Então, espero que isso
lhe dê uma boa prática na mistura de cores. Eu realmente encorajo você a começar a ver as cores ao
seu redor de forma diferente. Toda vez que você vê uma
cor, pergunte a si mesmo quais cores estão nessa? Como eu faria essa
cor no computador? E como eu diminuiria o tom
ou o tornaria mais saturado? Quanto mais você pratica, mais intuitiva será
a
cor, tornando mais fácil e
muito mais fácil refinar suas paletas para obter
exatamente a aparência desejada
8. Percepção de cores: Às vezes, quando você coloca cores
específicas lado a lado, elas mudam nossa percepção
das cores individuais. Nesta lição,
quero mostrar alguns exemplos
desse fenômeno. Aqui está nosso padrão floral em tons
ricos de azul marinho
e jeans E aqui está
uma com fundo azul-petróleo e flores em tons de roxo Mas adivinhe? As flores são exatamente iguais
em ambas. É um truque de
mágica muito bom, não é? Então, por algum motivo,
as flores azuis ficam roxas quando estão
próximas ao fundo azul-petróleo Como precisaríamos mudar isso para que ficasse mais azul? Bem, sabemos que azul
e magenta formam roxo. Então, se retirarmos
um pouco do magenta, isso o trará de
volta ao azul E aqui está como ele
difere do original. Agora vamos dar uma olhada nessa roda de cores de
seis lados com as
cores primárias e secundárias em cada canto A propósito, vou
lhe dar instruções
no final
desta lição sobre como
fazer uma roda de cores exatamente como essa, se você quiser. Aqui está um ponto roxo no lado
frio e no lado quente, e eles têm a mesma aparência até que os
coloquemos lado a lado, e eles não são da mesma cor. Então, dependendo se eles são contra uma cor quente
ou fria, isso muda nossa
percepção deles. Que tal aqui em cima? Esses
dois também parecem iguais. Mas quando juntamos,
eles são um pouco diferentes. Agora, neste, o de
cima parece
um verde quente bastante claro. Aqui embaixo, há
muito mais contraste e parece um
pouco mais legal. Mas quando os juntamos, descobrimos
que são
exatamente da mesma cor. Agora que você viu
alguns exemplos de percepção de cores
na roda de cores, vamos ver como isso funciona em alguns exemplos de obras
de arte reais Este é o Jardim Três de David
Hockney. Primeiro, quero mostrar
em preto e branco para que possamos
conferir o contraste. Sem cor, é
realmente muito plano. Não há preto ou branco puro, então tudo meio que se
mistura em tons de cinza O corrimão é meio que
o elemento mais escuro, então ele se torna o ponto focal nesta
versão em preto e branco Mas, no geral,
parece meio confuso. Mas agora confira em cores. A cena se
transforma completamente nessa paisagem tropical brilhante com cores fortes e vibrantes Hockney usa cores
complementares forma brilhante porque, quando as cores são colocadas ao lado do complemento,
elas se
destacam elas Então aquela laranja vermelha brilhante, ela realmente se destaca
dos azuis e verdes, que são os elogios e
guiam nosso olhar
pela pintura Na versão em preto e branco, nem
notamos os vasos de
flores ou a janela aqui. Eles eram apenas, você
sabe, todos cinzentos. Então, embora eu tenha dito que o contraste pode criar ou destruir a
composição, e pode. Isso é definitivamente uma exceção, e Hockney sabia exatamente
como usar cores para transcender as
regras usuais sobre contraste E essa pintura é
incrivelmente viva e
brilhante com cores Então, aqui está uma pintura
de um dos meus artistas favoritos, Wayne Thibout, chamada Four
Cupcakes E eu queria mostrar novamente
para você em preto e branco. Desta vez, tem um
ótimo contraste. Você pode ver facilmente todas as formas e dimensões dos
cupcakes e já deve imaginar
quais seriam as cores, talvez rosa ou amarelo pálido para
os suportes ou glacê branco,
talvez glacê E, claro,
podemos ver que podemos imaginar que isso é
cobertura de chocolate neste caso Portanto, é forte e funciona bem. Mas, novamente, veja o que
acontece quando adicionamos cores. Que surpresa incrível. Há pequenos pedaços
de tons saturados,
como rosas, roxos
e verdes
brilhantes, que
fazem os cupcakes brilharem com energia fazem Então, ele pega uma
composição mundana e um tipo de assunto e os transforma em algo que
realmente tem tudo a E Wayne Tuibot era
um colorista incrível. Então, esses dois são exemplos de como a cor pode transformar uma peça. Pode adicionar profundidade, emoção
e contraste que
não existiam antes. Então, se você quiser criar sua
própria roda de cores de seis lados, aqui estão as instruções Vá até a ferramenta retangular segure
e pegue
a ferramenta de polígono Em seguida, clique na opção. E vamos fazer com que seja de 4 “, e queremos seis lados. Então, aqui está nosso polígono. Então vamos voltar
e pegar a ferramenta Ellipse, e vamos
fazer um círculo,
Oh, mais ou menos desse tamanho.
Vamos ver. O que é isso. Cerca de três quartos de
polegada em um dos cantos. Vamos entrar na prévia,
que é o Comando Y, e isso nos mostra onde está o
centro desse polígono Então, vou usar
a ferramenta de rotação ou R no teclado,
segurar a tecla de opção
e clicar no centro E agora vou girar esse círculo em 60 graus e copiar E então use o Comando
D para
duplicá-lo até que cada canto seja preenchido Agora vamos preencher os círculos. Então, este eu vou
fazer 100% magenta, e este, eu vou
fazer 100% amarelo E esse eu vou
fazer 100% ciano. Então, essas são as primárias, e agora vamos fazer
as secundárias Portanto, este é 100%
magenta e 100% ciano. E aqui está nosso laranja, então é 100% magenta
e 100% amarelo Este seria verde,
que é ciano e amarelo. Agora vamos nos livrar
de todos os contornos pretos. Então vamos até aqui, clicamos no
contorno e clicamos em Nenhum. E agora vamos
usar a ferramenta Blend. Então, escolheremos dois dos
círculos e, em seguida, clicaremos duas vezes aqui e escolheremos
as etapas especificadas e seis e clicaremos em OK. Agora, basta clicar em um
deles e depois no outro, e ele preenche as lacunas entre
eles. Agora é um grupo. Então, o que queremos fazer é ir até o objeto, expandir. Clique em OK. Então, clicamos com o botão direito do mouse
e vamos para Desagrupar. Ok, então vamos fazer isso
com o próximo. Vamos escolher isso e
isso. Clique duas vezes aqui. Verifique se é o mesmo e
clique aqui e aqui. Em seguida, expandiremos o objeto,
clicaremos botão direito do mouse e desagruparemos Agora vamos escolher o amarelo
e o verde. Clique duas vezes.
Certifique-se de que sejam seis. Ok, clique em um
e depois no outro. E vamos repetir isso
com os outros. Agora você tem uma
ótima ferramenta que pode ser usada para
juntar cores e ver como
elas reagem umas com outras, criar paletas de cores ou apenas experimentar
cores em geral
9. Hora do trabalho de casa!: Ok, adivinha?
É hora do dever Isso é
diferente do seu projeto, mas eu só queria
te dar uma forma de testar o que você
aprendeu nesta aula. Então, aqui está um teste de cores, e acho que vai
ser meio divertido Neste primeiro,
quero que você brinque com as cores, assim como eu fiz
no início da aula. Você pode ver por si mesmo
como é
pegar aquele amarelo, adicionar azul e criar um verde mágico. Essa é
a primeira. O segundo quadrado aqui é: você
pode responder a essas perguntas? Não tenho dúvidas de que você achará
isso fácil depois desta aula. Temos coisas como quais
são as cores primárias e secundárias e
como você as cria? E o que são uma tonalidade
, uma tonalidade e um tom e perguntas sobre cores
complementares Isso deve ser fácil. Então, aqui embaixo, em vez de
deslizar as cores, peço que você as crie
usando os controles deslizantes aqui em cima O roxo seria
magenta e ciano. E depois de fazer isso, adicione um pouco de preto a eles para
criar tons com eles, e faça o mesmo com
os tons aqui Então, como fizemos no exercício anterior, pegue essas cores e diminua
o tom
adicionando algumas de suas cores
complementares. Aqui embaixo, esta seção
é sobre contraste e diz que os quadrados centrais
têm valores muito semelhantes e causam aquele zumbido
ou vibração
inquietante ou vibração Quero que você os corrija
alterando o contraste ou
criando um limite entre
as duas cores, como
fizemos algumas aulas atrás E, finalmente,
use os controles deslizantes no painel de cores para
transformar esses quadrados marrons, deixar um mais quente e mais frio
e esse mais e esse Então, divirta-se testando a si mesmo
em todas essas coisas. Portanto, essa planilha está disponível
nos recursos da classe. Há algumas versões disso. Há uma versão do Adobe
Illustrator, se é com isso que
você está trabalhando, ou também há uma versão JPEG Assim, você pode
baixá-lo e trazê-lo para o Photoshop ou para o
Procreate para trabalhar com
10. Revisão e projeto: Parabéns. Agora você
tem todas as ferramentas necessárias para criar sua própria alquimia de cores
mágicas Seu projeto é criar
algumas novas formas de cores para padrão de uvas
Nadia
ou escolher uma de
sua preferência, da qual você gostaria de criar
várias cores Eles podem ser uma mistura de
tons brilhantes e muito contraste, ou você pode experimentar um
com cores atenuadas. Talvez você faça um com
todas as cores quentes ou todas as cores frias ou
uma combinação de ambas. Seja qual for a sua escolha,
certifique-se de que suas paletas de cores
incluam uma variedade de valores para evitar que fiquem planas e desbotadas
ou escuras e E procure cores que vibram ou vibram de
uma forma inquietante Se você está um pouco
intimidado em começar, deixe-me explicar como eu faria isso se quisesse,
digamos, transformar isso em um padrão para o vestido de uma
garotinha Então, eu quero que tudo seja
bem pastel e muito macio. Para começar, acho que
gostaria de um fundo colorido. Então, vou fazer uma caixa ao redor dela e
torná-la de um rosa suave. E agora minhas flores brancas
não estão aparecendo muito, então eu sei que devo
torná-las um pouco mais escuras Agora, eu sinto que essas cores aqui são muito escuras para o padrão de uma
garotinha. Então, vou
escolher um deles e posso subir para
selecionar a mesma cor de preenchimento. E isso me dará todos aqueles
que têm essa cor. Agora vou usar o Command H
para esconder os contornos, e vou pegar todos eles e
torná-los um pouco mais claros primeiro e talvez
tirar o preto, porque isso o
torna meio que um tom Então eu quero que seja um
pouco mais verde, e tem um pouco de vermelho, então isso meio que diminui
o tom Então, se eu tirar isso, vai ficar um pouco
mais verde também. Então eu farei o
mesmo com este. Em vez de sempre
ter que ir até aqui para selecionar a mesma cor de preenchimento, eu realmente dei
um atalho Se você quiser criar um
atalho também, no Illustrator, você pode editar
atalhos de Aqui, em vez de uma ferramenta, esse é um comando de menu, e você pode descer aqui para selecionar e, em seguida, aqui está aqui, abrir aquele e
lá está a Cor de preenchimento. Você pode colocar o atalho que quiser. Estou usando o
Comando cinco. E, na verdade, eu também uso muito a mesma cor de
traçado, então criei aquele Comando
seis e cliquei em OK. Então, voltando a isso, vou
pegar este e
usar meu
atalho Command five para selecionar
todos aqueles
que são dessa cor e ocultar as guias E eu vou fazer a
mesma coisa. Vou derrubá-lo e talvez
tirar um pouco do vermelho para
obter um tom mais puro Em seguida, acho que quero
clarear essa cor. Então, comande cinco, e
eu vou acalmá-lo. E então talvez torne
este mais leve também. Comando cinco, esconda-se, e
eu vou torná-lo mais leve. Pronto, agora está começando a
ficar um pouco mais macio. Talvez eu
tente fazer amarelo. Então eu vou pegar tudo isso
e tirar o vermelho, para que fique amarelo. Então, talvez eles pudessem
ser rosa em vez disso. Então, comande cinco,
e eu vou tirar o amarelo para
reduzi-lo ao rosa. E acho que vou
tirar o azul também. Isso os tornará
um pouco mais brilhantes. Por fim, acho que
é essa cor, Comando 5, e vamos torná-la
um pouco mais clara E agora, quando eu olho para isso, esses centros estão muito escuros. Então, vou comandar cinco e torná-los um pouco mais leves. Mas eu não quero
torná-los muito leves
, porque então eu não tenho mais nenhuma
definição. Então eu vou
mencioná-los, e talvez eu não queira que eles
sejam meio avermelhados Eu quero tirar esse vermelho e talvez torná-los mais roxos. Então, vou
tirar o amarelo também e trazê-lo de volta.
Talvez mais assim. E então talvez nossas flores. Eles não são totalmente brancos, então vou comandar
cinco e talvez torná-los brancos
puros fazendo isso. E, na verdade, eu não
gosto mais dessa cor, então vou comandar cinco e tirar um pouco
desse amarelo. E também quero
mudar essa cor. Vamos ver o
que acontece se
fizermos esse amarelo, o
mesmo amarelo que este. Então eu vou usar I no meu
teclado para preenchê-los, e então talvez fazer os centros. Vamos experimentar o branco. Não,
isso é muito leve, eu acho. Vamos experimentar o azul. Bem, vamos ver.
Talvez o verde? Sim, eu gosto
mais disso. Vamos experimentar o outro verde.
Sim, eu gosto disso. E agora eu só quero
aquecer um pouco o fundo, eu acho, adicionando
um pouco amarelo e talvez
clareando em geral. Lá vamos nós. Agora temos uma nova versão em
rosa pastel. Então, espero que você
mergulhe e se divirta com isso. E eu adoraria ver
o que você cria. Portanto, não se esqueça de
publicá-las na página da turma. Vai ser muito divertido ver as diferentes versões desse padrão floral
de
cada pessoa.
11. Considerações finais: Então, obrigado por fazer este curso. Espero que você tenha gostado explorar as cores tanto
quanto eu fiz enquanto estava fazendo a aula, porque mesmo depois de uma carreira
trabalhando com arte, aprendi algumas
coisas novas e foi muito bom revisitar
esses fundamentos A próxima etapa são as receitas de cores
da minha turma. Então, pense no que você
aprendeu aqui como ingredientes, e a próxima etapa é
criar
lindas paletas para
seus designs de superfície Eu acho que você realmente
vai gostar. Eu tenho um favor a pedir. Eu adoraria se
você reservasse um segundo para escrever uma
resenha da aula. Isso realmente me ajuda a
saber o que ressoa com você e me ajuda a planejar aulas
futuras. E obrigado por todas as
suas avaliações anteriores. Ouvir você abraçar
o que estou ensinando e seu entusiasmo por isso foi
realmente inspirador para Então, obrigado por
isso. E, por fim, quero incluir meu guia digital,
a repetição profissional, a repetição profissional, um guia de designers de superfícies
para produção de impressão Está rapidamente se tornando um
recurso essencial para designers
profissionais que desejam informações
práticas claras sobre como preparar seus
arquivos de arte para produção. Você pode encontrar um link direto na minha página
de perfil
e, enquanto estiver lá,
não se esqueça de me seguir. Assim, você saberá sobre
as próximas aulas ou, melhor ainda, entrará
na minha lista de e-mail. E você pode fazer isso
em chris rough.com. Enquanto isso,
feliz design.
12. Mais uma coisa...: Olá. Oi de novo. Estou voltando para
informar que agora estou disponível para sessões de treinamento
individuais Então, se você gosta desta aula e gostaria de trabalhar
comigo individualmente, agora
você pode fazer isso
reservando uma sessão diretamente na minha página de perfil de
compartilhamento de habilidades. Eu ofereço dois tipos de sessões. A primeira é uma análise de portfólio de 1
hora qual analisaremos
seus designs de superfície. Vou informá-lo sobre alguns pontos fortes
e áreas em que se concentrar, e você terá a oportunidade de
fazer qualquer pergunta que
quiser sobre o licenciamento de arte ou
o setor de design de superfície Agora eu sei que pode ser
intimidante mostrar seu trabalho para alguém, mas é muito inteligente receber feedback
profissional Todos os artistas com quem
trabalhei se sentiram energizados e prontos para seguir em
frente após nossas sessões Também ofereço uma sessão de instruções de 30 minutos no Adobe Illustrator ou no Photoshop Se você está tendo dificuldades
com algum aspecto do software, eu posso ajudar. Podemos analisar as ferramentas, posso demonstrar técnicas e fluxos de trabalho que ajudarão
a resolver seus problemas Então, se você está
procurando uma sessão única ou uma oportunidade
contínua de feedback sobre seu trabalho, coaching é um grande
investimento em sua carreira Ao contrário de alguns dos caros cursos
on-line
disponíveis, coaching não tem
um currículo fixo, então eu posso lhe dar
exatamente as informações e orientações de que você precisa,
exatamente quando precisar Espero que você considere treinar. Eu adoraria trabalhar com
você e mal posso esperar para
conhecê-lo , apoiá-lo e
orientá-lo em sua jornada criativa. Você pode aprender mais sobre
minhas sessões de coaching em chrisrug.com
Kris Ruff, Surface Pattern Designer & Coach
