Teoria de desenho gráfico: teoria das cores

1. Introdução à teoria de cores no design: em todos os lugares que olhamos, vemos cor. É uma parte importante da vida e também desempenha um papel importante no design. As cores podem nos ajudar a decidir que comida podemos comer. Pode alertar-nos do perigo, e também nos ajuda a fazer escolhas ao longo do nosso dia. Compreensão, cor e a maneira como vemos a cor irá ajudá-lo a se tornar um designer melhor no artista. Então, o que é exatamente a cor? É propriedade do que vemos quando interagimos com luz e outros objetos. Em sua forma mais simples, luz atinge um objeto e é absorvida ou refletida de volta em nossos olhos. luz viaja de maneiras, e quando os diferentes lagos de onda alcançam os cones de nossos olhos, veja o que chamamos de cor para as formas de luz refletida do objeto. A maior fonte de luz em nosso sistema solar é, naturalmente, o sol em meio à luz branca pura. Na verdade, não é branco. É uma combinação de todos os diferentes comprimentos de onda combinados. Quando todos os comprimentos de onda combinados e refletem de volta em nossos olhos, vemos o que chamamos de cor branca. Cada cor como conhecemos é, na verdade, apenas um comprimento de onda diferente. Vermelho tem o comprimento de onda mais longo com uma pequena frequência. Laranja tem um comprimento de onda mais curto do que o vermelho. Amarelo é mais curto que laranja, depois verde ciência azul e violeta. Violet tem a maior frequência com o menor comprimento de onda. Uma vez que o comprimento de onda fica mais curto que o violeta, obtemos ultravioleta e não é mais percebido naturalmente pelo olho humano. A luz branca é uma combinação de todos esses comprimentos de onda, somando à medida que a luz viaja do sol, atinge objetos diferentes, e essas ligações de onda podem ser absorvidas nesse objeto ou refletidas de volta aos nossos olhos . À medida que a luz é absorvida e refletida, começamos a ver cores diferentes. Tome como exemplo uma imagem de uma maçã vermelha. A maçã, em essência, não é realmente vermelha. A maçã é apenas um objeto que absorve todas as cores, menos vermelho. E essa luz vermelha é refletida de volta para nós, e nós interpretamos isso como a cor vermelha. Isso vale para todas as outras cores no espectro de cores. Verde é todas as cores, exceto verde refletido de volta para nós. O mesmo vale para laranja, azul, violeta e assim por diante. Quando vemos algo branco, é porque o objeto não está absorvendo nenhum dos comprimentos de onda, e todos eles estão sendo refletidos de volta para nós. E aqui está um segredinho. Preto não é realmente uma cor. Vemos preto quando todos os comprimentos de onda de luz são totalmente absorvidos pelo objeto. Preto é apenas a ausência de cor. No entanto, no design, precisamos de uma maneira de descrever isso, então nós apenas rotulá-lo como uma cor preta. Então, como isso ajuda? Como designer? Ao compreender os princípios básicos da luz e da cor, você terá uma base melhor da maneira como a cor funciona em diferentes meios, seja através de imagens digitais, através de impressões ou através de qualquer outro meio de artistas disponíveis. Como a cor é tão importante para nossa vida cotidiana, é muito importante entender o básico de como a cor funciona, como ela pode ser misturada ou manipulada e como você pode aplicá-la ao seu trabalho. As cores podem expressar humor ou movimento. Eles podem ajudar a chamar a atenção para o que você deseja que o espectador veja. Eles podem fornecer informações para o espectador. No design em si, escolher as cores certas pode ajudar a expressar seu ponto, e escolher as cores erradas pode afastar o espectador. E, em alguns casos, até ofender culturas diferentes. Você aprenderá tudo sobre significados de cores, emparelhamento de cores e escolha das cores certas. Mas primeiro, vamos começar com as propriedades básicas de cor e design. Na próxima palestra, você aprenderá a terminologia básica de diferentes propriedades de cores e começará a construir uma estrutura de trabalho com cores. 2. Observando o mundo por a cor: Olhe através destes óculos. O que você vê? Que cor você vê? É vermelho, rosa rosa corado fúcsia, melancia. À medida que vemos o mundo à nossa volta, interpretamos uma infinidade de cores diferentes. Existem as cores primárias de vermelho, verde, azul, amarelo, violeta e assim por diante. Mas cada cor tem muitas, muitas variações dessa cor principal com base em suas propriedades. Como como é claro ou escuro, ou quão intenso ou saturado é. Podemos obter um espectro completo de todos os tipos de cores. Geralmente, damos a cada uma dessas variações um nome como rosa ou fúcsia. No design. Cada propriedade de cor também recebe um nome, e essas propriedades se tornam ajustáveis em uma base individual. Ao fazer isso, você tem controle total sobre todas as cores que podemos ver visivelmente. Esta lição irá analisar todos os termos comuns usados para descrever as propriedades da cor. Quando começar a trabalhar em programas como o Adobe Photo Shop ou o Adobe Illustrator, você poderá alterar essas propriedades individuais. Vamos começar primeiro com você. HEU, na sua forma mais simples, é o que chamamos de cor. A tonalidade é a onda de luz refletida que vemos em nossos olhos e nomear uma cor azul, amarelo, verde, vermelho e assim por diante no design e depois imprimir. Uma tonalidade é descrita como uma cor sem valores adicionados a ela. Essa é a cor em sua forma pura, sem nenhum extra branco, preto ou pastagem adicionado a essa cor. Embora nós pensamos em termos de cores primárias como azul, vermelho, amarelo, verde e violeta, existem na verdade centenas de Hughes individuais para escolher Ao trabalhar em design. Hugh é a primeira propriedade de uma tonalidade, valor de saturação HSV ou matiz saturação brilho roda cor H sl. Isso significa que nestas rodas de cor, os Hewes selecionados para sua cor e, em seguida, o valor de saturação, ou leveza Hugh é como nomear a cor real de um pano é um pano azul, vermelho, verde ou outra tonalidade. A segunda propriedade em um HSV, ou a cor H sl vontade é saturação de saturação, e a cor descreve a intensidade de uma cor e quão bem essa cor é refletida Voltar para nós. As cores podem ser altamente saturadas, mostrando a forma mais pura de que é você ou pode ser de saturação até chegar a um ponto de ter tons de cinza, e você não vê mais uma cor. Você pode pensar em saturação como o casamento no Iraque. Um pano seco pode parecer dole, enquanto um pano molhado ou um pano saturado pode ser vibrante e colorido. Quanto mais a cor estiver saturada, mais intensa essa cor aparece. As duas propriedades finais da roda de cores, dependendo do modelo que você estiver usando, HSV ou H.S. H.S. L descreve como a cor clara ou escura é. Eles são um pouco diferentes, então vamos começar com V da cor H S V. Will, que significa valor de valor, descreve a leveza e escuridão de uma cor na impressão ou na pintura. Isso é controlado usando mawr menos pretos, brancos ou pastar em sua cor. Os mesmos efeitos podem ser aplicados em mídia digital para fornecer diferentes valores de cor. Quando o branco é adicionado a uma cor, diz-se ser uma tenda e tornar as cores mais claras. Quando o preto é adicionado a uma cor, você obtém um tom dessa cor, e quando o cinza é adicionado, você tem tons diferentes dessa cor. Às vezes, você ouvirá as cores se referirem em sua faixa de tons, que é a faixa de cinza do preto ao branco e tudo o mais entre eles. Quatro. Uma cor específica. A cor de matiz, valor de saturação modelará é uma ótima maneira de escolher cores e ajustar suas propriedades de cor para que você tenha flexibilidade e escolha a cor exata que deseja. Outros modelos de valor comum serão a tonalidade, saturação, brilho e enormes modelos de brilho de saturação. Brilho define quanta luz e objeto está realmente omitindo, e luminosidade define como luz ou escuro o valor é comparado a outros objetos semelhantes. Se um objeto tiver um alto brilho , ele emite uma maior concentração de luz. E um baixo brilho significa que é mais escuro na natureza porque não admite tanta luz. A leveza ou escuridão da cor refere-se a quão alto ou pouco esses valores são novamente. Cada uma dessas propriedades Confia, Justin e praticamente qualquer software de design gráfico que você pode identificar exatamente a cor que você está indo para. Neste exemplo, você pode ver como uma cor pode produzir uma ampla gama de cores diferentes ajustando suas propriedades. Ao alterar a tonalidade do resto dessas propriedades, você obtém um monte de cores para escolher A última coisa que eu quero mencionar neste vídeo é contraste. Contraste é a diferença, e Hughes saturação e valores ou cores de brilho que têm um contraste maior. Propriedade significa que essa propriedade está mais longe um do outro. Tomemos, por exemplo, essas duas cores que têm um contraste maior em seus Hughes do que essas duas cores. Ou veja o contraste nos valores de saturação dessas duas cores versus essas duas cores. Aqui. O contraste está em seus valores, onde esses dois valores de cor são maiores separados do que esses dois. Fornecer alto contraste em um design pode ajudar a destacar os elementos. Estamos dando um baixo contraste pode ajudar os elementos a se misturarem mais. Um dos maiores erros que vejo e desenho de forma constante é quando um baixo contraste é usado para design que precisa desesperadamente de um alto contraste. Neste exemplo, o texto é muito difícil de ver. Mesmo que as cores sejam diferentes, os intervalos de valor e saturação são idênticos, criando pouco contraste e fazendo a mesclagem de texto no plano de fundo. Um truque que você pode fazer ao projetar é transformar sua imagem em uma imagem em tons de cinza. Se você fizer isso no texto se torna ilegível, é porque não há valores de contraste e precisa ser ajustado Aumentando o contraste e a saturação ou intervalos de valores, você pode destacar seu ponto focal. Às vezes, você pode querer menos contraste para escolha estilística, mas tenha isso em mente ao projetar. Como as informações mais importantes geralmente precisam de um contraste maior para retransmitir as informações e torná-las mais fáceis para o espectador Enganar. Estes são os termos mais comuns para definir cor e design, e assim você vai querer se familiarizar com eles enquanto você começa a usar e experimentar cores em seu trabalho. 3. Mixagem e sistemas: agora que você tem uma compreensão básica de como a cor funciona nos termos que usamos para descrever cor, a cor, vamos ver como a cor se comporta nas misturas para criar uma variedade de tons diferentes. Pense em quando você era criança. Alguma vez chegou a colorir com tintas? Na escola, fomos ensinados que misturando diferentes tintas de cores juntas, você pode obter outras cores. Misture vermelho e amarelo para obter laranja. Misture azul e amarelo para ficar verde. Misture vermelho e azul para ficar roxo e, em seguida, misturá-los todos juntos para obter algum tipo de cor lamacenta que talvez se assemelhe a um marrom. Embora esta seja uma ótima maneira de pensar sobre a maneira como a mistura de cores funciona, não é como ela funciona quando começamos a falar sobre design digital ou projetado para mídia impressa , você sabe agora que a luz que vem do sol contém todos os dos comprimentos de onda. Quatro cores e vemos cor. Quando essa luz absorve em um objeto e salta certos comprimentos de onda de volta para nós, porém, vemos um espectro completo de cores de vermelho, laranja e amarelo para verde, azul e violeta. Nossos olhos e nossos cérebros realmente processam a informação um pouco diferente. Olhos constituídos por três cones distintos que processam comprimentos de onda curtos, médios e longos. Formular as cores que vemos sem entrar em muita informação sobre este processo. Especificamente, tenha em mente que um vermelho verde azul para RG ser modelo de cores O que é criado para hackear a maneira que normalmente vemos a cor usando a maneira de três cores do é capaz de enganar o cérebro para ver todas as cores que gostaríamos . Então, como é que isto funciona? Luzes dessas três cores podem ser misturadas para produzir todas as variações de cor. Embora o sol seja a luz mais brilhante em nosso sistema solar, também podemos usar outras luzes como lanternas ou led é para produzir luz de cor. No exemplo a seguir, pense nas cores que estão sendo usadas como feixes de luz colorida. Vamos começar com a luz azul que a cor azul luz é mostrada aqui. Todas as outras cores estão sendo absorvidas, e a luz azul está refletindo de volta em seu olho e está sendo estimulada pelo cone para produzir informações de cor em seu cérebro. Além disso, lembre-se que onde quer que você veja preto, isso é a ausência de cor, não uma cor em si, mesmo que chamemos preto para dar-lhe um rótulo. Agora vamos adicionar uma luz vermelha novamente. Essa luz vermelha é apenas o comprimento de onda de cor que seus olhos captam. O que acontece quando misturarmos estes dois? Como você pode ver, as luzes azuis e vermelhas combinadas para criar uma cor magenta, seu cérebro está interpretando esses comprimentos de onda azul e vermelho para preencher as informações e realmente criar essa terceira cor thes color. Luzes são capazes de enganar o cérebro para pensar que vendo uma cor magenta por causa dos cones em seus olhos, reagindo ao azul e vermelho, isso se torna um pai quando várias luzes de pontos vermelhos e azuis são colocadas lado a lado. Não há cor magenta, e essas cores não são sobrepostas umas sobre as outras. No entanto, vemos magenta quando diminuímos por causa da maneira como nossos olhos e nossos cérebros estão se comportando. É exatamente assim que as telas de computador funcionam, embora você veja um monte de cores na tela do seu computador, ele é realmente feito apenas de luzes vermelhas, azuis e verdes. Não acredite em mim. Pegue uma lupa e segure-a para o monitor. Muito selvagem, certo? Vamos dar uma olhada nas outras cores. Usando este modelo RGB, sabemos que azul e vermelho criam magenta. Se adicionarmos verde, podemos ver que o verde e o azul fazem a ciência em vermelho e verde. Na verdade, fazer amarelo adicionando diferentes níveis de vermelho, verde e azul. Você pode recriar todas as cores no espectro de cores, e aqui temos uma roda de cores RGB completa com suas cores correspondentes. Já que estamos falando de luz, você também sabe que onde quer que não haja cor sendo refletida, ficamos pretos. E onde todas as cores se misturam e refletem juntas, ficamos brancos. Isso é chamado de um sistema de cores aditivas porque as cores são baseadas em luzes sendo adicionadas juntas para criar todas as cores. A cor aditiva é ótima para qualquer coisa que use luz, como monitores de computador, tablets, televisores, painéis de LED e assim por diante. Compreendendo o RGB, um modelo de cores aditivas irá ajudá-lo ao selecionar e modificar cores, porque agora você sabe exatamente como ele está funcionando. E as coisas que não usam luz como mídia impressa? Bem, você já trocou a tinta de uma impressora antes? Observe que ele não está usando o sistema vermelho verde azul. Está usando as cores opostas da ciência magenta e amarelo ou C M. Y. Isso é porque isso é o que é chamado de sistema de cores subtraído. A subtraição do sistema de cores funciona por cores sendo absorvidas no objeto ou substrato. Para facilitar, vamos usar o exemplo de impressão de uma impressora em um pedaço de papel branco. Quando o cartucho científico coloca pigmento no papel, a cor vermelha está sendo absorvida no azul e verde. As cores estão sendo refletidas. As cores azul e verde se misturam, e em surgem, vemos um suspiro na cor. Devido à subtração da cor vermelha, obtemos o nome do modelo de cores subtraídas. Se você olhar para as cores em frente ao mar e cores brancas na roda de cores, você pode facilmente descobrir quais cores estão sendo absorvidas. Magenta reflete vermelho e azul, então o verde é absorvido. O amarelo reflete vermelho e verde, então o azul é absorvido. Então, e as outras cores? Ao misturar ciência, magenta e amarelo, você pode fazer com que todas as outras cores absorvam e reflitam apenas as cores que você gostaria . Você sabe que a ciência absorve vermelho em magenta, absorve verde colocando ciano e magenta juntos, vermelho e verde são absorvidos, e tão azul é a cor Onley refletida de volta. Isso significa que magenta e amarelo absorverão verde e azul, refletindo vermelho e ciência e amarelo absorverão vermelho e azul, refletindo verde misturando as cores subtraídas. Juntos, você pode obter todo o espectro de todas as cores disponíveis. No entanto, misturar todas as cores não produzem uma boa aparência preta como mistura de cores de como faz um bom olhar branco. Em vez disso, você obtém uma cor lamacenta ao misturar esses pigmentos. Para compensar isso, 1/4 de cor preta é adicionada para escurecer e tonificar a imagem. Este é o lugar onde você costuma ouvir de C M y que no K significa chave ou o pigmento preto. Depois de entender a maneira como esses dois modelos de cores funcionam o aditivo e subtrair os modelos de cores, você pode começar a usá-los em sua vantagem 4. Cor para mídia digital e de impressão: nesta lição, vamos analisar como você pode usar cores, se você está projetando para mídia digital ou para mídia impressa. Embora sejam muito parecidos, eles têm algumas diferenças que eu gostaria de mostrar a vocês. Primeiro, vamos dar uma olhada no uso de cores em uma mídia digital. Como você sabe, até agora cores criadas em um computador mostrando diferentes quantidades de luzes vermelhas, verdes e azuis que enganam sua mente para ver todas as cores disponíveis. Luzes do combinado em um referem-se como pixels. Podemos rotular a resolução de uma tela ou monitor por suas dimensões de pixel. Então, por exemplo, imagine que você tinha um dispositivo muito pequeno de apenas 10 pixels de largura e 10 pixels. Falar. Nós chamaríamos as dimensões de pixel de 10 por 10 e haveria um total de 100 pixels em um pequeno dispositivo. Isso ficaria ótimo, mas em um dispositivo maior, você começa a ver fotos. Ocorre exaltação, portanto, para ter uma imagem mais suave no mesmo tamanho, precisamos aumentar a contagem de pixels. Se tivermos uma imagem de 100 por 100 pixels, torna-se mais suave no mesmo tamanho em 1000 por 1000 até parece mais suave. Ainda assim, maioria dos dispositivos de alta definição, como monitores de computador e televisores hoje em dia estão começando a ser classificados em 1920 por 1000 e 80 pixels. Isso significa que há 1920 pixels horizontalmente, 1000 e 80 pixels verticalmente e um total de 2.073.600 pixels. Isso dá muita definição de pixel à nossa imagem e um visual muito mais suave. Ele também cria um tamanho de arquivo maior, por isso é importante saber que quanto mais pixels você começar a adicionar, mais espaço ele ocupará em seu computador. Estamos começando a nos aventurar em duas resoluções K e quatro K onde as dimensões de pixel, ou 2000 e 4000 pixels de diâmetro, respectivamente. Embora seja ótimo trabalhar com detalhes tão altos, ele também contribui para um tamanho de arquivo maior. Se você estiver trabalhando em, digamos, Web design, tamanho de arquivo grande geralmente não é seu amigo. Enquanto a resolução nos diz as dimensões de pixel de uma imagem, também podemos saber a densidade de pixels e o que chamamos de PP I ou pixels por polegada. Você também pode ouvir falar de pixels por centímetro se estiver trabalhando em métrica. Este é o número usado para dizer quão densamente compactados os pixels são para um determinado tamanho, como polegadas. Lembra-se dos nossos 10? Por 10 exemplo, essa imagem tinha uma polegada em ambas as direções. Diria que tem uma densidade de 10 p. I. I. Se essa imagem fosse de duas polegadas, então teria cinco pp. I densidade quanto mais pixels por polegada você tem para a sua imagem, mais suave será a imagem devido à densidade dos pixels. 1920 por 10 80 parece ótimo em um smartphone porque os pixels são compactados em um espaço menor e fornece uma imagem mais alta de aparência de resolução. Onde é 1920 por 10 80 pode começar a parecer pixelado em uma tela maior, e uma resolução mais alta precisa ser usada quando você começa a trabalhar com cores. Você deve manter essas informações em mente porque a quantidade de pixels determinará a quantidade de cores disponíveis que você pode usar. Se você estiver trabalhando em uma resolução menor, você tem um limite de opções de cor disponíveis para você. À medida que uma resolução aumenta, você pode mesclar uma infinidade de cores para obter a imagem. Também é exatamente assim que a mídia impressa funciona em Lee. É geralmente chamado DP i ou pontos por polegada. Isso significa quantos pontos de pigmento serão colocados por polegada para a sua imagem. Normalmente, você vai querer ter uma imagem muito suave para impressão, e o tamanho do arquivo não é um fator tão grande. Nesse caso, você usará uma resolução mais alta, como 300 pontos por polegada ou mais. Isso garante que você tem um monte de pixels por polegada de seu design e obter a imagem da melhor qualidade possível. Por outro lado, você geralmente quer o menor tamanho de arquivo disponível sem sacrificar a qualidade. Quando você faz o trabalho de Web design, isso é porque os sites têm que processar as informações e quanto menor o tamanho sujo, mais rápido o site pode carregar. A resolução de imagem típica para o trabalho de design da Web é de 72 pontos por polegada ou pixels por polegada, embora esse número possa ser alterado para atender às suas necessidades. A propriedade final que você vai querer olhar é um pouco de profundidade. Morte refere-se à quantidade de cores que podem ser armazenadas em qualquer imagem dada em uma imagem um lance significa que você só receberá duas cores preto e branco. Dois pedaços. Dá-lhe quatro cores. Três bits dá-te uma cor. Quatro bits dá-lhe 16 cores e para cima. Normalmente, você usará 8 16 ou 32 bits profundidades um pouco. Morte é 256 cores e bom para o trabalho de Web design. 16 bits Death é 65.536 cores e ótimo para trabalhos de impressão. Morte de 32 bits é 16.777.215 cores e seria ótimo para grandes impressões. Embora esses tamanhos sujos possam ficar realmente grandes, tenha em mente que cada mordida é para cada canal. Então, com um pouco de dívida de oito, há 256 cores para cinza, 256 para vermelho, 256 para verde em 256 para azul. Isso vai dá mais de 16 milhões de valores de cor possíveis e mais do que suficiente para a maioria das imagens 5. Seleções e métodos: você deve ter o conhecimento básico de como a cor, luz e os pixels atuam tanto na impressão quanto no design. Mas como você escolhe a cor certa? Aqui é onde a diversão realmente começa, e neste vídeo vou mostrar-lhe alguns métodos populares para selecionar cores, como você pode trabalhar com tons de duo e o que grandes mapas são se você pensar em cor como um pixel de valores RGB para dar-lhe um certo Hugh do que qualquer pixel único pode ser selecionado na informação de cor dada. Normalmente, isso é feito com o que é conhecido como uma ferramenta de seleção de cores ou ferramenta de conta-gotas, e o objetivo dessa ferramenta é extrair informações de cores de qualquer cor em sua tela selecionando cores com uma ferramenta de seleção de cores. Nesta imagem, você pode ver os valores da cor que você escolheu mudar. A amostragem de qualquer cor com este tipo de ferramenta permite que você descubra o valor RGB. Vê-lo como um valor L. A. B valor cor irá valor, como um valor HSB e até mesmo seu valor decimal Hexi. O hexi decimal, ou códigos de cor hexi, são três valores decimais Hexi mordida que ajudam na seleção de cores para coisas como Web design . Eles são RGB em cada luta ou duas. Valores de 00 a F representam um valor RGB individual que fornece um código de seis dígitos que pode ser inserido em HTML para ajustar as cores de HTM típico oh propriedades como texto ou cores de fundo. E usando ferramentas de seleção de cores, você tem acesso ao código de cor exato para a cor que você precisa. Muitos programas de design têm esse tipo de habilidades de seleção de cores. Mesmo uma ferramenta de busca por seletor de cores no Google fornece um seletor de cores básico que mostra valores RGB e hexadecimais. Você pode alterar a tonalidade na parte inferior. Você pode ajustar a saturação movendo-se horizontalmente para dentro. Você pode ajustar o valor movendo-se verticalmente. Se você clicar na caixa suspensa, você verá que também lhe dá outros valores como HSV hs L e C M y que. Como você ajusta as cores. Os valores RGB e hexadecimal são exibidos à esquerda em uma parte traseira colorida conhecida como cor de amostra. Amostras são amostras de cor, e você provavelmente já viu isso antes. Se você já teve que escolher uma cor de tinta de sua loja de ferragens local. Essas são amostras de cores, e os designers também usam amostras de cores e programas para ajudar a escolher cores. Olhe para as cores, e você pode até mesmo salvar suas amostras para mais tarde. Use uma das minhas ferramentas de seleção de cores favoritas para usar sua cor adobe. Se você for para colorir dot adobe dot com, você será apresentado com uma ferramenta de seleção de cores que tem um pouco mais de capacidade. Com essa ferramenta, você pode selecionar cores com base na roda de cores antes de mover controles deslizantes sob cada uma das propriedades de cor para ajustar sua seleção. Com tudo definido como zero, você pode ver os valores individuais C M Y Que Os valores RGB individuais os valores L A B nos valores H S B. Na parte inferior está o valor hexadecimal que você pode copiar e colar em qualquer programa, design ou código que você precisa dele. Outro benefício deste aplicativo é que ele permite pré-selecionar harmonias de cores baseadas em princípios padrão de design de cores. Mais tarde, você aprenderá mais sobre essas harmonias de cores, mas tenha em mente que, com esta ferramenta, você pode selecionar facilmente cores, elas são análogas, monocromáticas. Experimente compostos complementares do sótão ou por tons. Quando você começar a selecionar cores com esta ferramenta, você verá que ela oferece cinco amostras de cores que você pode ajustar com uma seleção de harmonia de cores ou personalizando suas próprias cores. Ao fazer isso, você está criando o que é chamado de paleta de cores. Esta é uma variedade de amostras de cores juntas biqueira facilmente referência. Quando você começa a projetar neste comum através da pintura, Web design, design logotipo, design interiores e muitas outras indústrias, você também pode pré-criar paletas de cores a partir de imagens e imagens. Isso significa que se você vir uma fotografia ou design e você realmente gosta da cor sendo representada nela, você pode selecionar automaticamente essas cores diretamente a partir desta ferramenta, eu vou mostrar-lhe um exemplo de como fazer apenas o primeiro clique importar imagem, Em seguida, selecione a imagem que você gostaria. Agora, mova os círculos de amostra para identificar as cores exatas que você gosta da imagem. Você também pode selecionar humores com base em cores coloridas , cores brilhantes cores silenciadas, cores profundas em cores escuras quando você tiver as cores selecionadas na paleta desejada. Você pode clicar em Salvar tema de cor para exportar a paleta de cores para a Adobe CC para uso em seus programas, como Photo Shop e Illustrator. Ou você pode clicar na guia roda de cores para ver os valores individuais das cores que você selecionou para inspiração. Você pode percorrer fotos e designs, selecionando cores e adicionando-as a paletas de cores para usar mais tarde. Ao anexá-los à imagem original, você pode criar quadros de humor e rotulá-los como você achar adequado para inspiração mais tarde no futuro. Uma pesquisa rápida online e você pode encontrar milhares de quadros de humor já criados para você usar e obter inspiração. Se você precisar disso outra vez que você pode trabalhar com cores especiais, amostras e paletes é quando você está fazendo referência ao sistema de correspondência Pantone. Este é um conjunto padronizado de cores localizados on-line e em livros que indústrias e designers usam para garantir que o cliente está recebendo a combinação perfeita de cores cada vez que você pode encontrar mais informações em seu site. Mas tenha em mente que programas como o Adobe Photoshopped têm a capacidade de importar cores Pantone para a biblioteca de amostras para que, se você quiser usar uma cor Pantone específica, você a tenha disponível para você. Um exemplo de uso de cores Pantone é quando você precisa imprimir tintas coloridas específicas para impressões de produção, como serigrafia. Isso é muitas vezes feito com tons de duo, o termo comum quando se refere ao príncipe multi-tom com 123 ou quatro tintas. Usando monotonias, tons duo, experimente tons e tons quádruplos. Você pode obter impressões coloridas muito específicas com as tintas que você escolher, até mesmo sua reclamação de impressora jato de tinta em casa. Bonito olhando impressões separadas Usando tons duo, este processo é facilmente feito e programas como Adobe Photoshopped. A imagem deve primeiro ser transformada em escala de cinza, que descarta todas as informações de cores, e Onley deixa o preto através dos valores brancos da imagem. Isso é considerado uma imagem monótona ou seu tom com apenas um canal de cores. - Preto. Ao selecionar a opção de tom duo e loja de fotos, você pode ver que ele está selecionado para monotone atualmente e deu uma única cor preta forte gama tonal. Esta cor pode ser alterada. Agora ele está recebendo uma cor vermelha forte alcance tonal, permitindo que você veja a cor vermelha em qualquer destaque a partir da leveza da imagem. Se você clicar na amostra de cores e escolher bibliotecas de cores, você terá acesso a todas as diferentes bibliotecas de cores, incluindo o sistema de correspondência Pantone. Alterar a lista suspensa para fazer um tom permite que você crie uma cor secundária, e agora você pode ver como ela se enche com o vermelho. Por suas faixas tonais. Você pode criar monotonias, tons duo, experimentar tons e tons quádruplos. Aqui também há uma caixa suspensa predefinida. Quando uma cor é selecionada aqui, você pode ver que ela aplica as cores e curvas predefinidas, juntamente com uma cor de correspondência Pantone para impressão. O mesmo efeito pode ser aplicado a uma imagem colorida para alguns grandes efeitos de coloração de tom duo moderno com um Grady. Um mapa no Photoshopped, um Grady INT, é basicamente uma mistura de cores e padrões diferentes que você seleciona e você os usará com freqüência e todos os tipos de design e arte na Loja de Fotos do Painel de Camadas. Clique para adicionar uma camada de ajuste e clique em Grady, é mapa. Isso analisará todos os valores de tons preto e branco e aplicará o ótimo mapa a esses valores. Neste exemplo, um roxo escuro é aplicado a todas as regiões mais escuras da imagem e uma laranja brilhante é aplicada a todas as áreas mais claras da imagem. Ao ajustar o Grady com o mapa de ingredientes, você pode obter alguns efeitos de tom de duo impressionantes. Esperemos que isso lhe dê uma compreensão sólida de amostras de cores, paletes, tons de duo, ingredientes. Estes são os blocos de construção essenciais para trabalhar com cores e nossos termos frequentemente encontrados em todos os tipos de software e indústrias. Ao saber o que cada um deles é, você vai construir sua confiança como designer e pode começar a experimentar com harmonias de cores na teoria de cores, que vamos olhar em seguida. 6. Harmonias e significados: como a cor funciona no mundo real e em mídias digitais é algo que eu amo ensinar aos outros para que você possa começar a grama como usar a cor para sua vantagem. Mas nada me traz mais alegria do que falar sobre como a cor afeta as pessoas. Os seres humanos e as cores têm um relacionamento profundo e sempre me surpreende ao pensar sobre como reagimos à cor e o forte impacto que ela pode ter em nós. Quando você olha para esta imagem, como você se sente notando que eu não disse, o que você vê? Eu disse, como você se sente? Isso ocorre porque a cor pode mudar psicologicamente nossa percepção do mundo ao nosso redor. cor pode nos fazer sentir felizes ou tristes, assustados ou otimistas, famintos, alertas e muito mais à medida que evoluímos ao longo dos anos, temos associando certas cores à forma como reagimos ao que está acontecendo ao nosso redor momento da visualização dessas cores. Dê uma olhada nesses vegetais, verdes brilhantes, vermelhos, laranjas e amarelos. À medida que os comemos ao longo de nossas gerações, começamos a associar essas cores com alimentos e um sentimento ainda mais profundo, uma satisfação da nossa fome consumindo uma forragem verde ou planta vermelha. Não é coincidência que as principais cadeias alimentares em todo o mundo usem essas mesmas cores, e suas cores de marca podem ter significados muito específicos. E esses significados podem até mudar. Baseado na cultura com a qual você está interagindo. É importante conhecer diferentes cores e seus significados. Então vamos dar uma olhada em alguns dos mais comuns. Tenha em mente que esta não é uma lista extensa, então eu encorajo você a fazer mais pesquisas sobre diferentes cores e culturas diferentes e o que eles podem encontrar. Vermelho é associado ID com energia para alertar você e por amor. Laranja está associada à excitação, arte e comida. Amarelo está associado à felicidade, estimulação em para chamar a atenção. O verde está associado à calma da saúde na terra. Blue está associado à confiança, lealdade e segurança. Roxo está associado à riqueza. orgulho no luxo marrom está associado à confiabilidade, honestidade e produtos naturais. O cinza está associado à neutralidade, comunicação e compostura. O preto está associado ao poder, disciplina e elegância. Por que está associado à pureza, limpeza e luz? Ao saber como as cores são representadas e até mesmo combinando cores, você pode relacionar uma mensagem específica ao seu público apenas usando cores. Às vezes você vai ouvir de cores como sendo quente e fresco. Isso também vem da estimulação psicológica e fisiológica. É fácil pensar em cores quentes como vermelho, laranja e amarelo. Fazer você pensar em fogo e calor. Cores frias como verdes, azuis e violetas são geralmente associadas a sentimentos de ser frio ou frio. Usando cores semelhantes de quente e fresco juntos em seu design pode criar uma aparência uniforme de cores que vão bem entre si. Isso é chamado de harmonia de cores porque há um bom equilíbrio das cores que estão sendo escolhidas. Existem muitas harmonias de cores diferentes que são baseadas na roda de cores. Saber as diferentes harmonias de cores pode realmente ajudá-lo a selecionar algumas paletas de cores bonitas Sempre que você estiver se sentindo preso ou não sabe como escolher a cor certa selecionando aleatoriamente uma cor ou escolhendo uma cor inicial definitiva, você pode vir acima com todos os tipos de belas harmonias de cores. Esta é uma harmonia de cores monocromática que significa que a paleta de cores terá diferentes tendas em tons de uma única cor. Como você pode ver, todas as cores caem dentro da mesma cor na roda de cores. Aqui está um exemplo de uma imagem que usa cores monocromáticas. Este exemplo é uma harmonia de cores análoga. Neste padrão, as cores da paleta de cores são diferentes matizes próximas à cor principal na roda de cores . Isso adiciona mais variedade a uma imagem do que um padrão de cores monocromáticas e é comumente encontrado quando se refere a paletas de cores quentes e frias. Aqui está um exemplo de uma imagem que está usando cores análogas. Este exemplo é composto de cores complementares. Estas cores de ar diretamente em frente à cor principal ou 180 graus na roda de cores da fonte. Por algum motivo, essas cores funcionam muito bem. Juntos. Eles se complementam e são ótimos para uso e todos os tipos de projetos. Aqui está um exemplo de uma imagem que está usando cores complementares. Este exemplo é uma tríade de cores. Aqui. Três cores são uniformemente espaçados em toda a cor vontade, resultando em uma boa tentativa. Harmonia do sótão Aqui está um exemplo de uma imagem usando Testar cores. Se você aprender os diferentes significados das cores e como elas desempenham um papel em nossas vidas cotidianas , então você pode usar esse conhecimento em sua vantagem ao criar seus designs. cor é muito importante no processo de design, então certifique-se de que você está tomando tempo para pensar sobre a cor e, acima de tudo, aproveite experimentar com ela. 7. Como criar um moodboard com o Canva: Neste vídeo, eu vou te ensinar como criar um quadro de humor. Agora, um quadro de humor é basicamente apenas paletas de cores que você coloca com uma imagem, tipicamente com uma fotografia ou um design que você tem, e você tira cores dessa imagem e cria uma placa a partir dela. Isso é chamado de quadro de humor, e eles são ótimos para um monte de coisas. Mas geralmente, o que eles são ótimos é quando você vê um design ou fotografia que está usando algumas cores realmente incríveis, você pode salvá-lo para uso posterior. É bom para inspiração. É bom para escolher cores, e isso pode ser usado em todos os tipos de diferentes meios de design. Pode ser para gráficos de mídia social. Poderia ser para design de logotipo Web design. Você pode até usar isso para outras coisas, como design de interiores, por isso é uma ferramenta muito legal e útil. Eles são ótimos para fazer. Eu recomendo que você tente fazer alguns deles porque você vai começar a entender algumas coisas sobre cor e a maneira como essa cor funciona ao nosso redor. Então vamos em frente e dar uma olhada que agora primeiro, eu vou mostrar o básico de um quadro de humor, e eu posso fazer isso com um pedaço de software chamado Can Va Now Canada é livre. É um aplicativo gratuito que você pode usar on-line para criar gráficos de mídia social. Eu uso muito. Eu ensino isso, e eu realmente gosto do software. Eu acredito que você deveria verificar. E se você vai para o Google e você digitar no gerador de paleta de cores, ele irá trazê-lo para este site aqui. Agora isso é separado do software, mas basicamente isso nos permite extrair cores de uma fotografia. Então eu vou ir em frente e clicar. Tente com a nossa imagem demo aqui e você pode ver o que ela faz. Ele vai puxar em uma imagem demo, e aqui está a nossa imagem, e então ele tira cores dessa imagem. Você pode ver que estas são todas as cores que estão sendo usadas nessa imagem. Agora nos dá um nome dessas cores, que é muito legal, e então também nos dá um valor decimal hexi. Esse sinal de libra com os seis dígitos abaixo é chamado de código decimal hexi que você pode copiar e usar para todos os tipos de diferentes aplicações e software. Agora, se descermos, você pode ver o que pode fazer com algo assim. Então, na parte inferior, você vê alguns desenhos aqui, e o que aconteceu é que eles puxaram essas cores, e agora eles estão usando essas cores para esses diferentes desenhos, então você pode puxar em cores que você vê que você realmente gosta de outro lugar e, em seguida, usá-los em seus próprios projetos. Além disso, cada rolagem de volta para o topo. Há um botão que diz Carregar outra imagem para que você possa ir em frente e carregar sua própria imagem, e eu vou fazer isso. Agora saia e encontre uma fotografia que você realmente gosta das cores e tal como a que estamos olhando e depois enviada para o site. Agora vou usar esta imagem desta casa. Eu realmente gosto das cores nele. Eles têm algumas cores complementares muito agradáveis com os amarelos e laranjas e os azuis , e depois os marrons em uma sensação agradável. E uma coisa que você pode pensar é para o que você está projetando? Então, se você está projetando seguro para uma mercearia, talvez você vá encontrar imagens de jardins ou vegetais, e você use essas cores específicas em seu trabalho de design. Vai mesmo amarrar. Se eu estou fazendo algo como um aluguel de férias ou talvez imóveis, e eu estou tentando vender esta casa bem, eu poderia realmente puxar essas cores para o design do que quer que seja que eu estou criando quatro. Então, uma vez que você clicar no botão de upload de outra imagem, você pode ir em frente e encontrar sua imagem em seu computador. E então eu vou apenas clicar no botão de abrir, e ele vai fazer a mesma coisa que fez com a imagem demo. Ele vai puxar essa imagem para dentro, e então ele vai encontrar cores dessa imagem. Aqui você pode ver que temos um chocolate com seu valor decimal Hexi, verde azeitona escuro, marrom rosa, ardósia escura, cinza e cinza. Agora eu estou assumindo que o Canadá usa um certo conjunto de cores porque eles já tê-los nomeado. Não sei como funciona, mas é realmente incrível. E agora enfraquecer. Comece a usar essas cores para criar nosso próprio quadro de humor, que vai parecer muito semelhante ao que estamos olhando aqui, entanto, será capaz de dizer isso fora como uma imagem que podemos colocar em nosso computador. Ou talvez possamos compartilhá-lo em um site como Facebook ou Pinterest ou algo assim . Agora, outro programa que permitirá que você faça algo semelhante à cor adobe novamente, isso está na Internet. É um aplicativo gratuito, e você pode apenas digitar em cor adobe e uma caixa de pesquisa do Google, e ele irá levá-lo a este site. Aqui temos acesso a diferentes amostras de cores. Podemos mudar as harmonias de cores e fazer um monte de coisas muito legais. Mas também podemos fazer o mesmo que fizemos com as paletas de tela. Então, se você clicar na imagem de importação no canto superior esquerdo aqui, você pode ir em frente e trazer sua imagem. Então eu vou apenas clicar e abri-lo neste programa, e ele essencialmente faz a mesma coisa que o gerador de paleta de câmera faz. A única diferença é que temos um pouco mais de controle com este programa, que significa que podemos realmente mover em torno de quais cores queremos provar, e então podemos ajustar essas cores mais tarde se precisarmos agora, ele já escolheu um Uma amostra muito boa. Mas só para mostrar, eu posso clicar, digamos, neste azul no fundo e posso arrastá-lo por aí. E à medida que eu movo essa cor, você pode ver que está amostrando cores diferentes desta imagem. Agora escolheu um conjunto muito bom, então vamos dar uma olhada nele. Aqui. Você pode ver o que temos. Ah, ah, azul claro, um azul mais escuro, um tipo amarelo de bronzeado e marrom. Esses parecem muito bons. Talvez eu queira provar algumas outras cores. Talvez eu não precise daquele azul claro, e eu gostaria talvez de uma cor marrom escuro, eu poderia ir em frente e mudar isso. Uma vez que eu tenha esse conjunto, eu posso salvá-lo como um tema de cores. Se você estiver no Adobe User, você pode usá-lo em todos os seus aplicativos, como em design, loja de fotos ou ilustrador, ou você pode voltar e clicar no botão de roda de cores no canto superior esquerdo. Quando o fizeres , leva-nos de volta à primeira tela. No entanto, ele carregou essas amostras para este programa. Agora eu tenho mais controle fino porque eu posso individualmente encontrar sintonizar essas cores. Se eu quiser dizer que eu faço este marrom um pouco mais saturado, eu posso mudar todos os seus valores diferentes, como o CME, como um RGB e assim por diante. E também temos o nosso código decimal hexi na parte inferior que podemos copiar e colar em outro lugar para que ambos os aplicativos façam a mesma coisa que queremos. O programa de cores da Adobe nos dará um pouco mais de controle para mudar algumas dessas cores. Mas o programa de câmera funciona muito facilmente e é bom de usar também, então você pode querer usar esse em vez disso. Agora vamos usar o aplicativo da câmera para criar nossos quadros de humor, então você vai ter que se inscrever para uma conta novamente. É de graça, mas você pode ir em frente e se inscrever no canvas dot com. Isso é www dot c a n v um ponto com. Agora você deve ser carregado com a versão mais recente do Canadá 2.0, eles mudaram recentemente, e nós vamos usar a versão 2.0, mesmo que seja o mesmo procedimento em um ponto. Oh, então não se sinta mal se não parecer o mesmo aqui. Temos modelos pré-fabricados que podemos selecionar para diferentes tamanhos para coisas que precisamos. Então, o 1º 1 é um gráfico de mídia social, e você pode ver suas dimensões de pixel. Se você pode lê-lo na tela, ele diz 800 pixels por 800 pixels. Então temos uma apresentação, que é 1920 por 10 80. Na verdade, esse é o tamanho da maioria dos ecrãs HD, que é bom para trabalhar com imagens em tamanho real no ecrã. Temos cartazes. Capas do Facebook, postagens do Facebook, postagens do Instagram. Há uma seta na qual podemos clicar, e temos mais opções, como um gráfico do Pinterest, e podemos selecionar qualquer um desses templates para onde quer que vamos usar este gráfico. Então, se você quiser compartilhar isso no Pinterest, vá em frente e clique no gráfico do Pinterest. Eu vou voltar, e eu vou apenas escolher o gráfico das redes sociais. É uma imagem quadrada, e a maioria das plataformas de mídia social pode usá-la, e é agradável e fácil de trabalhar. Então, basta ir em frente e clicar sobre isso, e isso vai abrir o software de can va onde podemos começar a projetar. Agora temos todos esses modelos diferentes à esquerda que podemos escolher. Alguns são gratuitos e outros são pagos. Mas o que eu quero que você faça é ir em frente e clique no botão de elementos no canto superior esquerdo . E isso vai nos dar diferentes elementos que podemos usar e/ou projetar, e queremos ir em frente e selecionar grades. Então nós vamos para grades e acertar tudo, e ele vai trazer todas essas grades diferentes que podemos usar para o nosso design. Agora, vou mostrar como isso funciona em um momento, mas precisamos encontrar nossa rede. Então precisamos rolar para baixo e você precisa encontrar a grade que tem uma imagem grande no topo e, em seguida, cinco pequenas imagens abaixo dela. Você pode escolher este ou você pode escolher o que tem quatro. Mas porque temos cinco cores vai trabalhar com o que tem cinco por agora. Então eu vou seguir em frente e clicar neste ótimo aqui, e quando eu fizer isso, ele carrega em nosso modelo, e você pode ver que temos uma imagem grande e, em seguida, cinco pequenas imagens menores na parte inferior. A primeira coisa que eu quero fazer é eu quero arrastar ou foto, e isso é muito fácil e muito legal. No lado esquerdo, você verá um botão de upload. Vá em frente e clique sobre isso, e você será apresentado com a tela e podemos ir em frente e clicar no upload de uma imagem , e então podemos selecionar a imagem da nossa casa e então vamos abrir. Bem, basta dar-lhe um minuto de upload no pote vá. E então, quando estiver pronto, você pode clicar e arrastar essa imagem para a parte superior do nosso grande aqui. Então vá em frente e clique nessa imagem. Mantenha o mouse pressionado, você vai vê-lo se mover, e então quando entrarmos nessa imagem, ele vai começar a preenchê-lo. Quando estiver lá, solte. Ele vai deixá-lo cair lá, e o tamanho pode realmente ser um pouco diferente do tamanho da grade. E podemos ajustar que se você clicar duas vezes nesta imagem, ela ficará cinza, e então nos permitirá mover para a esquerda ou para a direita ou para cima e para baixo, dependendo do tamanho da imagem. Então nós só queremos obtê-lo onde nós gostamos e, em seguida, clique no botão feito no canto superior esquerdo. E agora temos uma boa imagem para a nossa grelha. Então vamos em frente e inserir nossas cores. Agora. O que vamos fazer é copiar e colar o valor decimal de Hexham para as imagens que temos aqui. Eu vou te mostrar como fazer isso, mas basicamente apenas vá para a cor adobe ou o programa de paleta de cores Camba. Então, para o 1º 1 eu vou em frente e mostrar-lhe com o gerador de paleta de cores da câmera. Então o que nós queremos fazer é que nós queremos copiar esta camada decimal Hexi inferior. Agora você pode realçar e copiá-lo, ou você pode simplesmente clicar na cor e câmera nos permite copiá-lo automaticamente, o que é realmente bom. Uma vez copiado, você verá que há uma marca de seleção lá, então sabemos que foi copiada. Então vamos voltar para o software de tela, e agora queremos inserir isso em uma dessas amostras inferiores do grande na parte inferior que você possa alterar o fundo de cor de qualquer uma dessas grades. Então, clique no primeiro 1 só vou clicar com o botão esquerdo que um ali, e então no topo você vai ver tipo de como uma roda de cores, e nós vamos clicar sobre isso, e então nós podemos escolher qualquer cor que quisermos. Então, por exemplo, eu posso clicar neste roxo e eles vão mudá-lo para roxo. Mas temos uma cor específica que queremos usar, então vamos em frente e clicar neste botão mais aqui. E então você pode ver o valor decimal Hexi na parte inferior, então agora eu posso destacar esse número. Posso clicar com o botão direito ou deslocar, clicar ou até mesmo pressionar o controle V para colar. Mas queremos ir em frente e colar isso, e agora ele colou nessa cor do gerador de paleta de cores e que as cores puxadas diretamente desta imagem. Deixe-me ir em frente e mostrar-lhe como fazer isso com adobe color, e então eu vou preenchê-los todos automaticamente, já que é o mesmo processo. Então aqui está a cor do Adobe Will. Agora essas cores vão ser um pouco diferentes porque eles não puxá-lo exatamente como a câmera faz. Então teremos que manipulá-los um pouco. Mas está tudo bem. Vamos em frente e escolher esta cor bronzeada aqui. Ele também tem um valor decimal hexadecimal que podemos copiar e podemos bater o controle C ou podemos clicar com o botão direito e ir para copiar para copiar isso. E então vamos fazer a mesma coisa de antes. Desta vez eu vou colocá-lo nesta amostra do meio porque o 2º 1 vai ser um marrom escuro . Você pode colocar isso em qualquer ordem que faça sentido para você. Talvez você queira mais claro para mais escuro ou de uma cor para outra. Depende de você, mas só estou mostrando o básico disso. Então vá em frente e clique em que a cor irá novamente apertar o botão mais. Realce a camada decimal Hexi. Vou apertar o controle V. Acho que é provavelmente o comando V em um Mac para colar. E aí vamos nós. Temos coloração bronzeada. Agora vá em frente e continue esse processo até que você tenha todas as cinco cores aqui. Então aqui está minha imagem final com todas as cores, e eu fiz uma mistura de capital e ferramenta adobe. Normalmente, eu usaria um ou outro, mas eu gosto de algumas cores de cada um, então eu usei ambos aqui. Agora, uma vez que você tenha criado isso, você pode ir em frente e salvar isso ou compartilhar nas mídias sociais. Você pode compartilhá-lo em sua conta do Facebook, Twitter ou Pinterest, ou você pode baixá-lo e talvez colocá-lo em uma pasta. Você pode fazer um monte desses e, em seguida, quando você começa a projetar, você sempre pode fazer referências mais tarde. Então eu vou em frente e mostrar-lhe como você pode baixá-los ou compartilhá-los. Se você for para o topo, há um botão de publicação com uma caixa suspensa. Se eu clicar nisso, dá-me um monte de opções diferentes. Eu posso baixar isso, ou eu posso colocá-lo na página do Facebook ou Twitter Page, ou o que você tem agora para fazer qualquer um desses no fundo, você tem que configurar sua conta, então eu não vou entrar nisso. Neste momento atual. Vamos em frente e baixá-lo. Então, se clicarmos nesse botão de download, ele vai nos perguntar, Em que tipo de arquivo queremos que ele esteja? PNG é ótimo para alta qualidade e imagem mais nítida, mas é um tamanho de arquivo maior. O J P G vai ser um tamanho de arquivo menor. Ele vai carregar mais rápido, mas não será perguntado ao Chris e depois a um PDF, que você provavelmente não precisará. Então eu ficava com o PNG e, em seguida, apertava o botão de download. E então Campbell processará a imagem e baixará para nós. E depois, uma vez feito, podemos ir em frente e clicar nessa imagem. Claro, gostaríamos de colocá-lo em uma pasta e nomeá-lo corretamente, Mas lá temos nossa imagem final com nossas amostras. E, claro, todas essas coisas diferentes poderiam ser ajustadas na câmera. Mas essa é uma maneira muito fácil de criar um quadro de humor com um aplicativo gratuito. Há um monte de diversão para fazer, e eu também sugere fazer uma busca por quadros de humor ou paletas de cores no Pinterest ou no Google porque você vai encontrar um monte destes e eles são muito inspiradores, e eles realmente obter o criativo sucos fluindo quando você precisa escolher cores para seus projetos. 8. Como selecionar a cor para um novo design: Então vamos falar sobre como você realmente selecionaria cores para algo que você está projetando. Digamos, criamos esse logotipo e temos o layout básico que queremos, mas não sabemos que tipo de cores iriam usar. Então, como decidimos isso? Bem, há muitas coisas diferentes que você pode fazer, e você vai encontrar seu próprio tipo de progressão de como você gosta de escolher cores. Talvez você tenha uma cor do cliente. Talvez eles te digam especificamente, que eu quero Onley usar vermelhos ou só quero usar vermelhos e azuis no design. Bem, isso vai te dar uma base fácil para sair. Mas geralmente o que eu faço é tentar pensar sobre a sensação ou a emoção que estou tentando admitir para o espectador. Aqui diz o cloro e frutos do mar frescos. Talvez este seja um lugar que vende frutos do mar frescos. Talvez seja um restaurante. Ah, o que você tem aí? Temos um caranguejo amigável e podemos fazer algumas coisas. Com isto. Podemos dar-lhe umapalete de cor muito amigável, palete de cor muito amigável, ou podemos dar-lhe uma paleta de cores de aparência muito natural, e isso depende talvez do público que você está procurando. Este é um lugar que está em um lugar muito alto, turístico tipo de lugar e você quer cores chamativas? Ou talvez seja algo que é um pouco mais high-end e você quer usar um tipo mais sofisticado de cores, quem sabe? Mas vamos em frente e dar uma olhada. Uma coisa que eu sugiro é fazer algo que você já olhou antes, e que é usar um quadro de humor. Podemos puxar em cores que achamos que ficaria bem, e então podemos usar essas cores em seu design. Agora podemos sempre mudá-lo, e um monte de design é realmente apenas um tipo de brincadeira, brincando e tentando ver o que parece bom e o que sente agora. Toda a teoria do mundo pode definitivamente fazer de você um designer melhor. Mas até você chegar lá e começar a fazer isso sozinho, você não vai realmente entender seu próprio processo de seleção de cores. Então isso é algo que eu poderia fazer, e eu poderia fazer isso de um monte de maneiras diferentes. Mas vamos criar um quadro de humor de cores e vamos usar cores a partir disso e ver como isso parece. Então a primeira coisa que eu quero fazer é que eu tenho meu design aqui no Canadá e eu quero criar um quadro de humor de cor e eu posso fazê-lo bem abaixo como outra página. Então eu vou clicar em Adicionar nova página. Vai adicionar esta nova página para mim. Eu estou indo para ir dedo do pé elementos e, em seguida, eu vou clicar em Grades e eu vou rolar para baixo até que eu encontrar o que me dá uma imagem no topo e, em seguida, cinco imagens na parte inferior. Agora vamos encontrar uma imagem da qual possamos extrair cores. Então aqui está um site que eu gosto de usar. Eu uso um par de diferentes. Os picaretas obedecem. Este chama-se Unspool ash. Há pixels. Há muitos sites diferentes onde você pode obter algumas imagens para usar. Gosto das cores deste. Gosto dos vermelhos, dos azuis e dos amarelos. É uma imagem de uma porcaria real, então sabemos que estamos recebendo algumas cores realistas, e eu acho que isso pode funcionar muito bem, então vamos em frente e puxar as cores daqui e ver como isso parece. Ok, eu vou usar o programa de cores adobe no caso de eu querer mudar qualquer uma das cores que eu puder. Vamos importar a imagem no topo. Nós vamos selecionar a imagem que baixamos e abrimos, e ele vai carregar essa imagem, e ele vai pré-selecionar algumas cores. Força. Vamos dar uma olhada e ver. Quero dizer, essas cores são muito precisas para o que eu queria. Gosto dos vermelhos como os amarelos e os azuis. Até pegou uma cor bronzeada, o que é legal. Então, sim, vamos ficar com isso. Vamos em frente e copiar e colar isso na tela, então eu vou clicar em Roda de cores. Vou para a minha primeira cor. Vou selecioná-lo e copiar isso, seja clicando com o botão direito, controle, veja ou comando ver no Mac. E então vamos para Camba e vamos em frente e terminar de criar este quadro, então eu vou fazer uploads. Vamos fazer upload. A imagem veio assim que é carregada. Podemos clicar e arrastar isso para a nossa imagem aqui, e vamos apenas dimensioná-la. Claro, é bom. Tudo bem, vamos em frente e copiar e colar essas cores em cima para que a cor dentro e eu vou apenas ir em frente e preencher o resto deles dentro Ok, então eu tenho todas essas cores puxadas para dentro da tela. Um aplicativo agora, e ele faz algumas coisas. Força um. Ele nos dá uma representação visual de nosso caranguejo e algumas cores que nós escolhemos. Podemos sempre mudar essas cores que eles não estão funcionando. Isso é bom. Mas outra coisa boa é que se voltarmos para a nossa imagem aqui agora, vamos em frente e selecionar os elementos principais. Se clicarmos em uma dessas cores, você pode ver não só a puxou para nossa grade em nosso quadro de humor, mas na verdade as salvou como cores do documento. Então essas cores de ar que foram usadas antes no documento você pode ver o preto e o branco e, em seguida, as cinco cores, tão grande tela porque ele salvou essas cores para nós. Nós não temos que descer e copiar e colar mais. Podemos apenas selecionar estes. Agora, deixe-me mostrar-lhe os elementos deste caranguejo. Então aqui temos o caranguejo. Eu só vou escolher algumas cores aleatórias. Nós temos os olhos, é a primeira cor, e então nós temos o corpo, e então o último vai ser sua boca e tipo de áreas brancas ao redor dos olhos . Então temos esses elementos. Temos este pequeno sombreamento no fundo e depois o título e assim por diante. Então a primeira coisa que precisa ser perguntada é Onde essa imagem vai ser usada? Vai haver um fundo? Um fundo vai ser branco ou preto? Ou talvez o plano de fundo precise ser transparente. Essas são perguntas que você vai ter que fazer e descobrir antes de começar a projetar. Porque se você criar um monte de, digamos, cores escuras para o gráfico e então ele está usando, digamos , digamos , uma camiseta preta, essas cores não vão aparecer. A mesma coisa é, se você está escolhendo cores claras e você tem um branco t curto ou talvez ah, menu branco ou algo assim, essas cores não vão aparecer. Talvez você precise criar duas versões diferentes, uma que é para cores como e outra para cores escuras. Essas são algumas coisas que você precisa perguntar. Mas vamos em frente e começar com o fundo da cor. Talvez possamos usar um fundo colorido em nossa imagem aqui, então vamos clicar nisso e enfraquecer. Basta passar e ver talvez o que seria uma espécie de fundo de cor legal. Agora, eu meio que gosto do vermelho para o próprio caranguejo. Então eu provavelmente vou deixar que talvez possamos fazer um desses blues. Eu meio que gosto deste azul claro. Isso parece muito legal e você pode ver que mudou a força sombreada de Leif por baixo. Isso faz parte deste gráfico. Não temos que ajustar isso. Então agora vamos em frente e escolher algumas cores. O vermelho que foi usado de Camba já parece bom. Podemos usar isso ou selecioná-lo, e sabemos que é a segunda cor aqui. Vamos tentar a cor da nossa imagem e vamos em frente e corrigir as outras cores porque queremos ter certeza de que elas ficam bem. O roxo deve ser apenas branco porque são os dentes nos olhos, então isso parece muito bom. E depois temos a cor dos olhos. Nós queremos fazer? Talvez o azul escuro pareça bom amarelo ou 10. Talvez tenhamos escolhido essa cor azul escuro, então isso já está começando a aparecer bem, e está puxando cores do mundo real. São cores diretamente retiradas deste gráfico. Agora, novamente, podemos sempre mudar isso. Talvez eu diga Ok, este vermelho parece bom no caranguejo, mas é meio marrom. Não é realmente vermelho, e está um pouco escuro. Então vamos em frente e ajustar o que podemos entrar e talvez possamos iluminar um pouco, e isso começa a parecer melhor agora. Essa cor ainda pode ser encontrada neste caranguejo porque há milhões de cores aqui sabe-se lá que cinco que escolheram. Mas você pode ver que é meio que tem o mesmo nas mesmas cores. Tem um pouco de cor laranja no clube. Talvez pudéssemos fazer mais de uma laranja, mas caranguejos vermelho ar e eu gosto da cor vermelha. Eu gosto dos olhos azuis, e agora nós podemos apenas fazer os textos então vamos olhar para este texano. Veja o que pode ser bom cores para isso para que possamos tentar aquele vermelho escuro que parece meio legal . Talvez possamos escolher o mesmo vermelho de antes. Parece que não o salvou, então precisa encontrá-lo manualmente. Por alguma razão , não está salvando essa. Tudo bem, bem, então podemos começar a entrar e manipular essas cores para que eu não goste do vermelho. Vamos tentar o azul escuro e ver como isso parece. Isso parece legal, mas todo o azul torna difícil de ver. Veja, Amarelo é definitivamente difícil de ver também, então o fundo azul tem alguns dos mesmos valores que este texto, e está tornando tudo um pouco difícil de ver. Vamos voltar para o fundo mais escuro e isso. Mude os olhos dele para aquele azul claro. Veja se isso faz com que apareça um pouco como o amarelo que parece legal. E novamente, um monte de design está chegando e apenas experimentando e vendo se você pode descobrir o que parece bom. Agora sabemos se temos um isqueiro ver o valor do fundo está em torno aqui. Então, se ficarmos mais leves, realmente fazemos esse caranguejo estourar. E eu meio que gosto disso. Acho que isso parece bom. Vamos mudar as palavras aqui. Isto também é importante. Então queríamos estourar assim como o caranguejo está pulando aqui. Está bem. E eu gosto do amarelo porque o amarelo não precisa ser tão proeminente, então você pode entrar em um experimento de maneiras diferentes. E você também pode pegar todas as diferentes idéias de teoria de cores que você aprendeu sobre, como harmonias de cores e o que as cores significam? Leve todas essas coisas em consideração enquanto você começa a escolher suas cores. Mas acho que isto parece muito fixe. Definitivamente se destaca. É fácil de ler. Há um bom contraste. Ele puxa em cores que sabemos que são do mundo real, que eu acho que é meio legal para, e você pode continuar experimentando e eu provavelmente sentaria aqui e consertaria as coisas, você sabe, pouco a pouco, e então eu consegui simplesmente perfeito. Mas espero que isso lhe dê uma maneira de descobrir como escolher cores para seus projetos . 9. Crie um efeito de Duotone com Photoshop: Neste vídeo, eu vou mostrar a vocês como fazer uma técnica de coloração mais avançada chamada efeito de tom duo dentro de uma loja de fotos. Agora, isso foi realmente popular pelo Spotify. Eles fizeram isso muito em sua marca recentemente, e você pode ver, mesmo em sua página Spotify for Brands, temos este efeito de tom duo sobre o que está acontecendo aqui é que a imagem recebeu um mapa Grady INT que está mapeando as cores de amarelo e rosa e magenta quanto à imagem real. Agora eles também têm um fundo estilizado na parte de trás. Não vamos nos preocupar com isso hoje, mas quero mostrar o básico desse efeito. É uma nova tendência que vem surgindo. Muitas pessoas gostam e querem saber como fazê-lo, então vou mostrar-lhe como criar isso dentro de uma loja de fotos. Ok, aqui temos uma loja de fotos e eu coloquei em uma imagem chamada Man Dot JP G só vai trabalhar com isso. Isso pode funcionar com praticamente qualquer imagem. No entanto, ele vai usar os valores da escuridão para a leveza. E se você tem muito escuro ou muita luz de qualquer coisa na foto. Vai parecer meio estranho. Então você realmente quer tentar escolher uma foto que tenha algumas boas faixas de escuras e luzes, como esta imagem faz aqui. Então, como você pode ver nas camadas, nós temos uma camada. É a camada man, e nós vamos manipular esta camada, e a primeira coisa que queremos fazer é aplicar um mapa de tias grandes, então vá para baixo e clique no botão Camadas de Ajuste e, em seguida, selecione Grady int mapa. Uma vez que você fizer isso, ele vai aplicar um mapa de tia-avó a tudo o que está abaixo dele dentro do painel de camadas , você possa ver nossa nova camada de ajuste aqui com nosso mapa de tia-avó e ou mascarar uma camada. E abaixo disso está a nossa imagem de homem. Qualquer coisa que esteja por baixo disto vai ter este grande mapa aplicado a ele e ao grande mapa. O que está acontecendo é que temos um int ganancioso do dedo preto branco e cada valor no meio. Onde quer que haja partes escuras da imagem ou corações negros, a cor preta está sendo aplicada, e onde quer que haja partes mais claras, a cor branca está sendo aplicada em todos os valores entre eles. Então sabemos que a camisa é uma cor mais escura. Deixe-me desligar isso. Você pode ver que a camisa é mais escura que a pele. Então, quando eu listei isso, você pode ver que a camisa está ficando mais das cores pretas mais escuras, e a pele está ficando mais das cores brancas ou mais claras. Agora isso vai fazer mais sentido. Se você clicar neste Grady real no Grande Mapa e escolher uma dessas predefinições agora, você pode não reconhecer algumas dessas porque eu criei algumas das minhas próprias, mas todo mundo gosta de começar com a laranja violeta, então vamos clicar nisso e pressione OK, e agora você pode ver onde quer que haja partes escuras, ele está aplicando o roxo, e onde quer que haja partes mais leves, ele está aplicando a laranja e tudo o mais entre elas. Vamos em frente e esconder esta camada e, hum, então isso faz um pouco mais de sentido nós vamos criar uma nova camada. Só vou criar um retângulo básico aqui para que possamos ver isso e eu vou criar apenas uma tias normais e dentro deste retângulo nesta nova camada só para que você possa ver isso aqui. Então aqui temos um int Grady regular na imagem de Select que. Essa é apenas uma camada que eu criei aqui, e nós vamos girar o grande mapa de volta, e vocês verão que todos os roxos estarão do lado esquerdo. As partes mais escuras da imagem e as partes mais claras receberão essa cor laranja. Então agora você pode ver Esperançosamente, isso faz um pouco mais de como isso está funcionando. Onde quer que haja cores escuras, como em nosso Grady, ele mapa aqui nós temos roxo e as cores mais claras obter esta cor laranja, por isso é um efeito muito legal. É realmente necessário, e você pode fazer muitas coisas diferentes com ele. Para começar, vamos em frente. Basta tentar uma cor diferente, então vamos clicar sobre isso e vamos selecionar um desses que eu já fiz antes. Então temos essa cor vermelha e roxa onde temos ah, cor roxa e azul, que é muito agradável, ou temos uma espécie de cor laranja mais escura, e podemos fazer as cores que quisermos. Posso escolher qualquer um destes na cor selecionada do Grady INTs. Eu não sei o que mostra verde automaticamente, mas podemos ir em frente e selecionar qualquer cor que quisermos. Agora, as cores mais escuras. Provavelmente queremos algo mais escuro do lado esquerdo. Então um azul escuro ou vermelho escuro ou algo assim, até mesmo um verde escuro. Mas você quer ter certeza de que ele é menor nas configurações de valor, então estamos recebendo algumas dessas cores mais escuras. Então vamos ver se nos confinamos. Quero dizer, o roxo funciona muito bem. Talvez como um oceano azul roxo vai bater. Ok, então, como a outra cor e agora vamos escolher uma cor mais clara. Queremos isso no extremo mais alto do intervalo. Então queremos isso perto do topo dos valores. E você pode ver que podemos obter todas essas diferentes cores legais e aqui que nós gostamos, então você pode ir através e escolher uma. Você pode até iluminar se estiver muito rico ou saturado. Você pode fazer isso também. Ok, assim que encontrar algumas cores que você gosta, apenas vá em frente e aperte o botão ok. E agora temos isso vai acertar, OK? E esse mapa Grady , foi aplicado, que é muito parecido com a imagem que vimos no Spotify. E tudo o que fizeram foi entrar e retocar a imagem um pouco mais. Deram-lhe um fundo mais estilizado e assim por diante. Podemos fazer algumas das mesmas coisas. Talvez selecionemos o homem aqui. Vou dar um tapa nessa camada masculina. Eu vou para a minha ferramenta de seleção rápida e apenas ir em frente e cortá-lo de fora. E isso não vai ser perfeito porque eu estou indo meio rápido só para meio que te mostrar isso. Mas basicamente, vamos continuar e duplicar essa camada para não afetarmos a camada original. Mas basicamente, Escolhemos o homem, mas quero afectar o fundo. Então vamos selecionar o inverso. Eu vou clicar em Selecionar na parte superior e, em seguida, ir para inverso e apertar o botão que está selecionando tudo, menos o homem em nosso homem Copiar camada. E vamos em frente. Apenas solte isso para que nós vamos para o filtro aparecer e vamos para Deus e borrar. E então podemos deixar isso pra fora. À medida que avançamos isso, você pode vê-lo afetando o fundo para que possamos ficar completamente desfocados aqui. Mas eu só queria ter um pouco de borrão para que ele realmente se destacasse na imagem e o resto do fundo ficou meio desfocado. Então tudo bem e então nós vamos apenas de selecionar isso. E então, onde você vai, você tem um bom homem focado na imagem e, em seguida, meio que um fundo desfocado. Nós também podemos adicionar algum texto, então eu vou apenas clicar no tipo de ferramenta de texto aqui. Não importa, então eu posso ver tudo para que possamos passar e fazer isso parecer legal. Agora, este não é um tutorial sobre tipografia, então eu não vou gastar muito tempo mexendo com o tipo. Mas você pode ver que temos algumas cores realmente legais, é uma espécie de estilo de cor monocromática e imita esse olhar Spotify que está acontecendo e você pode ver que o texto também está pegando as mesmas cores. Agora o texto não é desta cor roxa. Na verdade, é de cor preta e é porque está abaixo do grande mapa na propriedade layers . Se eu pegar isso e arrastar acima do grande mapa, então você pode ver que a cor é realmente preta. Eu posso ir para a ferramenta de texto, e então podemos escolher uma cor diferente. Como você viu. Às vezes você pode querer usar uma das harmonias de cores, então você pode querer usar algo que vai ajudar a sair mais. Então a imagem real em si tão bem que poderíamos passar e talvez escolher uma cor diferente que realmente se destaca se quiséssemos, ou poderíamos simplesmente ir em frente e arrastar isso por baixo do grande mapa. E é uma cor clara. Precisamos ser escuros para que ele pegue aquele roxo. E aí você tem, uma maneira simples e agradável de criar um efeito de tom duo dentro de uma loja de fotos. E esta é uma tendência muito comum agora acontecendo. Sugiro experimentá-lo e dar-lhe uma chance. É muito divertido brincar e mexer com