Configure cores, matizes e sombras no Adobe Photoshop - um curso Graphic Design for Lunch™

1. Configurar as cores e tintas no Photoshop no Photoshop - Introdução: Olá, sou Helen Bradley. Bem-vindo a este design gráfico para a aula de almoço sobre a configuração de cores, matizes e tons para um projeto 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 analisando a configuração de tons e tons de cores para que possamos trabalhar de forma mais rápida e inteligente no Photoshop. Você vai ver como você pode encontrar esquemas de cores para usar e, em seguida, como você pode criar rapidamente tons e tons dessas cores e salvar o documento para que você possa reutilizá-lo repetidamente. À medida que estiver assistindo a esses vídeos, você verá um aviso que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, faça duas coisas por mim. Em primeiro lugar, dê um polegar para cima, e em segundo lugar, escreva apenas algumas palavras sobre por que você está curtindo a aula. Essas avaliações ajudam outros alunos a encontrar minhas aulas e a determinar se eles vão gostar delas também. 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. Se você estiver pronto agora, vamos começar a configurar cores, tons e tons para trabalhar de forma mais inteligente no Photoshop. 2. Pt 1 - Crie uma sombra de cor e tint: Muitas vezes, quando você trabalha no Photoshop, você não só quer trabalhar com uma cor, mas também com uma tonalidade e um tom dessa cor, as cores que você pode usar para adicionar realces ou sombras a um objeto. Agora, neste vídeo, vou mostrar como você pode configurar isso no Photoshop de forma rápida e eficaz. Acho que esta é uma técnica muito inteligente. Estou começando pela cor da Adobe, que está em color.adobe.com, e você entrará com sua ID de login do Adobe Suite. Aqui na área do explorador, você pode obter acesso a esquemas de cores predefinidos. Estes são esquemas de cores que outras pessoas criaram que você pode pedir cores emprestadas, e aqui na área de pesquisa, você pode simplesmente ir e procurar qualquer coisa. Vou procurar por fazenda e aqui estão as cores que estão relacionadas à fazenda. Posso passar por aqui e dizer que cores quero usar. Agora, eu estou gostando deste outono centro-oeste, então vamos usar isso. O que eu vou fazer é posicionar minha tela, meu navegador aqui para que eu possa ver o meio-oeste do outono na tela, e então eu vou clicar no Photoshop. O que eu quero ser capaz de fazer é dizer meu navegador e Photoshop, então você precisará apertar um pouco sua janela do Photoshop. Vamos começar um novo documento no Photoshop, e esse seria o tamanho do documento que você deseja criar. Vou usar por causa da discussão, 1.000 por 700 pixels, e tem um fundo branco. O que eu vou fazer a seguir é eu vou fazer uma seleção, eu estou indo para a ferramenta de letreiro retangular, indo para definir isso em relação fixa e eu quero que ele seja um para um. Em outras palavras, eu quero um quadrado, e eu só vou arrastar um pequeno quadrado e eu não quero que ele esteja exatamente no canto superior dos documentos, então eu vou colocar outro em um minuto. Assim que eu tiver meu quadrado selecionado, vou escolher camada, nova camada de preenchimento, cor sólida e clicar em “Ok”. Eu quero preencher isso com a primeira das cores que eu quero usar. Agora, as cores estão aqui, então tudo realmente no Photoshop. Mas verá aqui que tenho um conta-gotas. Agora, se eu clicar e arrastar esses pontos, eu tenho meu botão esquerdo do mouse pressionando para baixo, você verá que eu posso ir até o painel do navegador atrás, e eu posso selecionar uma dessas cores. Então eu vou selecionar a cor verde, e agora meu pequeno quadrado foi preenchido com essa cor verde e eu vou clicar em “Ok”. Vou abrir o último painel para que possamos ver o que está acontecendo enquanto trabalhamos, e vocês verão aqui que isso é o que temos. Temos camada de preenchimento de olhos. Eu vou arrastar isso para o novo ícone de camada, então eu estou fazendo uma duplicata dele. Vou para a ferramenta de movimento e vou mover isto para a esquerda. Agora, esta vai ser a minha sombra, vai ser a minha cor mais escura. Vou clicar duas vezes na miniatura da camada, e isso mostra o seletor de cores. Agora, uma versão mais escura desta cor vai ter menos brilho. Neste momento, o valor do brilho é 44. Vou tirar uns 15, mas vou usar um número aleatório, então vou digitar 30 aqui. Esta é uma sombra desta cor. Agora, se não estiver escuro o suficiente, posso descer um pouco menos. Vou transformar isto num brilho de 25. Isso parece uma boa sombra para mim, então eu vou clicar em “Ok”. Agora vou voltar ao meu preenchimento de cor original. Vou arrastá-lo para o novo ícone. Vou movê-lo para o topo, e esta vai ser a minha tonalidade, a minha versão mais clara. Eu vou movê-lo através e eu estou usando os guias inteligentes para apenas posicionar para que eles são cuidadosamente separados um do outro. Vai clicar duas vezes na miniatura da camada. Agora, para criar uma tonalidade ou uma versão mais clara, vou aumentar o brilho. Era 44, vamos tentar algo como 65, e podemos vê-lo in situ. Podemos dizer se esta é uma versão leve o suficiente e se não for leve o suficiente, então basta aumentar o valor, e quando você conseguir o que deseja, basta clicar em “Ok”. 3. Pt 2 - mais tons e tons e: Este é o meu primeiro conjunto de cores. Vou selecionar todas as três camadas, clique na parte superior, Shift, clique na parte inferior, e arraste-as e solte-as no novo ícone. Você pode ver agora temos cópia de tonalidade, cópia de sombra e cópia de cor. Eu vou arrastar isso para baixo usando a ferramenta de movimento, então apenas espaçamento eles ordenadamente aqui no canto superior do documento. Agora, à medida que avançamos, eu gostaria que cada uma dessas camadas atacasse a sombra de cor e a tonalidade em vez de cópia de cor, cópia de sombra, cópia de matiz. O que podemos fazer isso e podemos fazê-lo muito simplesmente com uma ação. Então eu vou mostrar a vocês muito rapidamente como criar uma ação. Vou escolher Janela e, em seguida, Ações. Aqui está meu painel de ações, mas eu vou recuperar meu painel de camadas também. Agora, você pode criar um novo conjunto para suas ações se desejar, basta clicar aqui em criar um novo conjunto. Vou chamar este esquema de cores, e clique em OK. Agora vou criar uma nova ação dentro deste conjunto de esquemas de cores. Antes de fazer, o que eu quero fazer é ter certeza de que eu selecionei no último painel, não uma das camadas que eu quero renomear. Portanto, não quero ter uma cópia colorida, ou uma cópia compartilhada ou uma cópia de matiz selecionada, quero que outra coisa seja selecionada. Agora vamos ao esquema de cores aqui e clique em criar uma nova ação. Vamos chamar isso de renomear camadas e clicar em “Gravar”. Agora vamos clicar na cópia colorida. Vou clicar duas vezes no nome, remover a cópia da palavra e pressionar “Enter”. Clique duas vezes na cópia de sombra, remova a cópia da palavra e pressione “Enter”. Clique duas vezes na cópia de matiz, remova a cópia da palavra e pressione “Enter”. Agora eu renomeei todas essas três camadas. Vou passar por aqui e clicar para parar de gravar. Você vai dizer e a paleta de ações que a ação irá selecionar a camada chamada cópia de cor e, em seguida, ele irá renomeá-lo, e ele vai continuar a fazer isso todo o caminho para baixo. Podemos usar essa ação em um minuto para o próximo conjunto de cores, mas agora vamos abordar este conjunto. Vou selecionar a cor, vou clicar duas vezes na miniatura da camada. vez, eu quero escolher uma cor do meu esquema de cores do centro-oeste autor aqui. Eu vou clicar e arrastar e agora basta ir e provar uma cor. Então vou usar o amarelo desta vez. Clique em “Ok”. Agora eu preciso de uma sombra, vou clicar duas vezes nesta miniatura, vou clicar na cor original porque eu quero que minha sombra seja uma versão dessa cor, mas eu quero que ela tenha muito menos brilho. Então eu vou levar isso para cerca de 75 e ver o que parece. Parece muito bom, vou clicar em “Ok”. Agora, para a nossa tonalidade, vou clicar duas vezes na tonalidade. Vou clicar na cor que queremos uma tonalidade. Neste caso, nós realmente não temos nenhum movimento em termos de brilho. Então nós não podemos realmente aumentar nosso brilho em muito porque ele já está em 98, então eu vou levá-lo para um 100, mas eu também posso torná-lo um pouco mais leve apenas reduzindo a saturação. Vou aqui reduzir a saturação para tentar obter uma versão mais clara desta cor que potencialmente eu poderia usar como uma cor de destaque, e eu vou clicar em “Ok”. Agora temos nosso segundo conjunto de cores, vamos criar apenas um terceiro conjunto. Então eu vou clicar no topo um Shift, clique na parte inferior dessas três cores, arraste e solte-as no novo ícone. Agora eu tenho minhas camadas nomeadas. Bem, podemos renomear as camadas executando nossas ações. Vou clicar na minha ação e clicar em “Jogar”. Agora, minha ação está definida para ser executada passo a passo, então ela está sendo executada muito mais devagar do que sua ação, mas eu só pensei em mostrar passo a passo como vai funcionar, e obviamente é renomeada todas essas camadas. Antes de eu ir e criar essas cores, vamos movê-las. Então eu vou selecioná-los, eu tenho a ferramenta de movimentação selecionada. Vai arrastá-los até aqui usando meus guias inteligentes. Vamos voltar a essa cor, clique duas vezes em sua miniatura. Segure o ponteiro do mouse aqui para que possamos ver, Eu solto um clique e arraste e continue pressionando para baixo até que sejamos capazes de provar a cor do navegador atrás. Aí está a minha cor e eu vou clicar em “Ok”. Agora vamos clicar na sombra, vamos clicar na cor que precisamos sombra. Brilho é 60, vamos descer para 45 e ver como isso parece. Provavelmente não está escuro o suficiente, então vamos descer para 30. Acho que é um tom melhor para essa cor, vou clicar em “Ok”. Agora, para a versão de matiz ou mais clara, clique duas vezes sobre ela. Clique na cor que queremos uma tonalidade de, brilho é 60, vamos levá-lo até 80. Não é bem brilhante o suficiente, acho que não , vou levá-lo até 90. Essa é uma cor de destaque melhor para mim, eu vou clicar em “Ok”. Agora, essas cores sejam brilhantes o suficiente ou não como uma decisão subjetiva, você pode tomar uma decisão com base no que quiser que suas cores se pareçam. Mas agora temos um mini-esquema de cores, se você quiser, você poderia ir em frente e provar mais algumas cores. Claro, você não tem que ficar apenas com as cores do meio-oeste automático se você ver alguma outra cor aqui que pode ser interessante no esquema de cores, você pode usá-lo. Claro, você também pode continuar e criar uma cor de sua escolha. Você pode clicar duas vezes aqui e escolher uma cor que faça sentido para você. Então basta clicar nele e então isso vai ser uma cor inicial e então você pode fazer suas tonalidades e tons. Eu não vou fazer isso, mas isso seria uma possibilidade também. 4. Pt 3 - faça um modelo: Agora, isso é praticamente tudo que você precisa fazer para o seu esquema de cores, mas pode ser bom apenas arrumar seu documento. Não preciso mais das minhas ações, então vou fechar o painel. As ações serão salvas no Photoshop para que as ações sempre estejam disponíveis para mim. O que eu acho que seria melhor fazer é colocar todas essas cores em uma pasta. Vou clicar na parte superior, clique com a tecla Shift pressionada na parte inferior e clique aqui para criar um grupo ou uma pasta dentro da paleta de camadas. Selecionando as camadas antes de clicar nesse grupo, você verá que todas elas foram adicionadas automaticamente ao grupo. Vou clicar duas vezes aqui e chamar essas cores. Se eu abrir o folheto aqui, você pode ver que todas essas camadas estão dentro desse grupo. Uma vez que você tenha resolvido suas cores, não é uma má idéia selecionar seu grupo e apenas bloqueá-lo. Você vê o ícone de cadeado aqui. Agora nada pode acontecer com aquele grupo e é só sentar no canto superior. Você pode acessar as cores ao criar formas, por exemplo, vamos adicionar uma nova camada. Vamos criar uma forma. Eu só vou arrastar um quadrado aqui. O que vai ser um quadrado? Porque eu ainda tenho uma relação fixa definida. Vou clicar na ferramenta Conta-gotas. Vou selecionar uma cor que eu quero usar para o meu quadrado. Como é a cor do primeiro plano, posso pressionar a opção “Alt Backspace” Excluir no Mac para preencher meu quadrado com essa cor. Então, se eu quiser fazer isso, eu poderia criar um elemento de sombra a partir disso. Vamos e selecione o botão de subtrair da seleção. Eu vou para a minha ferramenta Lasso, eu vou criar uma forma orgânica aqui. A única coisa que resta nesta selecção é este canto aqui em baixo. Vou à minha ferramenta de conta-gotas. Eu vou selecionar na minha cor de sombra, e eu vou pressionar a opção “Alt Backspace” Excluir para aplicar essa cor à minha forma. Esse é um exemplo muito simplista de como você pode trabalhar com cores de sombra. Claro, você pode adicionar um realce a uma forma apenas arrastando a forma à qual deseja adicionar o realce, experimentar a cor do realce e, em seguida, preencher a forma com isso. Não preciso mais disso, eu só fiz isso por um exemplo, mas vamos dar uma olhada brevemente nas cores. Só vou abrir este painel de novo. Vou tirar a fechadura, por isso basta clicar nisso para tirar a fechadura. Se você não quiser que seu painel seja tão grande, basta selecionar o grupo e manter pressionada a tecla “Shift” enquanto reduz o tamanho. Ele não precisa ser muito grande porque é realmente fácil apenas acertar uma dessas cores com a ferramenta conta-gotas para prová-las. Eu só vou fazer o meu um pouco menor, fechar o painel, trancá-lo novamente. Agora, o Photoshop não tem a capacidade de criar modelos. Ele não tem um formato de arquivo de modelo, mas isso não significa que você não pode usar modelos. Tudo o que você precisa fazer é criar e gerenciar a situação de modelos você mesmo. O que você faria é que você faria Arquivo Salvar como, e você salvaria isso como um arquivo PSD. Você pode chamá-lo de modelo de esquema de cores, por exemplo. Em seguida, sempre que você quisesse criar um novo documento, você poderia simplesmente escolher “Arquivo” e, em seguida, “Abrir” e abrir seu modelo de esquema de cores. Salve o arquivo novamente usando um nome diferente para que você não substitua o modelo. Então você entraria em seu arquivo aqui, você iria clicar em suas camadas, você iria clicar no ícone de cadeado para desbloquear as cores, abrir isso, e então configurar as cores que você deseja para o documento que você está criando. Você virá aqui e selecionará “Cor” e então criará sua cor principal para esta caixa aqui. Então você vai em frente exatamente como temos feito e criar a sombra e a tonalidade. Mas essas caixas já foram predefinidas para você. Todo o sistema foi configurado, então você vai economizar um pouco de tempo, mesmo que estas não sejam as cores que você deseja usar sempre, pelo menos você terá três quartos do sistema trabalhado e apenas selecionando as cores e criar tons e tons vai ser a parte mais fácil do processo. Seu projeto para esta classe será criar esta caixa de três por três cores. Vá e selecione cores da cor da Adobe ou cores de sua escolha, e também produza uma tonalidade e sombra dessas cores. Agora, tudo que você precisa fazer para o seu projeto de classe é realmente me mostrar isso. Depois de salvar seu arquivo de modelo e você estiver pronto e funcionando com isso, basta voltar para este arquivo e cortar os bits que você não precisa e apenas salvar uma versão do arquivo que só tem seu pequeno esquema de cores em para que você possa postar que, em seguida, como seu projeto de classe. Espero que você tenha gostado desta aula e que tenha aprendido algo sobre trabalhar de forma eficaz no Photoshop, não apenas criando elementos repetitivos que você pode usar repetidamente mas também, às vezes, criar mini ações que podem fazer parte do trabalho para você. Se você gostou desta aula, quando vir o prompt para recomendar esta aula a outros, por favor, faça duas coisas para mim. Dê um polegar para cima e escreva apenas duas ou três palavras sobre por que você gostou da aula. Essas recomendações ajudam outros alunos a encontrar minhas aulas. Ele também os ajuda a determinar se essa classe é aquela que pode ser de valor para eles também. Se você gostaria de deixar um comentário, por favor 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 para este episódio de design gráfico para o almoço, e estou ansioso para vê-lo em um próximo episódio em breve.