Crie um esquema de cores no Adobe Photoshop — um curso de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Crie um esquema de cores no Adobe Photoshop — um curso de Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Crie gráficos de esquema de cores personalizado no Photoshop no Photoshop no

      1:13

    • 2.

      Crie imagens de esquema de cores personalizado - parte 1

      6:19

    • 3.

      Crie imagens de esquema de cores personalizado - parte 2

      6:22

    • 4.

      Crie imagens de esquema de cores personalizado - parte 3

      7:55

    • 5.

      Crie imagens de esquema de cores personalizado - parte 4

      4:38

    • 6.

      Crie imagens de esquema de cores personalizado - parte 5

      5:00

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

Gerado pela comunidade

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

1.089

Estudantes

70

Projetos

Sobre este curso

O design gráfico para Lunch™ é uma série de cursos de vídeo curto que você pode estudar em peças de tamanho de de for como no de almoço. Neste curso, você vai aprender como fazer gráficos de as cores personalizados. Você vai aprender como desenhar o documento para reutilização, de suas cores, de amostra para fazer um logotipo transparente e muito mais. Esta é uma amostra do tipo de tipo de imagem que vamos criar:

d2efaaa

Mais nesta série:

Crie padrões de esboços e arte digital no Adobe Photoshop - um design gráfico para Almoços™

10 dicas e técnicas no Adobe Photoshop - um design gráfico para in

Crie padrões de Ikat no Adobe Photoshop - um design gráfico para Ikat

Padrões de repetição de mármore no Adobe Photoshop - um design gráfico para - para o curso

Crie e venda de papel de de marcos no Adobe Photoshop - um design gráfico para Almoços, para Almoços, para

Crie uma variedade de padrões de círculo no Adobe Photoshop - um design gráfico para in

10 dicas de mesclagem em 10 no Adobe Photoshop - um design gráfico para -

10 dicas de pincel em 10 no Adobe Photoshop - um design gráfico para -

Arte de linhas em cores no Adobe Photoshop em um Adobe Photoshop - um design gráfico para in para

10 as melhores dicas do Photoshop em 10 minutos - Um design gráfico para -

Três padrões exóticos no Adobe Photoshop - um design gráfico para - para

Fundos de brilhantes no Adobe Photoshop - Um design de gráfico para - para -

Aulas de padrões complexas no Adobe Photoshop - um design gráfico para -

Seleções complexas no Adobe Photoshop - Um design gráfico para - para Almoços™

Design de emblema e fita no Adobe Photoshop - Um design gráfico para & ™ Curso para

Fundos - - Sunburst no Adobe Photoshop - Um design gráfico para Almoços, para Almoços.

Crie HUD alta tecnologia no Adobe Photoshop no seu Adobe Photoshop - um design gráfico para - para

Crie padrões orgânicos no Adobe Photoshop no Adobe Photoshop - um design gráfico para - para o curso

Crie texto em um caminho no Adobe Photoshop - um design gráfico para Almoços™ para

Molduras de Bracket de de de marcas e de texto no Adobe Photoshop - um design gráfico para Almoços, para Almoços. para

10 dicas de seleção em 10 minutos no Adobe Photoshop - Um Design gráfico para -

Recorte e de quadro no Adobe Photoshop - um design gráfico para - para o curso em

Efeito de recorte de imagem no Adobe Photoshop - Um design gráfico para - para o curso

Estilos de camadas crino Adobe Photoshop no design de

Crie padrões com a nova ferramenta de padrão no Photoshop 2021 no Photoshop - Um design gráfico para in

Pinte uma foto no Adobe Photoshop usando o de arte - um design gráfico para -

Quatro formatos de arquivos críticos- jp, png, pdf, no Adobe Photoshop - Um Design de gráfico para Almoços.

Be W, tops e os efeitos de cores isolados no Adobe Photoshop - um design gráfico para Almoços, para Almoços, para

Objetos de Bend com de marionete no Adobe Photoshop - um design gráfico para with

Texto de de de Glitter e de forma de uns Glitter no Adobe o de Photoshop - um design gráfico para Almoços, para Almoços, para

Cor um esboço de Scanned no Adobe Photoshop em um Adobe Photoshop — um design gráfico para Sketch

Crie um gráfico de esquema de cores no Adobe Photoshop - um design gráfico para Almoços™ para Almoços™

Crie uma fonte de personagem personalizado no Adobe Photoshop - um design gráfico para Almoços™ para

Crie uma de mandala no Adobe Photoshop - um design gráfico para Almoços™

Design de juramento reutilizável no Adobe Photoshop no curso de Adobe de - Um design gráfico para Wreath

Crie padrões de repetição de meio de de gota no Adobe Photoshop em um Adobe Photoshop - um design gráfico para - para

Crie modelos para usar e vender no Photoshop no Photoshop - um design gráfico para Mockups para o curso de

Crie Plaid (Tartan) no Adobe Photoshop - Um design gráfico para Almoços, para Almoços!

Cor um esboço com uma textura no Adobe Photoshop no design — Um Design gráfico para with

Droste com o Photoshop e uma ferramenta online grátis - Um Design de gráfico para Droste para

Crite com personagem no Adobe Photoshop - Um design gráfico para Almoços™ para

Texturas de Whimsical para desenhos no Adobe Photoshop - um design gráfico para Whimsical para

Desmistificando o histograma no Adobe Photoshop - um design gráfico para -

Efeito de dupla exposição no Adobe Photoshop - um design gráfico para - para o curso

Desenhar um mapa de fantasia no Adobe Photoshop - um design gráfico para Almoços™

Emboss de baixo e de Emboss em and de som. - um design gráfico para -

Efeito de fotos para o Adobe Photoshop no Adobe Photoshop - um design gráfico para - para aula

Edição de fotos para a todos no Adobe Photoshop - Um design de gráfico para -

Obtenha seu tamanho de arquivo em todas as idades no Adobe Photoshop - um Design de gráfico para - para Lunch™ em

Pegue a de uma a bolsa de te a seguir de trabalho divertido no Adobe Photoshop - um design gráfico para Grab

Colagem de grades para redes sociais no Adobe Photoshop - Um Design gráfico para Collage para

Mosaico de alta tecnologia com pincéis e padrões no Adobe Photoshop - um design gráfico para Almoços, para Almoços, para

A ilustração de animais de inspired no Adobe Photoshop - Um design gráfico para Colourful para

Introdução à criação e uso de ações do Photoshop - um design gráfico para - para o curso

Padrões de cubo isométrico no Adobe Photoshop - um design gráfico para -

Efeito de colagem de camadas no Adobe Photoshop em um Adobe Photoshop - um design gráfico para in para o curso

Camadas e máscaras de camadas para as de marcas no Adobe Photoshop - um Design gráfico para and

Crie e venda uma coleção de formas no Adobe Photoshop - um design gráfico para &

Padrões de repetição sem a

Crie e use pincel de fotos no Adobe Photoshop - um design gráfico para & para o curso

Colagem de fotos para redes sociais no Adobe Photoshop - Um Design de gráfico para in para

Crie e venda de sobreposições para redes sociais no Adobe Photoshop - um design gráfico para -

Crie formas personalizadas no Adobe Photoshop - um design gráfico para Almoços™ para o curso

Kaleidoscopes com objetos inteligentes no Adobe Photoshop - um design gráfico para Almoços, para Almoços™

Diagonais, Chevrons, Chevrons, no Adobe Photoshop - um Design de gráfico para Chevrons,

Crie e venda no Adobe Photoshop no Adobe Photoshop - um design gráfico para - para

Padrões de sobreposição e de de letras no Adobe Photoshop no seu Adobe Photoshop de um design gráfico para Almoços, para

Efeito de bombardeamento no Adobe Photoshop no design de Adobe de a

Transforme uma foto em um padrão no Adobe Photoshop em um Adobe Photoshop - um Design gráfico para into para

Padrões como sobreposições de fotos para redes sociais no Adobe Photoshop em um Adobe Photoshop — um design gráfico para Almoços™

Colagem de textura de fotos no Adobe Photoshop - um design gráfico para Almoços, para Almoços™

Técnicas de tinta no Adobe Photoshop no design de Adobe - um design gráfico para -

Prepare imagens para redes sociais e Blogs no Adobe Photoshop - um design gráfico para Almoços™

Recolorir com objetos sem fazer seleções no Adobe Photoshop em um Adobe Photoshop - um design gráfico para Almoços, para Almoços™

Técnicas para recolorir padrões no Adobe Photoshop no Adobe Photoshop - um design gráfico para - para o curso de Lunch™

Remove objetos e os turistas de fotos no Adobe Photoshop - um design gráfico para -

Efeito de vídeo de retocar no Adobe Photoshop - um design de gráfico para Glitch

Seamlessly sem igual no Adobe Photoshop no mês

Configure cores, tintas e tons e sombras no Adobe Photoshop - Um Design gráfico para Shades

Esboços e pincel para padrões de Whimsical no Adobe Photoshop - um design gráfico para Whimsical

de imagem para arte - três efeitos de fotos à mão no Adobe Photoshop - Um Design gráfico para -

Efeito de colagem de surreal no Adobe Photoshop - um design gráfico para - para aula

Texto sobre efeitos de imagem - Glifos e Layers Adobe Photoshop - um design gráfico para Almoços, para Almoços.

Como usar texturas no Adobe Photoshop no design - um design gráfico para Almoços™

Noções básicas de Photoshop no Adobe Photoshop no design - Um design gráfico para Lunch™ in

Alta de imagem no Adobe Adobe Photoshop - um design gráfico para - para

Como usar os objetos do Illustrator no Photoshop no Photoshop no design de uma

Como usar a ferramenta de preenchimento de de Rotas no Adobe Photoshop - um design gráfico para in para

Cortas inspirados no Adobe Photoshop no dia - um design gráfico para Valentine's

Padrões de rotação de baixo para o Adobe Photoshop - um design de gráfico para Whimsical para

Design de papel de Scrapbook com os mapas de deslocamento no Photoshop no Photoshop - um design gráfico para with

 

 

Conheça seu professor

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

Visualizar o perfil completo

Habilidades relacionadas

Adobe Photoshop Design Design gráfico
Level: Beginner

Nota do curso

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

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

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

Transcrições

1. Crie gráficos de esquema de cores personalizado no Photoshop no Photoshop no: Olá, sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço: crie um gráfico de esquema de cores no Adobe Photoshop. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje estamos olhando para criar gráficos de esquema de cores, como você pode encontrar no Pinterest ou em qualquer outro lugar na web. Vamos começar por encontrar uma imagem para usar, e então vamos criar o laboratório reutilizável e provar nossas cores. Vamos ver como podemos escolher cores agradáveis para fazer nosso esquema de cores, como dar-lhes nomes e como fazer um logotipo para nossa ilustração. À medida que você está trabalhando nesses vídeos, você pode ver um aviso que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas que, assim como você, querem saber mais sobre o Photoshop. Se você gostaria de deixar um comentário, por favor faça-o. Eu li todos os seus comentários e respondo a eles, e eu olho para todos os seus projetos de classe e respondo a eles também. Se você estiver pronto agora, vamos começar a criar gráficos de esquema de cores no Photoshop. 2. Crie imagens de esquema de cores personalizado - parte 1: A primeira coisa a fazer quando você está criando gráficos de esquema de cores é encontrar algo com o qual você gostaria de trabalhar, uma imagem com a qual você gostaria de trabalhar. Eu fui para unsplash.com, e eu encontrei esta imagem em particular. Vou te dar o link de download para ele. Então eu vou apenas clicar na imagem para abri-la em uma nova janela, e eu vou clicar no botão de download, clicar com o botão mouse e escolher Salvar imagem como, e eu posso salvá-la em uma pasta de minha escolha. Agora vou soltá-lo na minha pasta de downloads por enquanto e clique em “Salvar”. Depois de encontrar uma imagem para usar, você estará pronto para começar no photoshop. Por isso, vou fechar o cromo por enquanto. Vamos para o Photoshop e vamos criar um novo documento com arquivo e novo. Vai ter 100 pixels de largura por 750 pixels de altura. Vamos apenas dar-lhe um fundo branco. É importante configurar esses valores porque isso vai garantir que todas as suas caixas vão ser um bom tamanho quando você começa a fazê-los, eu vou clicar em “Ok”. Antes de começarmos a criar o laboratório, precisamos de alguns guias para trabalhar. Por isso, vou escolher a vista e, em seguida, o novo Guia. O primeiro guia será de 10 pixels para baixo a partir do topo do documento. Então eu vou digitar 10 px, certifique-se que eu tenho horizontal selecionado e clique em “Ok”. O próximo será de 10 pixels verticalmente. View, New Guide, e novamente ele vai ser 10 px, e ele vai ser vertical. O próximo vai ser um 185 pixels para baixo do topo. Então eu vou escolher “Ver”, “Novo guia”, horizontal, e vai ser 185 pixels. Vamos clicar em “Ok”. Então isso vai ser o topo da próxima caixa que vamos criar. O próximo será 370 pixels para baixo. Visualize, Novo guia, horizontal 370 e clique em “Ok”. O próximo vai ser às 555. Visualize, Novo Guia, 555 pixels e clique em “Ok”. O último vai ter 10 pixels na parte inferior do documento. Como o documento tem 750 pixels de comprimento, isso vai ser 740. View, New Guide, e ele vai ser horizontal 740. Queríamos guia na borda de onde esta imagem principal está indo. A imagem principal terá 720 pixels de largura, mas já temos uma entrada de 10 pixels aqui. Precisamos de um guia às 730. Ver, Novo Guia. Desta vez vai ser vertical e vai ser 730 px. Haverá um gaffer aqui com mais 10 pixels. Então vamos colocar um no 740. View, New Guide, e isso vai ser 740 pixels. Mais uma vez, será vertical. Queremos um no final, que vai ter 10 pixels a partir da borda do documento. O documento tem 1000 pixels de largura. Então este vai ser às 990. View, New Guide, e vamos digitar 990 pixels, e ele vai ser um guia vertical. Então eu clico “Ok”. Agora, vamos alinhar as pequenas caixas para aqui, e vamos permitir nossa própria borda de 10 pixels. Então eu realmente não fiz um guia para essas bordas de 10 pixels. Isto é provavelmente guias suficientes para nós. Então agora estamos prontos para ir e juntar as peças para o nosso modelo. Então eu vou abrir a paleta de camadas, clique para adicionar uma nova camada. Vou selecionar essa nova camada. Vou para a ferramenta retangular para festas. Vou certificar-me de que o estilo está definido como normal aqui, em seguida, escolha “Ver” e, em seguida, certifique-se de que o snap está ativado e, em seguida, encaixar nas guias também está ativado. Vai ser muito importante para este processo. Então, com a ferramenta de seleção retangular selecionada, agora vou arrastar um retângulo que está apenas dentro dessas guias em torno da parte superior, esquerda e inferior da imagem, e ao longo da mais esquerda desta calha aqui. Preto é a minha cor de primeiro plano. Eu estou indo para todos backspace opção excluir para preencher isso com preto. Vou pressionar Control ou Comando D para desmarcar a seleção. Vou adicionar uma nova camada, e vamos começar com estas caixas aqui. Agora essas caixas são de tamanho fixo, e eu vou mostrar a vocês uma maneira de fazer isso que qualquer um em qualquer versão do Photoshop pode fazer. Então eu vou para a ferramenta de letreiro retangular e desta vez eu vou escolher o tamanho fixo. A largura será de 250 px para pixels, e a altura será de 175 px para pixels. Você só vai clicar uma vez no documento para criar uma forma com o tamanho exato. Em seguida, vamos escolher “Selecionar” e, em seguida, transformar a seleção. Isso nos permite pegar essa seleção de tamanho fixo e posicioná-la onde queremos. Como temos nosso snap ativado, podemos alinhá-lo no canto inferior do documento aqui. Ele precisa de um espaço de 10 pixels na lateral e na parte inferior. Então você quer alinhá-lo com os guias que você tem. Clique na marca de seleção porque isso interrompe a transformação dessa forma. Agora queremos preenchê-lo. Alt, backspace, opção excluir. Daqui, podemos fazer uma cópia das formas. Vou pressionar Control ou Comando D para desmarcar a seleção. Vou arrastar a forma para o ícone Nova Camada. Vou para a ferramenta de movimento. Eu vou mover o topo mais forma para cima, e eu vou alinhá-lo para estes três guias. Não deveria haver um guia no topo, não há nenhum lá. Mas estamos criando nosso próprio espaço de 10 pixels apenas pelo tamanho do retângulo com o qual estamos trabalhando. Controle ou Comando D para desmarcar a seleção. Agora queremos fazer uma cópia disso de novo. uma vez vamos mover este para a posição, e vamos fazer uma cópia final, e mover esta forma para a posição. Agora temos todos os elementos no lugar. Então nós temos nossa grade reutilizável, se você quiser, que agora podemos montar nossas peças. Neste ponto, você provavelmente vai querer salvar este documento. Voltaremos no próximo vídeo e começaremos a preenchê-lo. 3. Crie imagens de esquema de cores personalizado - parte 2: Eu salvei este layout como esquema de cores template.psd, Eu quero psd como o formato, então eu quero salvar todas as minhas camadas. Vou abrir a imagem que vou usar para o meu esquema de cores, vou escolher Arquivo, Abrir, vou para a minha pasta de downloads, e vamos pegar essa imagem. Esta é a imagem que vou usar, vou duplicá-la no meu modelo, vou clicar com o botão direito do mouse na camada de fundo, escolher Duplicar Camada. Na lista suspensa Documento aqui, vou escolher o modelo de esquema de cores e clique em “ok”. Agora ele estará em posição no meu modelo de esquema de cores. Problema é realmente grande, então eu vou apenas clicar na ferramenta Mover, e com esta camada selecionada, eu vou pressionar duas teclas Control ou Command T, e depois Control ou Command 0. O que isso faz, é definir as alças de transformação, e também redimensiona todo o projeto para que eu possa ver as alças, porque não há nada pior do que não ser capaz de ver suas alças. Agora eu vou manter a tecla Shift pressionada enquanto arrasto isso para baixo, para torná-lo um tamanho mais apropriado, e então eu vou apenas movê-lo para a posição. Posso determinar a quantidade desta imagem que quero nesta caixa aqui, e pode ser tão grande ou tão pequena quanto eu quiser. Eu só vou clicar na marca de seleção, e agora eu vou pressionar Control ou Command 0 para re dimensionar a imagem. Agora eu preciso cortar isso porque você pode ver que ele sangrou aqui nas calhas, e também caiu da borda da imagem. Bem, foi por isso que mantivemos esta forma preta aqui em baixo. Eu vou trazer esta camada todo o caminho para baixo para sentar logo acima da minha forma preta, e eu vou cortá-la. Eu vou clicar na camada superior, mantenha pressionado Alt e Control, que é o comando de opção no Mac, e basta clicar uma vez. O que isso faz é cortar esta forma para esta forma. Você também pode fazer a mesma coisa, eu vou desfazer isso. Se você não gosta de usar todos esses dedos, você pode ir para a camada de cópia de fundo aqui, basta selecioná-la e escolher Camada, Criar máscara de recorte. Você pode ver Alt Control G ou opção comando G é a tecla de atalho para isso. Agora temos nossa imagem no lugar e estamos prontos para colocar a primeira de nossas cores. Vamos começar pelo topo aqui, e o que eu quero fazer com minhas cores, é colocar oito delas em um grupo. Eu só vou clicar na camada superior, e eu vou clicar no ícone de grupo, porque eu quero que isso esteja em um grupo sozinho, mas ele realmente não apareceu nos grupos. Eu só vou arrastar e soltar isso lá, então eu tenho certeza de que ele está neste grupo. O que eu quero fazer aqui é usar essa forma, mas criar um layout de cor de preenchimento sólido preenchido nesta área. A maneira como vamos fazer isso é por Controle ou Comando clicando na miniatura da camada aqui, modo que temos as formigas marchando em torno desta forma, isso é crítico. Agora vamos escolher Camada, Nova camada de preenchimento, e vamos escolher Cor sólida, e vamos clicar em “ok”. Mas você pode dizer que a cor sólida vai ser limitada apenas a esta área, se você não tivesse escolhido esta forma primeiro, se você não tivesse tido as formigas marchando, todo este documento seria, coberto de preto, então você não veria nada, você só tem que desfazer e começar de novo. Mas porque eu tinha as formigas correspondentes por aqui, a cor vai ser isolada apenas para esta área aqui, e é aqui que a diversão começa, é aqui que você pode começar a amostrar e brincar com as cores em sua imagem. Tudo o que estou fazendo é arrastar a imagem com o conta-gotas, e olhar aqui para dizer a cor que eu tenho. Você pode ver que como eu selecionei, ele está aparecendo nesta amostra aqui. Eu quero selecionar a melhor cor que eu posso a partir da imagem como a minha primeira cor, você pode apenas amostra de distância e apenas encontrar algo que você realmente gosta, Eu comecei a ir para este rosa escuro. Se você encontrar algo que você gosta, mas é um pouco escuro, você pode apenas arrastar até aqui, ainda está na mesma área de cor, ainda vai parecer que veio daquela rosa, você pode arrastar para cima ou para baixo se precisar basta obter uma tonalidade ou sombra diferente dessa cor, quando você estiver feliz, clique em “ok”. Nós não precisamos mais desta forma porque é na verdade uma máscara de recorte para este objeto em particular, nós podemos apenas lixar isso. Em seguida, vamos apenas fechar esse grupo, vamos clicar nesta Camada, vamos adicionar um novo grupo, não entrar nisso e eu vou colocá-lo lá. Vamos para Controle ou Comando, clique na miniatura da camada, vemos a marcha, como vamos escolher Camada, Nova camada de preenchimento, Cor sólida, clique em “ok”. Vamos provar outra cor da imagem, que está acontecendo aqui. Você não tem que fazer isso perfeitamente certo em um minuto, eu vou mostrar a você como você pode editar essas cores. Tudo o que você está procurando nesta fase é o início do seu esquema de cores, que você pode ajustar mais tarde, clique em “ok”. Novamente, temos uma camada de cor de preenchimento agradável que é cortada perfeitamente, então não precisamos mais disso, vamos lixá-la. Nós vamos fazer isso para os dois últimos. Clique na Camada, adicione um grupo, coloque-o no grupo, Comando ou Controle, clique nele. Camada, Nova camada de preenchimento, cor sólida. Clique em “ok”, prove uma cor da imagem, desta vez eu estou indo para um verde. Clique em “ok”, não precisamos mais disso, lixe-o. Podemos fechar o nosso grupo para que esteja tudo enterrado dentro disto, ou cada cor está no seu próprio grupo e faremos o último. Certificando-se de controlar, clique na miniatura para que tenhamos as extremidades de marcha, Camada, Nova camada de preenchimento, Cor sólida. Clique em “ok”. Desta vez eu vou provar uma cor marrom, mas eu quero ser capaz de vê-lo contra as outras cores no esquema de cores aqui. Vamos clicar em “ok” e, de novo, posso lixar isto, e posso fechar o meu grupo. Lá temos os elementos do esquema de cores. Nós temos todos os grandes passos no lugar, agora nós precisamos ir e colocá-lo em pequenos detalhes, o texto, e nós vamos fazer um logotipo que nós podemos usar. 4. Crie imagens de esquema de cores personalizado - parte 3: Agora, neste momento, provavelmente vamos querer fazer algumas coisas. Um deles é nomear esses grupos, então eles serão mais fáceis de encontrar mais tarde. Eu só vou chamar esta primeira cor e, em seguida continuar a nomear cada um desses grupos de segunda cor, terceira cor, etc Depois de nomear os grupos, eu vou olhar para cada uma dessas cores e determinar se eles são o real cores que eu quero nestas amostras. Se eu precisar fazer mudanças agora é a hora de fazer isso. Eu realmente vou olhar para esta segunda cor, este rosa e ver se eu poderia encontrar uma cor melhor para usar. Vou clicar duas vezes neste ícone aqui, que abre o seletor de cores e agora eu posso ir em frente e provar uma cor diferente na imagem. Então eu estou procurando por algo que é um rosa mais claro para usar. Se eu encontrar algo que eu gosto, mas eu quero ajustá-lo um pouco, então eu posso arrastar este círculo aqui para torná-lo mais claro ou mais escuro, ou mais rosa ou menos saturado. Então eu posso escolher uma cor que eu gosto. Assim que eu escolher uma cor, ela aparece aqui, para que eu possa vê-la em termos das amostras que eu criei. Só vou clicar em “Ok”. Agora, quando eu estou escolhendo cores, eu geralmente vou procurar um par de cores que são as mesmas, como dois rosa ou dois verdes no topo aqui, um escuro, um claro. Então eu vou em frente a esta cor e a roda de cores para algo que é praticamente um cores opostas. Rosa e verde estão muito perto de serem opostos um ao outro na roda de cores. Mas eu vou usar o mesmo valor, então estes serão igualmente claros ou escuros. Agora eu vou escolher uma terceira cor que vai com as outras. Uma vez que eu tenha feito essas seleções, uma vez que eu esteja feliz com tudo o que eu tenho aqui, eu vou começar a colocar os passos de texto em Vamos para a primeira cor e eu vou adicionar uma nova camada aqui, porque nós vamos colocar texto aqui. Mas, para começar, precisamos saber qual é o número de cor. Então eu vou ir em frente agora e eu vou clicar na amostra de cor de primeiro plano aqui e eu vou provar esta cor. Esta é a cor que eu quero, então eu vou arrastá-la e copiá-la. Agora eu vou para a Internet, para a web e eu tenho alguns sites que eu gosto de usar. Um deles é chamado dessa cor e o outro é Colblindor. O que eu vou fazer é colar o meu número de cor aqui e ele vai me dar um nome, este aqui é tosca. Eu só vou colá-lo aqui. É uma correspondência aproximada de uma cor que tem um nome. Agora, você pode ignorar tudo isso e apenas chamar as coisas de sua própria cor, não importa, mas eu vou chamar isso de “tosca”. Vou voltar ao meu documento do Photoshop, vou cancelar a saída daqui. Vou selecionar minha cara de fonte. Vou usar o Newsgoth BT Roman, mas você pode usar outra fonte, se preferir. Eu só vou definir isso para cerca de 38 pontos. Determinei que é um tamanho muito bom para a fonte que vou usar. Vou clicar aqui. Eu quero digitar em branco, então eu só vou ter certeza que eu selecionar branco aqui. Como eu já tenho o número de cor na área de transferência do Windows, vou pressionar Shift para colocar no meu símbolo hash e eu vou apenas pressionar Control ou Command V para colar no número, e eu vou clicar na marca de seleção. Agora eu posso mover este tipo para a posição, eu quero centrá-lo no documento e colocá-lo sobre aqui na caixa. Vou adicionar uma nova camada de texto, clique aqui, volte para a ferramenta de texto. Vou reduzir o tamanho da fonte desta vez para 28, mas ainda usar o NewsGothic. Vou clicar aqui e digitar tosca. Clique na marca de seleção, vá para a ferramenta Mover. Agora eu só vou mover isso para a posição, centrando bem, apenas colocá-lo dentro da caixa. Queremos que isto fique um pouco abaixo. Então eu vou fazer o próximo pedaço de texto. Então eu estou indo para a segunda cor e clique aqui e adicionar uma nova camada. Vou clicar na cor do primeiro plano aqui e provar esta cor para que eu saiba qual é o seu número. Vou copiá-lo para a área de transferência e colá-lo em minhas duas páginas da web para dizer qual é a cor. Bem, um chama-lhe Lilly e este concorda com a palavra Lilly, por isso vou chamar isto de Lilly. Vou voltar aqui, vou cancelar a saída daqui. Vou até a minha ferramenta Texto e certifique-se de que estou trabalhando na minha cor branca do tipo 38 pontos. Vou clicar aqui, pressionar o símbolo hash e, em seguida, pressionar colar. Vou mover o meu texto para a posição, quero-o centrado aqui. Então eu vou adicionar outra camada novamente com a ferramenta Texto, desta vez 28 tipo de ponto, e chamá-lo de lilly. Vou colocar isso em posição. Vou continuar agora e vou dar nomes às próximas duas cores. Este diz manto, este diz sábio, eu prefiro sálvia, então vou chamá-lo de sábio. Eu fico com burro marrom, e mangusto, vou chamar meu mangusto. Agora que eu terminei minhas cores e meus nomes de cores, eu estou pronto para ir em frente e dar ao esquema de cores em si um nome. Vou chamar isso de “Dia das Mães”. Vou adicionar uma nova camada de textos logo acima da própria imagem. Apenas uma nova camada vai fazer porque ele é convertido uma camada takes assim que eu escolher a ferramenta Texto, então eu vou clicar na ferramenta Texto. Vou usar uma fonte que baixei. Chama-se Snell Roundhand Script Negrito Itálico. Vou te dar um link de download para isso, caso queira usá-lo. Vou ligar para o Dia das Mães. A fonte é muito pequena, então eu vou apenas aumentá-la para um tamanho razoável. Agora, para terminar esta ilustração, eu acho que seria muito bom se você fosse criar um monte disso que você tem algum logotipo. O que eu quero fazer é mostrar a vocês como você pode criar um logotipo com alguma transparência embutida que você pode colocar sobre o topo de qualquer uma dessas formas. Envolve um efeito realmente interessante no Photoshop. Então um que você provavelmente vai querer aprender de qualquer maneira, mesmo que você não planeja usar um logotipo aqui. No próximo vídeo, vamos olhar e ver como fazemos isso. 5. Crie imagens de esquema de cores personalizado - parte 4: Para o nosso logotipo, vamos precisar de um novo documento. Vou escolher “Arquivo” e depois “Novo” e meu documento será de 500 pixels por 500 pixels. Apenas um pequeno documento quadrado agradável, mas eu quero que ele seja transparente e clique em “Ok”. Agora, eu quero fazer uma forma branca cheia aqui. Vou à ferramenta Elipse. Eu vou ter certeza de que eu tenho branco como minha cor de primeiro plano causa que vai ser a cor de preenchimento porque eu tenho pixels selecionados aqui em cima. Em outras versões do Photoshop, você pode ter três ícones aqui em vez da lista suspensa, mas eu quero pixels. Começaremos aqui no canto superior. Arraste, segurando “Shift”, como eu faço para fazer um círculo e ele vai ser apenas um círculo preenchido, não importa se não está preenchendo totalmente esta imagem, ele só precisa estar perto também. Em seguida, eu vou adicionar um tipo de elementos, então eu vou adicionar uma nova camada. Eu estou indo para a minha ferramenta de texto e eu estou realmente indo para ainda usar este script Snell Roundhand porque eu gosto dele, mas eu quero digitar em uma cor que eu possa ver. Só vou digitar vermelho por enquanto. Eu só vou digitar minhas iniciais em minúsculas e eu vou ampliar isso então é realmente muito grande dentro da forma por causa do efeito que estamos tentando criar, você quer ter algum tipo que é relativamente grande porque é apenas vai aparecer como um recorte dentro da forma. Assim que tiver isto em posição, estou pronto para ir. Agora, eu quero que isso permaneça editável porque se eu não gostar do tipo, eu quero ser capaz de voltar e criar um efeito de tipo diferente. É importante que você esteja trabalhando em uma camada permitida, não na camada de plano de fundo. Se você tiver uma camada de fundo aqui, você precisará clicar duas vezes nela e apenas certificar-se de que é um layout sempre que você estiver tentando alcançar esse efeito específico. Quando eu clico em “Type Layer” e nós vamos clicar no ícone “fx” e nós vamos escolher “Blending Options” e o que nós vamos fazer é nós vamos, a partir desta área de Blending Options aqui na área knockout, vamos clicar em “Superfície”, e então vamos reduzir a opacidade de preenchimento desta camada superior. Reduzir o preenchimento realmente remove o preenchimento dele, mas o knockout raso realmente faz um buraco no objeto abaixo que é a forma deste texto. Mas o texto ainda está aqui, então ainda é totalmente editável. Se você não gosta do tipo de letra que você usou, por exemplo, você pode simplesmente entrar aqui com uma ferramenta de texto e apenas alterá-la. Texto selecionável e poderíamos escolher uma face tipo diferente. Por exemplo, vamos fazer alguma coisa. Há uma cara diferente. Você pode ver como ele está sendo aplicado imediatamente para este efeito. Este é um efeito editável que faz um buraco em algo, mas eu quero voltar para o meu Snell Roundhand porque parece melhor para mim então eu vou clicar nisso. Agora, eu vou selecionar tudo com Selecionar tudo e eu vou escolher “Editar”, “Copiar”, “Mesclar” porque eu quero copiar todo o objeto como se estivesse tudo mesclado em uma única camada com essa transparência. Agora vamos voltar ao nosso esquema de cores. Vou me certificar de que estou em uma camada normal. Eu vou adicionar uma nova camada para ele e então eu vou escolher “Editar” e depois “Colar” e aqui está a minha forma na nova camada, eu posso clicar na “Ferramenta Mover”, manter a tecla “Shift” e apenas dimensioná-lo para baixo e colocá-lo em posição, e assim este poderia ser o elemento de marca para a minha amostra de cores. Eu provavelmente, se fosse um elemento de marca e eu quisesse isso naquele lugar em todos eles. Eu criaria um novo grupo. Eu colocaria lá, chamaria isso de branding e provavelmente fecharia também. Não vai se mover, só vai ficar estável e em posição em cada uma dessas imagens que eu criar. Agora que terminei isso, posso esconder os guias. Posso não querer removê-los, mas posso escondê-los. Vou escolher “Ver” e escolher “Mostrar”, e vou desativar guias. Podemos ver como as ilustrações vão ficar sem os guias visíveis e agora se estamos prontos para salvá-lo. Nós poderíamos ir em frente e salvá-lo não apenas como um arquivo PSD porque este é o nosso arquivo template que queremos usar repetidamente, mas também poderíamos salvá-lo como um JPEG para que pudéssemos distribuí-lo, por exemplo, na web. No próximo vídeo, vamos ver rapidamente como reutilizaríamos esses modelos e o que vamos nos livrar e o que vamos mudar para fazer um esquema de cores diferente. 6. Crie imagens de esquema de cores personalizado - parte 5: Antes de criarmos outro esquema de cores, é claro, vamos precisar de uma imagem para usar. Encontrei outra imagem aqui, unsplash.com. Eu só vou salvar isso na minha pasta de downloads. Vou voltar para o Photoshop. Vamos voltar a esta imagem. Esta é a imagem que eu preciso substituir, em primeiro lugar. Eu vou clicar apenas na camada de imagem, porque é aí que eu quero que a imagem seja substituída. Só vou abrir a imagem que baixei. Aqui está. Vou duplicá-lo para a minha imagem principal. Vou clicar com o botão direito do mouse, escolher Duplicar camada e colocá-la no meu modelo. Vou voltar à minha imagem de modelo. Porque eu cliquei na camada de flores antes de começar este processo, esta imagem foi imediatamente acima dela, que é apenas uma posição realmente útil para ele. Vou pressionar Control ou Command T e Control ou Command 0, para que eu possa ver minhas alças de dimensionamento. Novamente, mantendo pressionada a tecla Shift, eu só vou dimensionar isso para baixo, e apenas movê-lo para a posição para que eu possa ver como ele vai ficar no meu esquema de cores. Clique na marca de seleção. Vou ampliar. Agora eu quero me livrar desta camada aqui porque eu não preciso dela. Vou arrastar e largar na lata de lixo. Mas vou me lembrar que isso precisa ser cortado. Vou clicar nesta camada e Control Alt, clique na camada entre para cortá-lo para esta forma. Eu também poderia ter escolhido, é claro, camada criar máscara de recorte. Agora vou para cada uma dessas cores. Eu vou para a minha primeira cor, eu vou clicar duas vezes sobre isso. Agora eu preciso escolher algo para substituir esta amostra de cor. Estou pensando em um azul. Bem, provavelmente está um pouco escuro. Vamos ver se encontramos algo um pouco menos escuro. Então eu vou para a minha segunda cor. Porque este era um azul, eu quero outro azul. Mas eu quero mais leve uma desta vez. Então eu quero algo mais ou menos oposto na roda de cores para a minha terceira cor. A cor do truque aqui vai ser aquele amarelo. Então quero uma quarta cor. Vou clicar em “OK”. Agora, é claro, vou precisar provar minha cor para saber com o que estou trabalhando. Bem, já que estamos aqui, vamos fazer isso. Vou clicar nisto para abrir o seletor de cores. Vou provar a minha cor. Este é o seu número. Vou me certificar de copiar o número. Cancele esse diálogo. Bem, isso não vai mais ser mangusto. Esta vai ser a nossa nova cor aqui. Vou buscar a ferramenta de texto. O tipo de rosto já está lá, tanto quanto a cor e tamanho está em causa, e também essa hashtag. Realmente, eu só quero substituir esses dígitos. Vou pressionar Control ou Comando V para colar na minha cor. Então, claro, eu quero ir para a web e descobrir qual é o nome da cor para isso. Vou fazer isso com todas essas outras cores. Então, claro, vou precisar mudar o Dia das Mães, porque isso não vai ser apropriado. Preciso de outro nome para este esquema de cores. Vou ligar para este carro velho. Então, assim que eu mudar os valores hexadecimais e dar novos nomes a essas cores, eu estou pronto. Eu tenho um segundo esquema de cores criado e pronto para ir. Seu projeto para esta classe será criar seu próprio esquema de cores. Vá e obtenha uma imagem que você gosta, e vá e experimente quatro cores a partir dela para criar um esquema de cores. Anote seus valores hexadecimais, dê-lhes nomes de cores, ou aqueles que você encontrou com esses sites que eu lhe dei, ou apenas invente nomes. Isto é uma coisa divertida de se fazer. Dê todo o esquema de cores e nome, crie seu próprio logotipo e publique seu esquema de cores finalizado como seu projeto de classe. Espero que você tenha gostado dessa aula e que tenha aprendido um pouco sobre criação de imagens de esquema de cores personalizadas no Photoshop. Se você gostou desta aula e se você vir um prompt para recomendá-lo a outros, por favor, dê um polegar para cima. Isso ajuda outras pessoas a identificar isso como uma classe que eles podem querer fazer. Se quiser deixar um comentário, faça-o. Eu leio e respondo a todos os seus comentários, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico para Almoço. Estou ansioso para vê-lo em um próximo episódio em breve.