Diagonais, ziguezagues, xadrez e bolinhas no Adobe Photoshop — um curso de Graphic Design for Lunch™

1. Crie padrões úteis no Photoshop no Photoshop no: Olá. Sou Helen Bradley. Bem-vindo a esta aula de Design gráfico para almoço, crie padrões diagonais , chevron, xadrez e bolinhas 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 padrões úteis no Photoshop, o tipo de padrões que serão úteis para papel de álbum de recortes, vendas digitais online e fundos para seus projetos. Vamos fazer listras e listras diagonais. Vamos fazer divisas e alguns padrões sofisticados de pontos. Tudo isso está construindo a partir da minha classe básica de padrões do Photoshop. Você também aprenderá a usar um esquema de cores para coordenar seus padrões. À medida que você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Recomendações como essa 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 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 criar padrões úteis no Photoshop. 2. Mais padrões - listras de diagonais, de letras, xados, Stripes, de de coloridos- parte 1: Antes de começarmos com esta aula , são duas coisas que eu queria mencionar. Em primeiro lugar, se você nunca fez patentes antes no Photoshop, você pode querer ir e ver minha aula de Criação de padrões. É uma introdução inicial. Vou colocar um link para isso na seção de projeto de classe apenas no caso de você querer olhar para isso primeiro e se você quiser uma atualização, essa é uma boa classe para tomar também. A segunda coisa é que se você tomou minha classe Faça um esquema de cores, este é realmente um bom momento para fazer uso dos esquemas de cores que você criou. Se quiser, você pode abrir seu esquema de cores aqui no Photoshop, clicar na amostra de cor do primeiro plano aqui e abrir o seletor de cores. Você selecionará sua cor e, em seguida, clique em “Adicionar a Amostras”. Não vou adicionar isto à minha biblioteca, mas vou dar um nome a esta cor. Eu vou fazer isso para as outras três cores aqui. Agora posso fechar este documento porque não preciso mais dele. Se eu abrir a Paleta de Amostras aqui, você verá que essas quatro cores, são as quatro cores que eu criei na minha amostra padrão e eu posso usar isso no meu projeto. Claro, não há necessidade de fazer isso se você não tiver feito a classe de esquema de cores, é só que se você tivesse, você pode querer usar essas cores. Vamos começar com um padrão de listras simples Arquivo e depois Novo, vai começar com um ritmo padrão que é 200 por 200. Se você estiver usando esses padrões para, digamos, papel de álbum de recortes, criá-los em um tamanho grande e reduzi-los é melhor do que ir para o outro lado. Indo para colocar um guia no meio deste documento Ver, Novo Guia. Vai ser vertical, vai ser 50% e eu vou clicar em “Ok”. Eu vou arrastar para fora um retângulo, o tamanho de metade deste documento parece que eu tenho um estilo fixo sobra de outro projeto. Vou me certificar de que o estilo está definido como normal, então eu posso realmente selecionar até o guia que eu criei e eu vou fazer isso em uma das minhas cores, então eu tenho minha cor verde aqui. Vou pressionar a opção “Alt backspace”, Excluir no Mac para preenchê-lo com verde. Preciso selecionar tudo, então escolho Selecionar tudo. Eu vou fazer um padrão a partir desta edição definir padrão, isso vai ser listra verde, clique em “Ok.” Vamos usar isso como um novo documento com Arquivo Novo, todos os meus documentos vão ser tamanho de papel de scrapbook, mas você pode fazer o seu qualquer tamanho que quiser. Estou usando 3600 por 3600, 300 pixels por polegada, fundo transparente, modo de cor é RGB, e o perfil de cores é SRGB porque isso é realmente o que você quer para papéis de álbum de recortes digitais, clique em “Ok”. Vou escolher Camada, Nova camada de preenchimento e depois Padrão. Se eu clicar em Ok, o último padrão que eu criei, que é essa faixa verde, será aplicado a este documento. Acho que a faixa é um pouco grande, então vou reduzi-la para 50% e clicar em “Ok”. Estou abrindo o último palete aqui porque eu tenho minha camada de preenchimento, eu vou para Control ou Command clique no ícone da nova camada para adicionar uma nova camada vazia, eu vou pressionar “D” para obter as cores padrão, branco é minha cor de fundo. Vou pressionar Control Backspace comando Delete no Mac para preencher esta camada com branco. Este é o nosso padrão de listras e se você quisesse isso como um papel de álbum de recortes, você iria em frente e salvá-lo como um arquivo JPEG. Novamente, eu tenho uma aula aqui sobre fazer papéis de álbum de recortes para vender para que você possa seguir essa classe se você ainda não fez isso, ou se você não está familiarizado com o processo. O que eu quero fazer agora é transformar este papel listrado em papel diagonal. Não é algo que realmente parece ser fácil de fazer em primeira instância, mas há um filtro no Photoshop que pode fazer o trabalho por você. Filtro, Distorção, Cisalhamento. Agora eu tenho uma camada preenchida por padrão aqui, então o Photoshop está dizendo que ele não pode realmente aplicar esse filtro a essa camada a menos que eu faça uma ou duas coisas. Preciso convertê-lo em um objeto inteligente ou rasterizá-lo. Para mim, converter para um objeto inteligente faz sentido porque isso significa que eu poderia voltar e fazer alterações nesta camada de preenchimento padrão se eu quiser. Eu só vou escolher isso como uma opção. Agora, no diálogo de cisalhamento, podemos distorcer esse padrão, o que eu quero fazer é transformá-lo em uma série de linhas diagonais. Vou arrastar este conjunto de controles no diálogo para fora para que eles estejam no ângulo que eu quero que o papel seja cortado ou as listras sejam cortadas e eu vou clicar em “Ok” e aqui temos listras diagonais. Algo que tradicionalmente, se você já tentou fazer isso antes, pode ser um pouco perigoso no Photoshop. Agora, se estou olhando para isso e pensando que minhas listras não são largas o suficiente, vamos consertar isso. Vou clicar duas vezes na camada de preenchimento padrão, que é um objeto inteligente. Isto é abrir o objeto inteligente, e aqui está ele. Vou clicar duas vezes na miniatura da camada para abrir a caixa de diálogo de preenchimento de padrão. Neste ponto, só para que você possa ver uma diferença realmente grande quando voltarmos ao documento original, vamos escalar isso para 100 por cento e clicar em “Ok”. Sempre que você está trabalhando com um objeto inteligente, você o abre, você receberá um arquivo PSP. O que você precisa fazer é fechar isso e salvá-lo. Este é um objeto inteligente incorporado dentro do arquivo do Photoshop e há uma faixa mais ampla. Claro que se você quiser ir na outra direção em sua faixa, você pode fazê-lo. Eu vou voltar para o meu filtro de cisalhamento e desta vez, eu vou apenas pegar o ângulo na direção oposta e há a faixa angular oposta. Essa é uma maneira rápida e fácil de criar papéis listrados aqui no Photoshop. 3. Mais padrões - listras de diagonais, de letras, xados, de xad, de de a e em coloridos, - parte 2: Os padrões de Chevron são outro tipo de padrão que são realmente bons para efeitos de fundo. Novamente, eles podem ser complexos ou fáceis de fazer dependendo de como você os aborda. Vou criar um novo documento com Arquivo e, em seguida, Novo. Eu vou fazer meu documento 200 pixels por 200 pixels. Novamente, cor RGB transparente e clique em “Ok”. Vou ampliar para que possamos ver isso um pouco mais claramente. Agora há uma forma personalizada que podemos usar para cortar atalho o processo de criação de uma divisa. Eu vou para a ferramenta de formas alfandegárias aqui, vou deixar cair a lista. O que procuro é esta forma aqui. É uma espécie de flecha ou forma de chevron. Está do lado dele, mas vamos escrevê-lo em um minuto, e está na coleção de flechas. Se você não vir o seu aqui, abra um pequeno Menu Flyout aqui, vá e selecione “Setas”. Então, quando você for perguntado se você deseja substituir as formas com as formas das setas, não diga ok, basta clicar em “Acrescentar” e elas serão adicionadas até o final. Eu não preciso fazer isso porque eu já tenho a forma aqui. Vou selecionar essa forma. Agora, aqui em cima, eu queria fazer um vidro em forma. Vou selecionar a forma na lista suspensa. Em versões anteriores do Photoshop, você pode ter três ícones aqui, você deseja selecionar o ícone de forma. Nós só vamos arrastar uma forma aqui. Neste ponto, você quer tomar algum tipo de decisão sobre o quão bendy você quer que sua divisa seja. Só estou fazendo o meu bem dobrado. Estou selecionando aqui não traçado, mas eu preencher cor, não importa agora qual é o preenchimento. Indo para a ferramenta de movimento, eu vou manter a tecla “Shift” enquanto eu rodar isso e eu quero girar um total de 90 graus e, em seguida, clique na marca “Verificar”. Agora vou colocá-lo em posição aqui. Quero que se meta em cada lado deste documento. Se não está se intrometendo aqui com esse alvo, vou arrastá-lo para que isso aconteça. Vou selecionar a ferramenta “Formas personalizadas” novamente, e desta vez eu quero selecionar uma cor. Porque nós vamos usar a marca de cores, esquema de cores, eu vou fazer isso a cor rosa do meu esquema de cores. Agora, se você só quer divisas realmente pontiagudas e você quer um monte de espaço entre eles, você pode ir em frente e fazer um padrão de divisas a partir disso. Vou buscar a ferramenta Letreiro Retangular. Vou começar por baixo aqui. O que eu quero fazer é alinhar a ferramenta de letreiro até o topo destas formas. Estou olhando para onde esse guia inteligente aparece. Se ele não aparecer, se você não conseguir vê-lo, basta colocar seu retângulo para baixo, ampliar aqui, ir e obter “Selecionar”, “Transformar seleção” para obter alças em sua forma e então você pode simplesmente arrastá-lo para posição. O que você quer ver é que a forma do seu retângulo está bem na borda superior desta divisa. Vou clicar na marca “Verificar”, vou diminuir o zoom. Com isso selecionado, vou escolher “Editar” e depois “Definir padrão”. Isto vai ser uma divisa pontuda. Vamos ao nosso documento padrão. Eu só gosto de colocar todos esses padrões em um único arquivo, apenas torna a vida um pouco mais fácil. Vou adicionar uma nova “Camada”, “Nova camada de preenchimento”, “Padrão”, clique em “Ok” e o último padrão na diálogo Preenchimento de padrão aqui é o que acabamos de criar e é o que está selecionado, então Só vou clicar em “Ok”. Você pode dizer que este é um padrão de chevron agradável, mesmo muito atraente. Mas você pode estar pensando que você prefere ver mais rosa e menos branco neste padrão, que você possa ajustar o padrão. Vamos voltar ao nosso documento padrão original. Vou mostrar a última paleta. Vou fazer uma cópia adicional desta forma. Vou usar a ferramenta de movimento e vou movê-la para cá. O que eu estou procurando é definir a distância que eu vejo entre essas duas divisas, então eu vou fazer o mesmo para uma segunda versão da forma e eu vou arrastá-la para baixo. Eu só quero ter certeza de que eu tenho muito conteúdo aqui para usar. Eu quero ver todas as minhas formas, então eu vou escolher “Imagem” e depois, “Revelar tudo”. Isso faz com que a imagem seja grande o suficiente para eu ver tudo. Eu também vou pressionar “Control” ou “Command Zero” apenas para dimensioná-lo para que eu possa vê-lo claramente. Vou selecionar qualquer uma dessas três camadas e usar esta opção aqui, que é Distribuir Centros Verticais. Isso só vai alinhar estes para que seus centros verticais sejam uniformemente espaçados para que esta lacuna tenha a mesma largura que esta lacuna. Eu também quero ter certeza de que minhas divisas estão em perfeito alinhamento. Vou apenas clicar aqui para alinhá-los à borda esquerda do documento e, em seguida, novamente para a borda direita. Realmente preciso ter certeza de que isso vai funcionar para mim. Agora vou levar a minha Ferramenta de Tenda Rectangular. Vou arrastar aqui para selecionar esta forma. Quero que a Ferramenta de Marquise Retangular vá do topo desta forma até ao topo desta forma. Eu não fiz uma seleção muito boa lá, então eu vou começar de novo. Eu vou arrastar a minha forma se eu precisar movê-lo neste ponto antes de eu soltar o botão esquerdo do mouse, eu vou usar a barra de espaço para apenas movê-lo para cima ou para baixo para que eu possa obtê-lo na posição exata que eu quero e o tamanho exato. Então vou soltar o botão esquerdo do mouse. Você não acerta perfeitamente, vá para “Selecionar” e depois “Transformar seleção”. Nesse ponto, você pode ajustar sua seleção se precisar clicar na marca de seleção. Agora temos a área selecionada que precisamos para fazer nosso padrão. Vou escolher “Editar” e depois “Definir padrão”. Esta vai ser pequena divisa espacial, eu vou clicar em “Ok”. Vamos ao nosso Enchimento Mestre Padrão. Clique duas vezes na miniatura da camada aqui, selecione o último padrão, que é o que acabamos de criar e clique em “Ok”. Aqui temos um padrão de chevron muito diferente, muito mais rosa, muito pouco branco. Mas há uma maneira muito útil e rápida de fazer padrões de chevron aqui no Photoshop. 4. Mais padrões - listras de diagonais, de letras, xados, de xad, de de a e em coloridos, - parte 3: Em seguida, vamos dar uma olhada na criação de um padrão xadrez. Vou criar um novo documento para este tamanho de 200 por 200 pixels, clique em OK. Novamente, eu quero guias em 50% verticais e 50% horizontais, apenas para tornar realmente fácil alinhar tudo. Vamos só ampliar. Agora, desta vez eu vou usar a cor marrom da minha amostra padrão, então basta entrar aqui e selecionar esta cor marrom como minha cor de primeiro plano. Vou para a ferramenta Letreiro retangular, vou selecionar mais da metade deste documento, apenas um lado, opção Alt Backspace Excluir para preencher essa seleção com a minha cor. Na última paleta, vou adicionar uma nova camada, vou desmarcar a seleção atual com Control ou Command D. Em seguida, vou novamente, para a minha ferramenta Letreiro Retangular e desta vez vou selecionar o topo metade do documento e, novamente, preencha isso com a cor da minha marca. Vou desmarcar a seleção escolhendo desmarcar ou Controle ou Comando D. Em seguida, precisamos misturá-los para fazer um documento xadrez olhando. Vou fazer isso definindo a opacidade de ambas as camadas para 75 por cento. Podemos testar como isso parece adicionando uma nova camada na parte inferior aqui por Controle ou Comando clicando no ícone da nova camada. Branco é minha cor de fundo, então eu vou pressionar Control Backspace, Command Delete para preenchê-lo com branco. Por enquanto, vou limpar os meus guias. Agora isso faria um padrão xadrez muito bom, então vamos apenas selecioná-lo e fazer um padrão xadrez fora disso. Estou desmarcando meu branco, caso eu queira fazer a quarta cor algo um pouco diferente. Vou desmarcar Tudo, e depois Editar, Definir Padrão, este será um xadrez. Mas antes de deixar este documento padrão, quero mostrar-lhe outra maneira de abordar isto. O que você poderia fazer é mudar a opacidade de um desses para baixo um pouco mais de novo, então eu vou fazer isso 45 por cento. O que eu recebo é luz ao lado da luz e depois mais escura. Esse é outro padrão de xadrez alternativo. Mais uma vez, eu vou escolher selecionar tudo, eu vou fazer este xadrez dois. Vamos testá-lo em nosso arquivo mestre padrão, clique duas vezes na camada padrão, e vamos verificar com o segundo ao último padrão, digamos, 50 por cento escala. Temos algo que lembra um cheque de guingão. Vamos dar uma olhada no último padrão, que é este. Isto é um pouco diferente porque tem três valores diferentes da nossa cor marrom, não apenas dois. Antes de deixarmos este padrão xadrez, vamos dar uma olhada e ver como podemos ser capazes de girá-lo forma semelhante a como giramos essas linhas listradas. As ferramentas de cisalhamento não funcionarão aqui, vou mostrar-vos porquê. Primeiro de tudo, com esta última selecionada, vou escolher Filtrar, Distorcer, Distorcer. Eu vou converter isso em um objeto inteligente, e aqui está o cisalhamento que eu apliquei da última vez, então eu vou apenas reaplicá-lo a isso e clique em OK. Isso é o que acontece com a forma, ele perdeu as qualidades de ser um cheque de guingão girado, então o que eu vou fazer é pressionar Control Alt Z apenas para desfazer isso completamente. Desta vez vou clicar com o botão direito do mouse e rasterizar essa camada. Eu realmente vou transformá-lo em uma imagem bitmap. Agora vou diminuir o zoom para poder ver o espaço ao redor do documento. Vou para a ferramenta Mover, o que vou fazer agora é segurar Shift e Alt enquanto arrasto nos cantos do documento. Eu quero aumentar em torno desta dimensão todo o caminho ao redor. Então eu vou girá-lo segurando Shift como eu faço, modo que ele é girado e restrito 245 graus. Agora, eu o trouxe um pouco mais longe do que ele realmente precisa ser trazido para fora e você pode ver as dimensões de largura e altura aqui. No momento eles são 150, 250 por cento. Bem, eu acho que eu provavelmente poderia reduzi-los para cerca de 145 por cento, eu vou fazer isso agora. Isso parece muito bom, é praticamente o tamanho do documento que eu vou precisar. Vou clicar na marca de seleção. Agora podemos ampliar e dar uma olhada no nosso padrão que agora foi girado. Parecia um pouco dobrado quando estávamos olhando para ele, mas isso é apenas por causa da ilusão óptica desses diferentes marrons de valor. Agora, se você quiser cortar as bordas do documento porque há muito excesso de conteúdo por aqui você vai para a ferramenta Cortar. Nas versões mais recentes do Photoshop, você precisará pressionar a tecla Enter depois de fazer isso e clicar na marca de seleção. Em versões anteriores do Photoshop, você pode simplesmente arrastar sobre o documento visível e, em seguida, cortá-lo, então eu vou apenas cortar o excesso de distância. Este seria o meu padrão xadrez girado. 5. Mais padrões - listras de diagonais, de letras, xados, de xad, de de a e em coloridos, - parte 4: Para completar esta aula sobre criação de padrões, quero ver algumas maneiras de criar padrões escuros um pouco mais sofisticados no Photoshop. Esta abordagem poderia ser alargada a outras coisas que não apenas pontos. Agora, eu fui em frente e criei uma nova peça padrão. Isso é de 200 por 200 pixels de tamanho, e eu acabei de colocar em minhas guias 50% verticais e 50% horizontais. Vou começar colocando um ponto no meio deste documento. Estou indo para a ferramenta elipse. Desta vez, vamos fazer pixels apenas para facilitar. Vou arrastar um ponto de tamanho muito bom. Vou selecionar a Ferramenta Mover. Vou ajustar isto para que fique perfeitamente posicionado no meio do documento. Agora, se ele se recusar a ir para o lugar como o meu está agora, eu vou selecionar esta forma e eu vou pressionar “Controle” ou “Comando A”. Agora, esses ícones aparecem onde você pode forçá-lo para o centro exato do seu documento, que é onde ele está agora. Escolherei Selecionar, Desmarcar. Agora, eu vou fazer uma duplicata disso, arrastá-lo para o ícone Nova camada. Vou forçar a duplicata para os cantos, a forma como fazemos os nossos padrões, Filtro, Outro, Deslocamento. Como este documento é 200 por 200, vamos digitar 100 e 100 neste diálogo para dividir este nos cantos, eu vou clicar em “Ok”. Agora, vou escolher “Selecionar tudo”. Vou fazer minha peça padrão com isso. Vou chamar isto de pontos 1. Agora, eu vou criar uma peça padrão que é o dobro desse tamanho. Arquivo, Novo, isto vai ser 400 por 400, e eu vou clicar em “Ok”. isso, vou colocar meu padrão em 100%. Para isso, porque ele está indo em 100 por cento, eu posso usar esta opção Editar, Preencher. Vou selecionar Padrão na lista de conteúdo e na lista de padrões personalizados, vou clicar no último padrão porque esse é um que acabamos de criar, e eu vou clicar em “Ok”. Este é um padrão de repetição em si mesmo porque é o dobro do tamanho do original. O que eu quero fazer é ampliar um pouco. Quero mudar alguns desses pontos. Eu vou pegar a ferramenta Laço, apenas laçar em torno do ponto do meio aqui. Vou fazer zoom aqui. Agora, o que eu vou fazer é selecionar esta camada e bloquear os pixels transparentes. Eu vou para a ferramenta Laço, eu vou fazer uma seleção em torno desta peça aqui. Vou ter uma cor diferente. Eu vou obter uma segunda cor da minha amostra padrão, que é o meu verde, e então eu vou pressionar “Alt Backspace” opção “Excluir” no Mac para preencher apenas este ponto com verde. A razão pela qual essa seleção inteira não está preenchendo é porque eu bloqueio esses pixels transparentes. Esta fechadura o impede de encher qualquer coisa que seja transparente. Em seguida, bem, certifique-se de que eu quero desmarcar esta seleção primeiro. Em seguida, eu vou selecionar este ponto, e eu vou deslocar arrastar sobre este, então estes dois estão em uma linha diagonal. Vamos pegar a terceira das minhas cores e “Alt Backspace” opção “Excluir”. Agora, eu tenho alguns pontos marrons, alguns pontos verdes, e alguns pontos cor-de-rosa. Vou desmarcar minha seleção. Indo para a minha última paleta, vou abrir a fechadura. Vou selecionar tudo, selecionar tudo, Editar. Vou fazer disto um padrão e clicar em “Ok”. Agora, vamos levar isso para o nosso arquivo mestre padrão e ver como ele se parece. Clique duas vezes nesta camada, abra a lista de padrões. Nosso último padrão na lista será aquele que acabamos de criar. Vamos levar isso até 100 por cento para que possamos ver mais claramente. Bem, na verdade talvez até 150, e clique em “Ok”. O que temos aqui é um padrão multicolorido. Há três pontos coloridos aqui. Ali está o nosso castanho, o nosso verde e o nosso rosa. Acabamos de criá-lo usando uma amostra de padrão básico, mas o que fizemos foi fazer nossa amostra padrão de 200 por 200 como de costume, e então preenchemos um documento que tinha o dobro desse tamanho, 400 por 400, com esse padrão, e então nós preenchemos um documento que tinha o dobro do tamanho, 400 por 400, com esse padrão, e então apenas recolorei alguns elementos. Se você vai recolorir qualquer um desses elementos laterais, esses dois vão juntos. Este e este teriam que ser coloridos da mesma forma. Da mesma forma, este e este teria que ser colorido da mesma coisa. Se você quiser recolorir este canto, qualquer um desses, você terá que recolorir todos os quatro, ou então você vai acabar com círculos que têm um quarto dele, uma cor diferente das outras. Apenas esteja ciente disso se você escolher recolorir mais do que apenas as coisas que eu recolorei aqui. Seu projeto para esta classe será fazer os padrões que eu mostrei aqui, o listras diagonais, o padrão de chevron, o padrão xadrez, e algum tipo de padrão de ponto. Use seu próprio esquema de cores personalizado se você tiver um ou você pode encontrar esquemas de cores on-line. Vou dar-lhe um site onde você pode encontrar esquemas de cores já criados que você pode pedir emprestado e usar para este projeto. Publique uma imagem dos padrões que você criou na área do projeto da classe. Agora, enquanto você está trabalhando nesses vídeos, você pode ver um prompt para recomendar essa classe a outras pessoas. Por favor, se você está gostando, dê um polegar para cima. Isso ajuda os outros 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.