Transcrições
1. Apresentação: Você lutou com as
cores ao projetar? Não se preocupe, até o
final deste curso, você saberá exatamente
como usar cores em vez de tentar descobrir por tentativa e erro. Olá, meu nome é diga a ela e sou instrutora
de Design Gráfico. Eu trabalhei com cores toda a minha vida em meus desenhos, em design gráfico em sites. Eu nunca soube que algumas
cores funcionavam melhor e outras não funcionavam até que eu conheci
a teoria das cores. E não se preocupem,
não vou aborrecer vocês com
definições e slides. Eu expliquei tudo
neste curso usando exemplos
da vida real. E para ser honesto, isso
inclui principalmente pôsteres de filmes até mesmo começando aprendendo sobre os conceitos básicos da teoria das cores. Em seguida, aprenderemos sobre
a roda de cores e como
decidir quais cores usar
usando harmonias de cores. Também aprenderemos sobre diferentes sites, como cores e coolers da
Adobe, etc., para analisar e gerar paletas de cores
para seus designs. Aprenderemos
conceitos diferentes, como interações de
cores, teste de
escala de cinza, a regra 603010, etc., para garantir que
nossas cores decididas funcionem corretamente umas com as outras. E, por fim, vamos
dissecar o Skillshare para ver quais cores eles estão usando
em seu site e por quê. Então, para quem é esse curso? Você pode ser um
designer gráfico e animador, um desenvolvedor web ou um artista. Basicamente, este curso é
para todos que usam cores. Além disso, há um projeto
no final do curso para que você implemente tudo o que
aprendeu no curso. Então, por favor, baixe o
arquivo do projeto no link abaixo, e espero que você tenha passado
com louvor, certo? Certo. Vamos lá. Essa foi uma boa.
2. Noções básicas de cores - usos e significados: O que é teoria das cores? A teoria das cores é um conjunto de diretrizes e ferramentas
usadas pelos designers para
basicamente comunicar essa mensagem às pessoas que
estão assistindo suas cores. De certa forma, você pode dizer que nós,
designers, também somos
comunicadores porque tentamos comunicar nossa
mensagem por meio de nossos designs. Sempre que você quiser criar
um clima ou contar uma história, nós o usamos usando nossos designs. Mas antes de aprendermos
sobre teoria das cores e roda de
cores e harmonias de cores, etc., vamos aprender basicamente sobre
os usos da cor. Um dos principais usos da cor é tornar
algo memorável. Eu tenho essa imagem aqui. E se eu perguntasse, o que você vê nesta imagem, obviamente há uma lata. Mas se eu perguntasse
qual marca vem à sua mente quando
você vê essa imagem, obviamente você pensará na
Coca-Cola porque a Coca-Cola
usou a cor vermelha uma maneira
tão incrível que se
tornou sua identidade. Outro grande uso
das cores é
comunicar uma mensagem
e os semáforos, ou o melhor exemplo disso. Você vê que se você for a qualquer lugar do mundo, em qualquer país, você saberá
o que
significam os semáforos apenas
olhando para o vermelho ou o verde
e
saberá se deve ir ou não. Outro uso da cor
é criar um clima. Então, temos isso postado aqui ou cadeia de médicos no
multiverso da loucura. E você pode ver
que eles usaram a cor vermelha de uma maneira tão boa porque a cor
vermelha é a cor da paixão, do amor e da raiva. E se você já viu o filme, saberia que esse é todo
o tema do filme. No filme, maravilha avisa
seus filhos de volta porque ela os ama e ela tem
uma paixão pela maternidade, mas ao mesmo tempo ela está com raiva por não poder tê-los. A cor também pode ser usada
para enfatizar algo. Você pode ver apenas mudando a cor da palavra
enfatizar aqui, eu a tornei
muito mais proeminente. Outro grande uso da cor
é diferenciar. Então você pode ver que eu tenho essas bebidas nobres
de Logan, Paul e KSI, e elas
representaram sabores
diferentes com cores diferentes. Então, se você souber como
usar as cores corretamente, poderá criar produtos
incríveis. Então, vamos discutir cores quentes
e frias agora. Então, basicamente, existem
dois tipos de cores. Eu diria que o
vínculo caloroso e os legais. No lado esquerdo da roda de
cores,
o verde, o azul
e o roxo, etc. são chamados de cores frias. E no lado direito
da roda de cores, elas são chamadas
de cores quentes, que são amarelas,
laranja e vermelhas, etc. Também aprenderemos
sobre a roda de cores nas palestras posteriores. Então, vamos primeiro discutir
as cores frias. Eu tenho dois produtos aqui. Um deles é o trident, que é o chiclete Spearman. Existem outros
sabores disso também. Mas para esse produto específico, eles tornaram a
embalagem verde. Por quê? Porque eles querem
mostrar o Mint nele. Da mesma forma, se você
olhar para o spray, você pode ver que eles
usaram a cor azul e verde. E em todos os seus
comerciais, eles estão sempre promovendo frescor e Bulinus. Você pode ter
visto isso em muitos produtos à base
de plantas também, que eles são sempre verdes porque querem
representar a natureza neles. Mas se você quiser mostrar
algo picante e excitante, você sempre pode usar
as cores quentes. Você pode ver que em
ambos os produtos, que são realmente picantes, o Raman à esquerda é extremamente picante e nem
todo mundo pode comê-lo. Então você pode ver que eles
usaram muito a cor vermelha, amarela e laranja,
e um pouco preta
também porque essa é uma cor de contraste, mas principalmente você pode ver
amarelo, vermelho e laranja. Se você deseja criar um produto
no qual deseja mostrar esse tipo de
emoção e
deseja mostrar esses tipos de sabores. Você sempre pode escolher
as cores quentes. Então, qual é o significado
de cores diferentes? Você vê que cores diferentes podem ter significados diferentes. Por exemplo,
temos vermelho aqui. Então, este é o pôster
do último filme do Batman. E a cor vermelha
representa paixão, amor e raiva, como
mencionei antes. Se você quiser mostrar
esse tipo de emoção, use a cor vermelha. Existem outros usos
da cor vermelha também, mas principalmente eles são usados para
esses tipos de emoções. Então temos azul
aqui e quatro azuis. Eu escolhi congelado. Eu adoro esse filme e
acho que adoro todos os filmes de
animação. Então, azul é a
cor da calma, responsabilidade, e você também pode sentir um pouco de tristeza. Se você olhar para o tema
do filme Frozen, você saberia que esses termos, essas palavras
representam basicamente o filme inteiro. As cores que estou mostrando
nesses pôsteres de filmes, não
estão lá por acidente. As pessoas que fazem esses
filmes e fazem esses pôsteres são muito inteligentes e
sabem como a cor 2D funciona. Obviamente, eles são os
especialistas e sabem como desencadear
emoções diferentes e seu público. Portanto, a próxima cor que
temos é verde. Então verde é a cor do novo
e da abundância e da natureza, se você quiser mostrar
algo que é natural e correio para a natureza, você sempre pode usar
a cor verde. Então, neste exemplo, eu usei o filme Shrek overhead porque você deve ter visto que no filme há muitas florestas e muito verde. Então temos a cor roxa. E só eu usei o pôster de Avengers
Endgame aqui. Portanto, o roxo é a cor da criatividade, da realeza e da riqueza. Se você olhar para o filme,
saberá que esses são os heróis mais poderosos da Terra e, de certa forma, você pode
chamá-los de realeza. Muitos deles também são
ricos. E todos eles são
criativos à sua maneira porque têm
poderes e habilidades diferentes. O roxo foi usado de
uma maneira tão boa neste pôster. Mas você também deve saber que cores
diferentes podem ter significados
duplos ou podem ter significados diferentes
dependendo
da religião ou da região, etc. Um dos melhores exemplos
disso é o branco. O branco é uma cor de pureza, celebração e
adoração no Islã, sempre que as pessoas vão à Caaba, elas mudam a cor branca. Mas se você olhar para o hinduísmo, é completamente o oposto. Branco é a cor da
morte ou da tristeza
lá sempre que há um
funeral, eles eram brancos. Outro exemplo é a cor
preta e o cristianismo, sempre que há um
funeral eles eram negros. Você deve ter visto
isso nos filmes. O uso da cor também é
diferente para homens e mulheres. Então, homens e mulheres podem basicamente
ver as cores de forma diferente. Eu tenho uma
imagem muito engraçada aqui. Pelo menos acho
engraçado que o cara esteja apontando cores diferentes
como vermelho, roxo, rosa. E depois há a
mulher ali que está nomeando todas as
cores separadamente. Há uma resistência por trás
disso que a mulher pode ver mais cores porque
no final do dia, a cor é um comprimento de onda
e a mulher pode ver mais desses
comprimentos de onda do que os homens. Então, eu tenho dois
exemplos aqui. E a primeira é a beleza da
Victoria Secrets. Então eu acho que essa é uma submarca
da Victoria Secrets. E você pode ver
que eles usaram muitas cores pastel
em seus designs. Não estou generalizando isso porque vi projetos
femininos nos quais elas também usaram
muitas cores contrastantes. Mas, principalmente, você deve ter visto esses dados de tendência em produtos
femininos. Eles geralmente usam
cores especiais. Para o exemplo dos homens, tenho essa marca chamada
Old Spice ou espaço. É uma marca de desodorante
masculino. E você pode ver
que eles usaram muitas
cores vibrantes e
leram principalmente em seus designs e
é tão vibrante e saturado. Portanto, se você criar uma marca relacionada
a homens, certifique-se de
usar
cores proeminentes, vibrantes e ousadas vibrantes e ousadas, porque
é isso que atrai os homens. Foi isso para esta palestra. Espero que você entenda agora como você pode usar cores
diferentes. Quais são os diferentes
significados ou cores diferentes? E cores diferentes podem
ter significados diferentes em diferentes áreas do
mundo ou da religião. Na próxima palestra,
vamos aprender sobre as propriedades da cor. Espero que
vocês tenham gostado muito dessa palestra e vejo
vocês na próxima.
3. Propriedades e harmonias da cor: Quais são as propriedades
de uma mesoglea de cor, existem três
propriedades que são matiz, saturação e valor. Então, vamos discutir o matiz
primeiro, não esse matiz. Matiz é basicamente
outro termo técnico para a palavra cor. Então, todas essas cores,
como amarelo, rosa ,
azul, verde,
são chamadas de tons. Então, o que é saturação? A saturação é basicamente
a intensidade da tonalidade. E se você aumentar demais, fica
muito
irritante para os olhos. Se você tiver uma cor,
poderá aumentar sua saturação ou
diminuí-la. Basicamente, você está aumentando ou diminuindo a
intensidade da cor. E a última propriedade é valor, o que basicamente
significa brilho. Assim, você pode
aumentar o brilho de você ou diminuí-lo. Vamos pegar a mesma cor novamente. Se você diminuir seu valor, ele ficará
parecido com isso. Ou se você aumentar
o brilho, ficaria mais
ou menos assim. Portanto, essas três propriedades da
cor são realmente importantes, mas
as discutiremos mais tarde
nas próximas palestras com mais
alguns exemplos. Mas agora você precisa aprender
sobre a roda de cores primeiro. E na roda de cores
você primeiro precisa aprender sobre as cores
primárias para basicamente existem
três cores primárias que são vermelho, amarelo e azul. Você deve estar pensando
que estou totalmente louco porque as cores
primárias são RGB, vermelho, verde e azul. Então R por b é basicamente o esquema de
cores dos pigmentos, basicamente as cores
do mundo real. Então, se você usar algo em
uma impressora, tinta ou matrizes, você basicamente usará o esquema de cores RiiB e RGB são basicamente as cores
primárias da luz. Então, basicamente
, qualquer coisa que envolva tela como um computador ou
quando a bile usa RGB. E é por isso que em programas como Photoshop e
Illustrator, etc Você também vê o esquema de cores
RGB, mas você deve estar pensando em qualquer tipo de impressão física, não usamos CMYK, o que basicamente
significa ciano, magenta, amarelo e a chave e é
basicamente a cor preta. O fato é que o CMYK é
exatamente o mesmo que o nosso Yb. E isso é feito de propósito
porque, para uma criança, é difícil entender o que é uma cor
SAN ou magenta. azul é a
contrapartida de, digamos, n, e essa é a
contrapartida do magenta. É por isso que somos ensinados que are by é o esquema de cores. Vermelho, amarelo e azul
são as cores primárias. Em palavras simples, é
uma forma globalmente aceita pela qual as crianças
aprendem sobre cores. E é por isso que, quando
aprendemos sobre 2D colorido, tomamos parentes, amarelo e verde como as cores primárias. Espero que essa confusão
esteja fora do seu caminho. E agora vamos discutir
sobre as cores primária, secundária e terciária. Então, como eu disse, vermelho, azul e amarelo são
as cores primárias. E se você combinar essas
cores como azul e vermelho, vermelho
e amarelo
e amarelo e azul, você basicamente
obterá as cores secundárias. Mas você pode até
dizer que eles são a média das duas
cores de que são feitos. E da mesma forma, se você
combinar essas cores, novamente, você obterá
as cores terciárias. E essa coisa toda é
basicamente chamada de roda de cores. Então, vamos falar sobre harmonias de
cores, ou elas também são
chamadas de esquemas de cores. Portanto, o primeiro é o esquema de cores
análogo. Basicamente, neste esquema de cores, cores
VTA que estão
próximas umas das outras. Deixe-me explicar para você
com a ajuda de um exemplo. Você deve ter visto o
Kung Fu Panda. É um filme muito divertido. Você pode ver que no
pôster do Kung Fu Panda, eles basicamente usam o esquema de cores dos
análogos. Há mais uma coisa que
você deve ter em mente, preto e branco ou, na verdade
, as cores padrão. Assim, você pode usá-los com
qualquer esquema de cores que desejar. Esse pôster. Você pode ver que eles usaram o esquema de cores análogo junto com alguns brancos e pretos. E o problema de um esquema de cores
análogo é que ele também está amplamente presente
na natureza. Por exemplo,
nas frutas cítricas. Mas se você olhar para
as frutas cítricas, você pode ver que o verde é realmente o
que eu apontei. Está mentindo do que limão, do que laranja, depois toranja. Então você pode ver o
padrão aqui. Da mesma forma, você também pode
vê-los em bagas. Você pode ver que vermelho, roxo e depois cola todas
essas são cores de bagas. Morangos, amoras
e mirtilos. E as amoras são, na verdade cor
roxa,
só para você saber. O segundo é
complementar e o
esquema de cores complementar é provavelmente um dos meus favoritos porque é muito fácil de usar e
é realmente eficaz. Basicamente, você pega cores do oposto
da roda de cores. Se você quiser tentar usar uma camisa marrom
com o terno azul, vai ficar tão bem junto. Eu também tenho um exemplo de
cortesia. Você pode ver no esquema de cores
complementar, temos este exemplo
do pôster Blade Runner. E eles usaram a cor vermelha e azul-petróleo de uma maneira tão boa. Esses são basicamente o oposto total
na roda de cores, mas combinam muito bem. Então também
dividimos complementares. Então, em divisão complementar basicamente você pega três cores. Dois deles estão
separados um do outro, e o terceiro é
exatamente oposto a eles, basicamente formando um triângulo. Eu também tenho um
exemplo para isso. Agora eu não tenho certeza se
isso é um pôster de filme. Na verdade,
peguei-o da Internet e você pode ver que isso
faz muito sentido. O artista usou o vermelho e o verde e
lidou de uma maneira tão boa. E basicamente toda a
imagem está em harmonia. Porque no final do dia, sempre que estamos projetando, o principal é
criar harmonia em nossos projetos quando você
basicamente quer dizer equilíbrio. Então temos o esquema de cores
triádico. E nesse esquema de cores, basicamente
pegamos três cores que formam
o triângulo perfeito. E eu tenho um
exemplo perfeito para isso. Então, alguns anos atrás, eles basicamente recriaram Aladdin e Will Smith estava
nele obviamente. E você pode ver que
o pôster é incrível. Eles basicamente usaram o
esquema de cores triádicas nisso. Você pode ver que eles usaram mais
o roxo e o laranja. O azul-petróleo está muito
menos neste pôster, mas eles usaram muito o
roxo e o laranja. E não se preocupe,
vamos discutir isso nas
palestras posteriores também, que quanta porcentagem
de uma cor deve usar para usar. Então temos o esquema de cores
quadradas. Basicamente, você seleciona cores em um quadrado na roda de cores. E eu diria
que esse é um
dos esquemas de
cores mais difíceis de usar, porque nem todo mundo pode
fazer isso para usá-lo corretamente. No filme Inside Out, eles usaram esse esquema de
cores e você pode ver que países diferentes
têm cores diferentes. E como eu disse, é muito
difícil de conseguir. Se você não sabe como usar
a teoria das cores corretamente, então temos esse esquema de cores
triádico. Basicamente, é semelhante
ao quadrado, mas na verdade é um retângulo. Então, novamente, isso também é
muito difícil usar, porque se você exagerar, se você usar muito essas cores, fica muito difícil
criar harmonia em seus designs. Eu tenho um bom
exemplo disso. Então você pode ver que
neste exemplo, eles usaram a cor
principal como laranja. E o resto das
cores são muito pequenas. Você apresenta como se
pudesse ver que
no guarda-chuva e nos shorts
do cara acima dele, eles usaram azul do que usaram um
pouco de verde. E o rosa é muito pequeno apenas no
flamingo aqui. As cores principais que eles usaram, nosso laranja e branco
e como eu disse antes, para branco e preto
são basicamente, você pode ver as
cores padrão e você pode usá-las com qualquer esquema de
cores que desejar. Então temos o esquema de cores
monocromático, que é extremamente fácil usar e é muito
simples e eficaz. Então, basicamente, você pega
um trailer e aumenta seu valor
ou brilho, e depois também o diminui. E todo esse esquema de cores
é chamado de monocromático. esquema de cores monocromático também é usado em muitos pôsteres de filmes. E a última coisa que
vamos discutir
nesta palestra são
passagens e tons compartilhados. E eu acho que é muito importante aprender esses termos porque eu vi pessoas
usá-los de uma maneira tão errada. Muitas pessoas
usam isso assim. Sombra mais clara e mais escura. Não há tons mais claros. É basicamente matiz. Então, qual é a tonalidade?
Basicamente, você pega uma cor e
continua adicionando branco a ela. Você basicamente aumenta
seu brilho ou valor. Dessa forma, você obtém tons diferentes e, obviamente, as folhas
são exatamente opostas. Você pega uma cor e
continua adicionando preto a ela. Você diminui seu valor ou brilho e obtém
esse tipo de forma. E o último é tons. Novamente, pegue uma cor e
continue adicionando cinza a ela. E dessa forma você obtém
esse tipo de tom. Por enquanto. Eu só queria que vocês soubessem
sobre esses termos adequadamente mais tarde, vamos
discuti-los com exemplos também. Então, espero que
vocês agora entendam qual é a diferença
entre nosso Yb e RGB e por que os usamos
versus a roda de cores. E quais são as diferentes harmonias de
cores que você pode usar em nossos compartilhamentos,
equipes e tons. Então eu espero que
vocês realmente tenham gostado dessa palestra e eu os
verei na próxima aula. Na próxima aula, aprenderemos
basicamente sobre alguns
sites muito legais através dos quais você pode gerar alguns esquemas de cores
muito bons.
4. Site de cores - crie cores com facilidade: Então, quais são os melhores sites
para gerar cores? Eu tenho alguns
sites aqui, e o primeiro é
chamado Adobe Color. Então, você pode simplesmente
acessar color.adobe.com. Então, basicamente, você
pode ver que temos uma roda de cores aqui
e a do meio, se você clicar na do meio, você pode basicamente arrastar. E você pode ver que as
cores abaixo estão mudando. Então, basicamente, esse é o esquema de cores análogo
que é selecionado aqui. Em seguida,
nas palestras anteriores, discutimos diferentes esquemas de cores
e harmonia, e você pode ver que
eles estão por toda parte aqui. Você pode simplesmente clicar em
monocromático aqui. Então, ele criará um esquema de cores
monocromático aqui com os tons
e tons também. Ou você pode criar uma tríade. E há mais uma
coisa que eu esqueci. O que você pode fazer é se você
tiver uma cor específica, você pode inseri-la aqui, talvez aqui também. Mas todas essas cores estão basicamente vinculadas a essa cor
específica aqui, e você pode basicamente
movê-la. Então, vamos apenas dizer que eu quero criar um esquema de
cores complementar. Eu posso clicar aqui. E você pode ver que
não está me dando apenas duas cores porque quando estamos aprendendo
sobre harmonias de cores, acabamos de aprender que
existem duas ou três cores. Mas você pode ter várias
cores ou vários tons, mas obviamente você precisa
se ater à harmonia. Então nós dividimos
complementares aqui. Dupla divisão complementar
como se tivesse opções que eu nem falei sobre
hotel quadrado e composto, para ser honesto, essas são as que são usadas com muita frequência. E então os de baixo são
aqueles que não
são muito comuns, mas
você ainda pode usá-los. Sim, como eu disse,
você pode simplesmente clicar no do meio e arrastá-lo e isso lhe dará um tipo
de esquema de cores muito bom. Ok? Depois, há
outra opção
chamada equipe de extração. Eu adoro isso. Então você pode simplesmente clicar aqui. E o que você pode
fazer é arrastar e soltar ou fazer upload de
uma imagem aqui. Então, eu tenho
algumas imagens aqui, e vou arrastar esta para
soltá-la aqui. E boom, assim mesmo, todo
o site
basicamente criou um esquema de cores para
nós usando isso. Então, o problema da natureza
é que eu diria que a natureza tem todas
as cores de que precisamos. E tudo
o que sabemos sobre cores é basicamente
derivado da natureza. E eu nem fiz nada. Eu simplesmente tenho que ler a imagem. E você pode ver que temos um esquema
tão bom aqui. E, obviamente, isso é analógico. Mas você pode fazer é
apenas dizer que se você não gosta
de nenhuma das cores, mas você pode fazer é simplesmente clicar e arrastá-lo e ele selecionará
alguma outra cor para você. Mas digamos que eu
gosto dessa cor, ok? Então, ele selecionou isso. E o que eu posso fazer é também selecionar as
cores brilhantes na imagem. O mutante. Obviamente, tudo isso é inteligência artificial. E pode detectar quais
cores são brilhantes e suaves e profundas e escuras. Para ser honesto, esse
simples funciona melhor para mim. E o que você pode fazer
é simplesmente clicar em Salvar
sobrecarga e ele
salvará o esquema de cores para
você em suas bibliotecas da Adobe. Esqueci de
te contar sobre esse. Então, basicamente, se você voltar
para a roda de cores aqui, se você clicar em Salvar, ele salvará esse esquema de cores como em sua biblioteca e
sua biblioteca da Adobe. Se você tem uma assinatura, se você não tem uma
assinatura você pode simplesmente tirar
uma captura de tela disso. Então, eu estou no Windows aqui, mas eu vou
fazer é
pressionar o Windows Shift S. dessa maneira. Eu posso tirar uma captura de tela
disso e posso dizer, ok, então eu posso carregá-lo no meu Photoshop ou Illustrator
e depois usá-lo. Da mesma forma, em extraí-lo. Você pode fazer a mesma coisa. Ok, até agora, tudo bem. Então temos outra
opção que é chamada de gradiente de extração. Para ser honesto, isso não é
algo muito revolucionário, mas você pode fazer é simplesmente carregar as cores no Photoshop e criar um gradiente
lá também,
como Photoshop ou Illustrator. Mas também temos
a opção aqui. Novamente, não é muito revolucionário, mas você tem a opção. Eu acho que você pode adicionar
mais cores aqui. Acho que havia uma opção. Eu não me lembro. Sim. Então, se você clicar aqui, você pode adicionar mais pontos. Entendi. Acho que temos um gradiente de cores muito
bom, acontecendo aqui. Não é bom demais para ser honesto. Então, temos algumas
ferramentas de acessibilidade aqui também. Aqui, temos uma ferramenta muito útil que é
chamada de verificador de contraste. Você pode ver que eu tenho
duas cores aqui. A primeira é a cor do texto e a segunda é
a cor de fundo. O que você pode fazer é basicamente selecionar qualquer, ok, então eu tenho duas
cores aqui. A primeira é
a cor do texto e a segunda é a cor
de fundo. Aqui você também pode ver
uma classificação. Então, isso está me mostrando um erro. De acordo com isso, o contraste entre essas duas cores não
é muito bom. Ele está passando no
teste de forma e no teste de texto
maior e maior, mas está
preenchendo o menor. O que podemos fazer é dizer que
eu seleciono uma cor aqui. Deixe-me mudar a cor do texto e também a cor do plano de
fundo. Ok. Acho que algo parecido com isso. Agora está lhe dando
uma classificação muito melhor. E há uma
taxa de contraste aqui também. Mas o problema é que eu realmente não
gosto porque não dá uma
classificação adequada para o seu contraste. Existe outro
site para isso. Deixe-me mostrar a você. Basicamente,
há um site chamado coolers.co aqui
que les dot code. E é muito popular
para gerar cores, mas eles também têm
um verificador de contraste. Então, vamos cobrir
isso primeiro também. Então você pode ver que ele está me
dando uma classificação com
base no contraste e ainda
está aqui. Então, digamos que eu clique
aqui e seleciono qualquer cor, por exemplo, esse amarelo claro. E então eu seleciono
uma cor mais escura, como este vermelho brilhante. Isso está me dando basicamente
uma classificação de contraste. Agora, significa apenas me
dizer isso basicamente em termos de estrelas
e classificação também. E está me dizendo
se funcionará para texto
menor e texto
maior também, e até mesmo em negrito. Mas o que aconteceria
se eu selecionasse algo realmente fora das tabelas
como essa cor? Você pode ver que agora está me
dando uma classificação de 1,95. E é muito ruim porque
isso não é muito visível. Mas qual é o maior contraste que você poderia ter entre
duas cores? Então, basicamente, você vota. Fulbright e totalmente preto. Como se este fosse um número complicado para o maior que
você pode alcançar é 21. Mas eu acho
que qualquer coisa que esteja acima, você pode dizer que 15 funciona
muito bem porque esse
contraste é bom o suficiente. Eu acho que talvez você possa
até escolher 14 para algumas cores. Bom o suficiente. Vamos para o gerador de cores. Como eu disse, mais legal. Este é um dos meus, um
dos meus sites favoritos. E acho que conheço muitos criadores que usam isso
porque é muito útil. Então deixe-me simplesmente
vir aqui e clicar em iniciar o gerador. E o que este site faz
é basicamente gerar paletas de
cores para você. Nos primeiros dias da
minha carreira de design, quando eu não sabia
muito sobre 2D colorido, eu sempre costumava vir a
este site para referência, mas agora eu sei como
as coisas funcionam e eu até adoro,
adoro ainda mais. Então, se você clicar
na barra de espaço, para tocar na barra de espaço, ela basicamente gerará
alguns temas de cores para você. Quão legal é isso? Basicamente, você pode
continuar tocando
na barra de espaço e ela
continuará gerando cores para você. E a melhor coisa sobre isso é que você pode salvar as cores, ok? E há mais uma coisa. Você pode registrar a cor. Então, vou bloquear essa cor. E agora, se eu clicar na barra de espaço, ela vai gerar
todas as outras cores dependendo da cor , de
acordo com essa cor. Então, vou
tocar na barra de espaço. Agora. Agora você pode ver que ele está gerando cores
dependendo dessa cor. E já temos um esquema de cores muito
bom por aqui. Eu adoro isso. Vamos clicar novamente. Isso também é muito bom. E vamos deixar
algo assim. Novamente, eu realmente gosto
disso e você pode até selecioná-lo e clicar
no outro também, como registrar essas duas cores. Agora, se você clicar na barra de espaço, ela gerará as
outras três cores. Mas sim, este site
é extremamente útil. Novamente, se você quiser
baixar essas cores, mas você pode fazer é selecionar
algo como talvez isso. Você pode simplesmente clicar
em Exportar aqui. Existem algumas opções. Você pode baixá-lo como imagem
ou PDF ou compartilhá-lo como um URL. Adoro baixar
esses SVDs porque posso usá-los exatamente como
estão no Illustrator. Sinto muito, recebi uma mensagem
de um dos meus colegas de trabalho. Você pode dizer que ele é mais um parceiro como se estivéssemos em uma parceria no meu
negócio de qualquer maneira. Então, sim, deixe-me
fechar o atraso para não, acho que está fechado. Então, sim, você pode basicamente
baixar as imagens, essas coloridas na forma
de imagens SVGs ou PDFs. Deixe-me fechar isso, então há algumas outras
opções também. Você pode clicar em
Exibir e basicamente clicar em cada cor para ver os valores RGB e CMYK
e apenas l, o que é útil se
você
gosta de sua cor completa. E então temos a opção
de ajustes também. Você pode basicamente ajustar todo
o paladar. O paladar duro é exatamente
do jeito que está aqui. E você pode aumentar ou
diminuir a saturação. Isso é o que você faz. Basicamente, você está
basicamente mudando a tonalidade enquanto mantém a equipe,
mantendo a harmonia. Então você também tem
saturação. Assim, você pode aumentar ou
diminuir a saturação. Você também pode aumentar ou
diminuir o brilho e a temperatura. Ok. O último aqui
é daltonismo. Para ser honesto, não sei
muito sobre daltonismo, então não vou abordar isso. Você pode simplesmente
clicar em inscrever-se aqui ou clicar em câncer. Então, isso era coolers. O último é o espaço de cores. Eu conheci este site de Ryan Siegel
da Flex Academy. E isso é muito
bom
se você gosta de cores e quer gerar
um bom esquema de cores, mas não sabe muito,
muito sobre harmonias de cores. Mas você pode fazer é,
digamos, eu venho aqui e gostei, gosto
muito dessa cor. Vou copiar
o código hexadecimal
daqui . Basta copiá-lo. Então eu vou vir
aqui e simplesmente colar. Em seguida, você clicará em Gerar. O que acontecerá
é que basicamente ele criará um esquema de cores. Basicamente, ele criará
vários esquemas de cores para você e você não
precisa pensar demais. Isso não lhe dará uma quantidade
absurda de opções como coolers e cores da Adobe, mas fornecerá alguns esquemas de cores
muito bons. Basta selecionar um deles e
começar a trabalhar neles. Então, só de olhar para eles, você pode ver que este é
uma tríade, ok? Então você pode ver que também
há um
esquema de cores análogo. Este é o analógico, este aqui. Se você souber sobre
esquemas de cores corretamente, você pode, apenas olhando para eles, você pode ver
que você saberia quais
esquemas de cores são esses. Mas para ser honesto, como eu disse, você não precisa pensar demais nisso. Você pode selecionar qualquer esquema de
cores que desejar e
funcionará muito bem para você. Mas sim, foi
basicamente isso. Cores da Adobe,
coolers. Olá, espaço. Esses são os
três principais sites para mim em termos de
geração de cores. Mas há mais uma coisa. Mesmo depois de baixar as cores, muitas pessoas dizem que baixaram
um esquema de cores, uma harmonia de cores de um site, e ainda não funcionará corretamente quando estiverem
fazendo seus desenhos. Bem, é porque
você não sabe qual é a interação de cores. Então, na próxima palestra,
vamos aprender sobre interações de
cores e como cores diferentes
funcionam umas com as outras. Porque mesmo se você baixar todo
esse esquema de cores, todas
essas cores não funcionarão juntas corretamente. Então, como você determina
se não foi adequado ou não, e como você os mistura
e combina? Isso é o que vamos
aprender na próxima palestra, que são interações coloridas. Então, espero ver
vocês nessa.
5. Interações coloridas: Então, como você verifica se o esquema de
cores que você decidiu para sua marca ou produto
funcionará ou não. Mas digamos que
você tenha decidido um esquema de cores e
o baixou. Portanto, eu não peço esse esquema de
cores da coolers.co. E agora eu quero verificar se essas cores vão
funcionar juntas ou não. Então, basicamente, essas são
chamadas de interações de cores. Vamos excluí-lo e deixá-lo, deixe-me fazer isso
desde o início. Ok. Deixe-me ampliar um
pouco aqui. Deixe-me deletar isso também. Ok. Vamos apenas
manter um desses que basicamente
possamos copiá-lo mais tarde. Vamos dar um zoom aqui. Ok? Então, o que vou fazer
é basicamente
selecionar a ferramenta quadrada e vou criar
um quadrado aqui. E eu vou
copiar essa cor. Então vou criar
outro quadrado no topo dessa história sobre isso. Mas vamos pegar um
quadrado aqui e eu vou
copiar essa cor. Vamos colocar isso em cima disso. Então, basicamente, você pode verificar a interação
entre duas cores, esse contraste entre
duas cores usando isso. Agora vou fazer
algumas cópias disso. Vou pressionar
Alt ou Option e arrastá-lo e depois fazer mais
algumas cópias. Então, como existem cinco cores, haverá quatro interações. Vou selecionar este
e copiar essa cor. Da mesma forma, este e copie essa cor e, da
mesma forma, esta. Ok, até agora, tudo bem. Em seguida, vou selecionar tudo isso e fazer uma cópia novamente. E desta vez
vou mudar uma cor da parte de trás. Então eu vou mudar
isso para este. Ok? E você já pode ver
quais são as cores que não estão dispostas a
trabalhar juntas corretamente. Então, vou
selecionar este e substituí-lo por este. Não. Ok. Então, todo o resto está bem. Agora vou copiar
tudo isso de novo. Desta vez, vou selecionar tudo isso e
copiar essa cor. Mas, basicamente,
é assim que você
continua trocando as cores. E vamos fazer isso, eu acho que mais duas vezes. Vamos fazer isso aqui. Deixe-me diminuir um pouco o zoom. Então eu vou selecionar todos
esses, copiar, essa cor. E para este, terei que selecionar
o anterior. E por último, mais uma vez. Então eu vou copiar essa cor. Espero não ter te aborrecido
com essa coisa toda. Se você acha que isso foi
chato, fosforilado. Ok, então basicamente temos interações de
cores
conosco aqui. Agora, deixe-me torná-lo um pouco menor para que você
possa ver corretamente. E apenas olhando para elas, você já pode
descobrir quais
dessas cores funcionarão
juntas ou não. Ok. Mas antes disso, deixe-me
contar uma maneira melhor de fazer isso. Você pode até olhar para ele. Então, vamos apenas dizer que
olhando para este, eu posso ver que isso não
vai dar certo para nós. Da mesma forma, isso não
vai funcionar tão bem e este também. Mas há uma
coisa sobre as cores é que se você verificar o
valor das cores, como eu disse antes, esse valor de
luz é o brilho
e nós vamos usá-lo. Então, vamos
usá-lo aqui. Então, se você verificar o
valor de uma cor, você pode basicamente decidir. Você pode verificar se eles
vão trabalhar juntos ou não. Eu terminei esse teste de
escala de cinza. Basicamente, eu tenho o
mesmo, os mesmos círculos
que eu fiz. Eles estão disponíveis aqui. Então, deixe-me dar um zoom aqui. Se você selecionar todas essas cores e convertê-las
em tons de cinza, vou subir aqui,
clicar em editar e, em seguida,
clicar em Editar cores. Estudo, eu acho objeto. E eu esqueci onde. Aí está, aí está. Desculpe por isso. Então, basicamente, vou clicar em
Converter em tons de cinza. Agora você pode ver que se uma
cor funciona em escala de cinza, se duas cores funcionam mais arriscadas, elas provavelmente
funcionarão em não provavelmente funcionarão nas versões coloridas também. Mas você pode ver,
olhando apenas para todos esses, isso não vai funcionar
para nós. Então, vou deletar isso. Este é um
trabalhador comum para nós também. Isso é bom. A cítara
vai treinar, isso não vai dar certo, e eu não acho que isso
vai dar certo também. Então, deixe-me diminuir o zoom. E aqui eu posso basicamente
deletar as mesmas cores. Ok? Então, esses dois não eram
adequados para nós, e também esses dois
e também este. Agora podemos até fazer um teste
real para essas cores. Então, eu tenho esse tipo simples de amostra para um
exemplo da vida real, ok? Então, o
que eu fiz foi usar essa cor como plano de fundo, depois essa cor como título. E então eu criei uma
forma aqui só para dar um toque extra
e eu uso essa cor. Deixe-me copiar isso e vamos
tentar usá-lo novamente. Então, basicamente, eu posso
selecionar qualquer cor de toda
essa interação de cores
e isso funcionará. Espero que para nós, tudo bem. Mas deixe-me selecionar o
plano de fundo e talvez alterá-lo para essa cor. E talvez isso. Ok. Em seguida, vou
selecionar o texto e alterá-lo para essa cor, ou posso selecionar preto
completo também. Em seguida, vou selecionar o título e
alterá-lo para essa cor. Você pode ver que isso está
funcionando corretamente para nós. Vamos tentar novamente. Vou copiar isso. Deixe-me selecionar o plano de fundo
e selecionar essa cor. Ok? Deixe-me
clicar duas vezes aqui, selecionar isso e
alterá-lo para talvez essa cor. Essa cor. E o título parece bom, podemos mudar a cor do texto. Ok, então tem mais uma coisa. O que você pode fazer
com, junto, junto com essas cores, sempre
há a opção de
usar branco e preto também. Então, branco e preto são cores
padrão que você
sempre pode usar em qualquer
um dos seus designs. Ok? Acho que também
discuti isso em uma das palestras
anteriores. Branco e preto. Mas
lembre-se de não usar branco
completo e
preto completo
porque alguns, porque por algum motivo
eles não parecem bem. Então eu posso clicar aqui e
talvez selecionar este branco. Você pode ver que isso está se
tornando
tão bom para nós. Vamos tentar outro. Mas podemos fazer é
selecionar essa cor novamente. Ok, vamos definir o
título para essa cor, e vamos definir o texto para
talvez essa cor nesta. Esses dois estão
funcionando bem para nós. E vamos definir isso
para talvez descolorido. Ok? Então você pode ver que
apenas fazendo esse tipo
de interação, temos um exemplo adequado que sabemos que vai funcionar
para nós. Deixe-me diminuir um pouco o zoom. E eu até fiz isso
em um design aqui. Há mais uma
coisa que temos que
discutir e é a
quantidade de cor que você precisa usar. Mas existe essa regra
enrolada chamada, que é chamada de regra 603010. Então, deixe-me mostrar-lhe
aqui primeiro. Basicamente, se você olhar para
isso, todos esses designs, você veria que há uma cor que eu
usei muito, que é a cor de fundo, que é os 60 por cento. Então temos os 30 por cento, que é muito dessa
cor, a cor do texto. E então aqui
temos os 10%. Então, basicamente, usando
a regra 603010, você poderia fazer alguns designs
incríveis para todos, para todos vocês que se perguntam quanta
cor você deve usar. Foi assim que você decidiu. Se eu ampliar aqui, você pode ver que
neste design e design, eu usei as mesmas
cores, quais são essas? Deixe-me dar um zoom aqui. E você pode ver que simplesmente selecionando isso
como cor de fundo, eu selecionei essas duas
cores como se
isso fosse 60%, isso é 30%, e no
final, isso é 10%. Ok? E você pode ver que isso
parece realmente agradável
aos olhos enquanto você está aqui, temos outro
exemplo que ensinei. Faremos isso apenas
como um exercício. Deixe-me dar um zoom aqui. E eu acho que vou acelerar isso porque eu não
quero tranquilizar o tempo, então eu vou acelerar
isso e eu vou te
ver assim que
eu terminar com isso. Nós terminamos com isso.
E agora você pode ver que temos a
interação de cores aqui. Então, vamos tentar, vamos
verificar se isso funcionará para nós
em escala de cinza ou não. Vou selecionar tudo isso. Em seguida, vou para Editar, editar cores e clicar
em Converter em escala de cinza. Apenas olhando para eles, você pode ver quais
são as cores que vão funcionar para nós ou não. Ok, deixe-me pressionar
Control ou Command Z. E agora temos uma ideia. Então, isso não vai funcionar
para nós. Isso não vai funcionar
para nós. Isso também não vai
funcionar para nós. Ok, vamos tentar o
mesmo exemplo aqui. Então, vou copiar isso. Eu só vou fazer um. Ok? E vamos selecionar a cor de
fundo como esta. Ok? Vamos deixar o título ser colorido como talvez este ou este. Vamos fazer isso. Ok? Vamos selecionar essa cor de forma
como esta ou esta. E, finalmente, podemos definir o
texto para talvez escrever também. Você também pode selecionar essa
cor. Ou você pode defini-lo para branco. Então você pode ver que esse é um contraste
tão bom. E apenas fazendo este exercício, você pode determinar se suas cores
funcionarão para você ou não. Obviamente, você não precisa
usar todas as combinações. Você só precisa saber
quais são os que funcionarão
corretamente para você ou não. Mais tarde, darei a vocês
um exemplo do Skillshare. Skillshare está
usando suas cores, então vamos
abordá-lo também. Espero que vocês
realmente achem isso, achem esse exercício útil, e vejo vocês
na próxima aula.
6. Roda de cor no Illustrator: E se eu lhe dissesse que tudo o que
aprendemos até agora, como harmonias de
cores de roda de cores, e até mesmo copiar a
cor de uma imagem, já está disponível
no Illustrator. Illustrator tem algumas opções
incríveis quando se trata de cores. E acho
que tudo o que aprendemos, 90% dessas coisas estão
disponíveis no Illustrator. Basicamente, você
precisará de três painéis. Aqui temos
o painel de amostras. Em seguida, adicionamos o
guia de cores e o painel de cores. Se você não sabe
como eu consegui isso, digamos que você não tem o painel de amostras aqui. Eu fechei. Mas onde você
precisa fazer é simplesmente ir até a janela aqui, rolar para baixo e simplificar
no painel. O painel de amostras está aqui. Basta clicar nele e
você o terá. Ok, deixe-me fechá-lo por enquanto. Basicamente, o que você pode
fazer é apenas dizer que eu seleciono a
ferramenta conta-gotas pressionando
pressionando I e eu
seleciono essa cor. Eu descolori sei. Agora o que posso fazer é clicar no
guia da régua aqui. E você pode ver que
ele já
me deu um esquema de cores de harmonia de
cores aqui. E se eu clicar nisso, clicando aqui, você pode ver que ele está
me dando opções diferentes para esquema de cores
triádicas
que também negociam. Em seguida, composto Entrez de
cortesia. Então, vamos ver
se eu clico nisso. Está me dando um esquema de cores
diferente. Então, isso
complementa basicamente
o mesmo esquema de cores
, mas com alguns tons extras. Agora o que eu posso fazer
é simplesmente criar basicamente
espírito aqui, e eu posso copiar essa
cor aqui, então isso aqui novamente. Então, basicamente, você
pode criar vários esquemas de
cores usando isso. Ok, vamos tentar com
alguma outra cor. Digamos que eu copio
essa cor aqui. E assim, temos um esquema de cores realmente incrível. Se você quiser salvar isso, mas você pode fazer isso,
basta clicar aqui, salvar o grupo
de cores no painel de amostras. Então, basta clicar aqui. E eu acho que não, sim, então agora ele foi salvo. Agora você pode simplesmente
copiar essas cores daqui e nós
temos acesso a elas. Praticamente isso. Então, sim, é
assim que você
pode criar esquemas de
cores facilmente dentro do Illustrator. Mas há mais no
Illustrator do que apenas isso. Deixe-me diminuir um pouco o zoom. Deixe-me selecionar isso. E aqui,
vou para Editar. Em seguida, vou para Editar cores e clicar
na arte recolorida. Mas essa
arte recolorida é incrível. Você pode ver que a roda de cores já
está aqui. Vou clicar nas opções
avançadas
aqui porque quero opções
extras. Ok? Acho que fiz a
interface um pouco grande demais, mas eu fiz isso propósito para que você pudesse
ver tudo corretamente. Ok, então há
essa opção de edição e, em seguida, há
essa opção de atribuição. Agora, o que você pode fazer é ir para a roda de cores. Então, vou clicar
em editar aqui. Como eu disse, da
maneira como fizemos nas opções de cores da
Adobe com
o site do Adobe Color. Você pode simplesmente clicar aqui. Você pode mover isso. E todas essas cores estão sendo editadas em tempo real
em harmonia. Você pode ver que o esquema de cores
original está ali e estamos basicamente
movendo as cores. Depois, há outras
opções também. Eu posso desvincular, desvincular
isso também. Então, em vez de
movê-los em harmonia, eles se moverão separadamente. Bem, eu posso selecionar
quem eu quiser. Assim. Depende totalmente de
você como você quer jogar isso. Mas essas são
ótimas opções, ok? Então deixe-me clicar nisso novamente. Então temos opções para
cores já feitas também, ok? Mas você pode fazer é
dizer que eu quero algo metálico
para clicar nisso. E copiou um esquema de
cores metálicas aqui. Quão legal é isso? Ok? E tudo o que
estamos fazendo também
está disponível aqui. Então você pode
selecionar isso aqui também, que já salvamos em amostras. Mas
deixe-me clicar nisso. Vamos apenas dizer que eu quero
alguns tons de terra. Eles estão disponíveis aqui. Eu quero celebração. Então, obviamente,
eles não são perfeitos. Obviamente, você pode mudá-los. Mas está
editando tudo da
melhor maneira possível. Digamos que eu quero a
natureza como flores. Você pode ver que
temos esse esquema de cores. Então temos alguns Google
para o rigor científico. Esses analógicos também estão complementando
os esquemas de cores. Essas opções são incríveis. Como se eu pudesse ir ao antigo, que são semelhantes ao esquema de cores
metálicas que está lidando em algum lugar, coisas
semelhantes. E há opções para
mudar as cores daqui. Porque lectina Industrial
Color e alterá-lo, você pode diminuir ou aumentar
a saturação também. Aumentar ou diminuir
o brilho também, como seu brilho, menor vermelhidão funciona muito
bem nisso. Ok. Essas são algumas opções incríveis. Havia uma opção
para lidar com as cores da obra de arte também. Então nós batemos Ok, aqui, deixe-me tentar de novo. Vou clicar nisso,
Editar, editar cores e depois
ir para Recolorir arte. Ok, sim, Color Theme Picker. Portanto, ele não está disponível
nas opções avançadas. Deixe-me contar o poder do seletor
de temas descoloridos. Vou fechar
isso e vou trazer essa imagem
para cá. Deixe-me fazer isso
um pouco maior. Agora, o que
você pode fazer, clique nela, vá para Editar cores e clique na arte
recolorida. E o que podemos fazer é
simplesmente clicar neste documento da equipe e
simplesmente clicar nesta imagem. E bam, ele copiou
todas as cores dele. Vamos empatar com essa imagem. Deixe-me clicar nisso. Traga-o aqui. Ok, é muito grande, então vamos torná-lo
um pouco menor. Vou clicar aqui e
clicar
em Editar, Recolorir Arte. Ok? E aqui, vou selecionar o seletor de cores e
clicar aqui. E tem todas
as cores corporativas daqui. Obviamente, deixamos
um pouco mais escuro para
que possamos acessar
as Opções avançadas para editá-lo novamente. Ok? Então, vou aumentar um
pouco
a saturação do que diminuir
o brilho. Acho que está tudo bem,
simplesmente aceitei. E temos esse Mandela incrível com esse
esquema de cores aqui. E, obviamente, você pode regenerar
isso de novo e de
novo e de novo se quiser
ter mais opções. Mas, como eu disse, tudo
o que você precisa
já está disponível
no Illustrator. Você pode simplesmente ir para
essas opções de cores. Então você tem a opção de
guia de cores. Então, como se eu tivesse essa
cor selecionada, apenas me dando cores complementares
e outras cores da equipe aqui também, também. Corpo. Então temos as amostras. Assim, você pode basicamente criar uma amostra
inteira de cores a partir de apenas uma imagem ou
apenas uma combinação. Então, tudo o que você precisa está disponível
dentro do
Illustrator, ilustrador com uma ferramenta
muito poderosa quando se trata de cores, quando se trata de
praticamente tudo pronto para design, para ser honesto. Mas as cores são realmente
poderosas no Illustrator. Espero que vocês
realmente tenham gostado disso e vejo vocês
na próxima aula.
7. Análise de Skillshare: Como você pode usar
2D colorido em um site? E esta palestra
é basicamente para todos que gostam de UI UX, mas para todos os outros, você também aprenderá muito
com essa palestra. Portanto, temos o compartilhamento de habilidades aqui, e você pode ver que existem algumas cores que
são bastante proeminentes. Como se fossem verdes. É como a cor verde
principal que é extremamente proeminente. E eles são conhecidos por isso. Mas também existem outras
cores. Mas você não os percebe
porque não está olhando para o site com o IR para o nosso designer
ou talvez um colorista. Porque o problema
é que o
bom esquema de cores
é que ele é proeminente o suficiente para que você obtenha as cores principais
do site ou da marca, mas ao mesmo tempo você
não percebe isso também. Ok. Mas vamos começar
com o primeiro. Eu também tenho as cores da Adobe
abertas aqui. Vamos atualizar isso
e
mostrar como podemos basicamente
analisar este site. Então, basicamente, vou selecionar meu seletor de cores
aqui . Tenho essa
extensão do Chrome chamada Zillow colorido. Então, basicamente, usando
essa extensão, você pode copiar qualquer
preenchimento como você pode. Se eu passar o mouse sobre ele,
você pode ver que eu
posso ser da cor que eu quiser. Deixe-me tentar de novo. Você pode ver que eu posso copiar essa cor talvez nessa cor. Então, se eu passar o mouse sobre essa cor, você pode ver que eu posso copiá-la. Então, vou clicar nisso e agora está copiado. Vou para as equipes da Adobe. Então, a cor da Adobe aqui, vou colar
a cor aqui. Controle V, cole
sua cor escura. E agora a Adobe está me dando
o analógico é o tema de cores. Mas o fato é que, usando isso, podemos determinar qual
esquema de cores o Skillshare está usando. Aqui podemos clicar na tríade
monocromática,
cortesia. Mas se você olhar bem de
perto aqui, é
isso que o
Skillshare está usando. Essa é a cor verde e depois o roxo. E essa é a cor
que eles não estão usando. Se você voltar ao site, você pode ver aqui que eles estão usando
tanto roxo aqui. Novamente, não é muito proeminente, mas ao mesmo
tempo você percebe isso. Mas, novamente, se este subtotal que esta é a cor
verde principal e eles
usaram o verniz das cores
da tríade como eles
são cor secundária, que também é em alguma
palavra, excelente cor. Aqui, você pode ver que essa é a falha
que eles estão usando, e essa é uma colaboração
que eles não estão usando. Além disso, eles
também estão usando essa cor. Se eu copiar isso
e colar aqui, deixe-me copiar isso primeiro. Você precisa passar o mouse
sobre ele para
ter certeza de que copiou corretamente. Agora, se eu vier
aqui e copiar essa cor aqui, ok? E então eu vou para o esquema de cores
monocromáticas ou cores análogas. Você pode ver que
eles também estão usando. Eles não estão usando apenas um, não apenas o esquema de cores da tríade. Eles também estão usando análogos. Você pode ver que
essas são as cores principais do
Skillshare e essa é a versão mais escura
da mesma cor. Eles basicamente usaram um tom da mesma
cor aqui. Então essa é a cor principal e essa é a forma
dessa cor específica. Além disso, eles estão usando o cinza como a cor
neutra aqui. E ainda por cima, eles também estão usando
essa cor branca. Então, como eu disse antes, você sempre pode usar completo
por meio dele e
preto completo como cores padrão extras. Então, qual é a cor
da textura aqui? Se eu clicar nisso? Se eu passar o mouse sobre qualquer um
dos textos, por exemplo, aqui, essa é basicamente
a mesma cor que esta. Se eu colar aqui, você pode ver que
é da mesma cor. Eles estão usando o código para usar
um preto aqui também. Mas, como eu
disse antes, você não deve usar preto
completo ou branco completo também. Tenho certeza de que isso também não é
concluído por ele. Vamos tentar passar o mouse sobre ele. Ok? Então, isso está completo
bem aqui. Em alguns casos, você
definitivamente pode usá-lo. Mas um preto completo
nem sempre é recomendado porque
parece que se torna um
pouco duro demais. Sim, isso foi basicamente para a análise do Skillshare. Deixe-me passar por isso de novo. Eles estão basicamente usando
um esquema de cores da tríade. E essa tríade, eles
não estão usando a terceira cor. Além disso, eles também estão usando um esquema de cores análogo. E eles basicamente
usam um tom de cor, que é esse verde. Espero que isso tenha sido muito
esclarecedor para vocês, e espero que
vocês realmente tenham gostado da palestra e eu os
verei na próxima.
8. Projeto de classe: Está na hora do seu projeto de
aula. Então, em uma das palestras
anteriores aprendemos sobre interações de
cores. Você pode ver aqui. Então, basicamente, você tem que fazer a mesma coisa
aqui neste projeto. Basicamente, eu escrevi as etapas aqui também. O primeiro passo é não
carregar uma paleta de cores. Eu já baixei
bem para você de coolers, você mesmo pode baixar um
e usá-lo aqui. Em seguida, o passo número dois é
verificado as interações polares, como eu fiz aqui, e então eu fiz para
este também. Esqueci de salvá-lo. Então, basicamente, você precisa verificar as interações
de cores aqui também. Então eu recomendaria que
você os criasse também. Eu não adicionei isso
como uma etapa separada. Então, basicamente, como eu
fiz aqui, você precisa verificar suas interações de cores
usando este exemplo também. Depois disso, você
fará a terceira etapa, que é testar a história,
o teste da escala de cinza. Você copiará tudo isso, selecionará e copiará
aqui usando Alt. E você tem que
testá-lo aqui. A propósito, pode haver algumas pessoas que não
conhecem o Illustrator. Então você pode simplesmente
recriar tudo isso
no programa de sua escolha e fazer o exercício lá. E por último, que
é a etapa bônus, você tem que usar suas
cores em nosso design. Então poderia ser tão simples quanto
o que eu fiz aqui. Ou você pode fazer
algo complicado. Certifique-se de enviar seus projetos na
seção de projetos no Skillshare. Mal posso esperar para ver todos os seus designs e todos
os seus projetos. Mas espero que vocês se divirtam muito
fazendo esse projeto. E espero
vê-lo no vídeo final.
9. O que vem a seguir?: Parabéns, você
chegou ao final do curso. E também não era tão
grande, certo? Mas os conceitos que você
aprendeu são realmente importantes. E espero que você tenha um
bom conhecimento das cores. Agora, se você fizer algum design
usando esses conceitos, não se esqueça de compartilhá-los
na seção de discussão, eu adoraria
conferir seu trabalho. E se você entrar no certificado para concluir este curso, envie-me um e-mail para
Teilhard payload digital.com. E lembre-se, você só receberá o certificado se tiver
concluído o projeto da turma. Uma pequena isenção de responsabilidade, não será um certificado oficial
da Skillshare. Será da minha marca
pessoal. Em seguida, estou
assumindo que você fez este curso, já que
você já é um designer, eu também tenho outros cursos que podem ser realmente
úteis para você. Como eu fiz recentemente um curso sobre princípios de design gráfico, que realmente andam de mãos
dadas com a teoria das cores. Também tenho cursos para iniciantes e avançados no
Photoshop e no Illustrator. Se essa é a sua xícara de chá, você pode
conferir no meu perfil. Então, uma última coisa
antes de terminarmos isso. Basicamente, há
uma seção de revisão com este curso
aqui no Skillshare. Portanto, seja qual for o feedback que
você tenha,
bom ou ruim, leia-o por
lá porque realmente me ajuda a
fazer cursos melhores. Então eu acho que isso é Tchau por enquanto. Espero que você tenha se
divertido muito aprendendo e espero vê-lo em
outro dos meus cursos.
Talha Bhatti, Graphic Design Instructor
