Crie padrões ousados com técnicas fáceis de camadas no Photoshop - um curso Graphic Design For Lunch™

1. Crie padrões ousados com técnicas fáceis de camadas no Photoshop - um curso Graphic Design For Lunch™: Olá, sou Helen Bradley. Bem-vindo a esta aula do Skillshare sobre criar um padrão em camadas no Adobe Photoshop Eu escolhi esse design de rosquinha porque é simples o suficiente para qualquer pessoa criar, e ele me permite mostrar usos práticos algumas ferramentas do Photoshop, como warp e Puppet Warp, além de como criar pincéis e padrões personalizados e ele me permite mostrar usos práticos de algumas ferramentas do Photoshop, como warp e Puppet Warp, além de como criar pincéis e padrões personalizados e muito mais. Todas essas são habilidades valiosas para você adicionar ao seu kit de ferramentas do Photoshop Agora vou ensinar esse design passo a passo para que você possa acompanhar e criar seu próprio padrão. E quando terminar, basta enviá-lo como seu projeto de classe. Eu realmente espero que você goste desta aula tanto quanto eu gostei de prepará-la para você. 2. Parte 1 — desenhe o donut: Para começar nosso padrão, vamos começar com um novo documento e vamos criar um documento quadrado. Vou clicar aqui em Novo arquivo. E eu vou fazer um documento de 1.000 pixels por 1.000 pixels de tamanho. Agora, criticamente, você precisa garantir que essa caixa de seleção de pranchetas não esteja Eu tenho o meu ativado. Isso não vai funcionar. Você precisa se certificar de que isso não tenha uma marca de seleção aqui, ou o processo posteriormente não funcionará. Você vai ter que meio que resolver a bagunça. Então, desmarque as pranchetas e clique em Criar. Eu já selecionei uma cor marrom aqui. Deixe-me cancelar a saída daí. Você encontrará uma bela cor marrom no painel Amostras na área escura. Então, há alguns marrons lá Também há alguns marrons aqui. Assim, você pode selecionar o que quiser. Agora, vou até a ferramenta Ellipse aqui, aquela que está na área da forma, e aqui na barra de ferramentas, vou selecionar pixels E isso significa que essa cor será a cor de preenchimento que usaremos. Antes de desenharmos nossa forma real, precisamos visualizar nossa paleta de camadas Estou apenas pressionando F sete, mas você pode escolher Janela e depois camadas. Se desenharmos nosso círculo agora, ele ficará em segundo plano. Vai ser muito difícil tirá-lo de lá mais tarde. Não queremos fazer isso. Vou clicar no sinal de adição aqui para criar uma nova camada para ele. Agora vou segurar a chave do chef enquanto arrasto um formato de tamanho razoavelmente bom para minha rosquinha Uma rosquinha ficará melhor se não for um círculo perfeito, então selecionei minha camada de rosquinha aqui se não for um círculo perfeito, então selecionei minha camada de rosquinha Vou editar e depois transformar, e vou até aqui para distorcer Agora, com a ferramenta de distorção selecionada, você pode ver que temos uma grade aqui e podemos arrastar pedaços dessa forma Podemos arrastar a forma em si, mas também podemos arrastar essas alças aqui. Podemos arrastar esses pontos. E tudo o que vamos fazer é tentar evitar que isso seja um círculo perfeito. Portanto, não temos algo que seja lido com um pouco de precisão em termos de círculo. Vai parecer um pouco mais com um donut. Vou clicar aqui porque terminei. Precisamos tirar um círculo do meio da rosquinha para fazer o Para isso, vou focar nessa camada. Vou até aqui até a ferramenta elíptica para festas. Ele compartilha uma ferramenta por posição com a ferramenta de letreiro retangular Vou manter pressionada a tecla shift ao começar a desenhar meu círculo, mas vou me certificar de não soltar nada neste momento. Vou adicionar o espaço apenas pressionando-o com o polegar, e isso me permitirá posicionar essa forma, que é o orifício na rosquinha onde eu quiser Então, estou feliz com isso por aí. Agora eu soltei todas as teclas e vou pressionar a tecla delete para remover o meio dela. E agora eu só preciso remover a seleção aqui, então vou selecionar e depois desmarcar Se quiser, você pode voltar e distorcê-la ou pode ter guardado a distorção até agora para poder inclinar um pouco o meio da forma e torná-la um pouco mais interessante Então, cabe a você decidir o que quer fazer, mas essa é uma ferramenta divertida, aquela ferramenta de distorção. Eu meio que gosto disso. 3. Parte 2 — adicione o glacê: Faça a cobertura do nosso donut, vamos fazer uma cópia do piolho do Vou apenas arrastá-lo para o sinal de mais aqui. Vou preenchê-lo com um pouco de rosa, então vou selecionar uma cor rosa para usar. Eu só vou pegar amostras. É um pouco mais fácil para mim. Vou usar a ferramenta de balde de tinta e, como selecionei minha versão superior do donut, posso simplesmente colocar a cor rosa Agora, está por cima da rosquinha, então queremos distorcer a cor rosa para que possamos ver partes da Agora, poderíamos usar a ferramenta warp. Então, com a camada selecionada, poderíamos voltar e escolher, editar e depois transformar e depois deformar. É uma ferramenta com a qual agora estamos familiarizados, então podemos usá-la para tentar fazer com que nossa cobertura pareça um pouco como se estivesse colocada em cima da rosquinha Há outra ferramenta que você pode usar, chamada de ferramenta Puppet Warp. Novamente, com essa camada selecionada, iremos para Editar e iremos para Puppet Warp Agora, há algumas coisas sobre a dobra de marionetes. A maneira mais fácil de usá-lo é pensar que o primeiro pino que você coloca é como o alfinete Então, basta clicar para colocar um alfinete. Não tente mover isso, porque se você fizer isso, você vai mover tudo. Mas agora coloque outro pino e você poderá começar a mover as coisas. Assim, você pode mover coisas para dentro e para fora. Você terá problemas se tentar colocar pinos muito perto dos pinos existentes, então esteja ciente disso Você pode colocar um alfinete no chão e depois arrastá-lo. Realmente, não há muita coisa na ferramenta Puppet Warp nesse nível, então divirta-se um pouco com ela, e tudo o que estamos tentando fazer é ver pedaços da rosquinha aqui embaixo para ter a impressão de que é cereja e que não perdemos totalmente a perdemos Quando terminar, basta clicar na marca de seleção. Se você não gostou do que fez, basta clicar neste ícone aqui e começar tudo de novo. Mas aí está o formato que parece um donut. 4. Parte 3 — adicione os respingos: Para criar os granulados, vamos criar um pincel personalizado Então, vou escolher arquivo e depois novo. Vou criar um documento apenas 250 pixels por 250 pixels. Vou clicar em Criar. Vou pressionar Control e zero para ampliar o documento Agora, os pincéis precisam ser pretos, brancos ou tons de cinza Vou fazer o meu preto sólido, então ele vai pintar com saturação total Vou usar a ferramenta retangular aqui. Eu vou selecioná-lo. Vou me certificar de que aqui, dessas três opções, estamos realmente usando a forma. Enquanto estiver aqui, confirmarei que a cor de preenchimento está correta. Pode ser que não seja. Você pode simplesmente alterá-lo neste momento clicando nele, mas esse é o preenchimento que será aplicado. Vou arrastar minhas formas. Vou clicar e arrastar uma espécie de forma longa porque escolhi essa ferramenta de forma, pego esses pequenos widgets de canto, para que eu possa arrastá-los para arredondar as bordas Então, essa é uma boa forma para o meu pincel. Vou selecionar isso e vou para Editar e, em seguida, definir a predefinição de pincel Vou chamar o Sprinch. Clique em OK e agora posso descartar esse documento, pois não preciso mais dele Agora, quando eu vou para a ferramenta de pincéis, você verá aqui que o pincel já está selecionado, mas você poderia selecioná-lo se não estivesse, vá para a opção de configurações do pincel porque eu preciso fazer algumas configurações para esse pincel Além disso, quero ver meu painel *** nesta fase. Isso é muito importante. Eu quero pintar em um novo laboratório vazio. Vou clicar aqui para adicionar uma nova camada vazia ao meu pincel. Agora, é assim que meu pincel está pintando. Vamos usar o formato da ponta do pincel. Vou diminuir um pouco o tamanho do pincel. Acho que esse será um tamanho melhor para ele, e vou aumentar o espaçamento para que as pinceladas sejam espaçadas Em seguida, abordaremos a dinâmica da forma. E aqui, tudo o que queremos fazer é alterar a oscilação do ângulo para que as pinceladas agora mudem de orientação à medida E então vamos para a dinâmica das cores. Vou marcar essa marca de seleção aqui e depois selecionar a opção. Queremos clicar em Aplicar por dica e queremos que fundo do primeiro plano seja 100% em todo o resto 100% Essas três configurações, matiz, saturação e brilho, podem ser 0% e deixar a pureza em seu valor médio, que é Eu só vou fechar isso. Vamos pegar algumas cores para usar. Vou para o painel Amostras. Vou escolher algumas cores bastante brilhantes para meus granulados Então, eu vou escolher rosa aqui e vamos pegar uma espécie de cor azul. Agora, meu pincel vai alternar entre essas duas cores Então, eu só estou pintando aqui. Deveríamos estar pintando em nossa nova camada, o que estamos fazendo. Agora, enquanto eu pinto, esses granulados estão sendo colocados Eles estão girando e as cores também estão mudando. Um borrifo entra no lugar e você não gosta, basta pressionar Control Z, e isso o desfará E você pode continuar. Você também pode alterar as cores, se quiser. Basta escolher outra cor para seus granulados e alternar entre o laranja agora e o rosa Então, quando eu terminar, posso simplesmente salvar esse arquivo, e está tudo pronto para criarmos nosso padrão. 5. Parte 4 — faça o padrão: Para criar nosso padrão, vamos até a paleta Las e vou colocar essas três camadas, as três camadas que contêm a própria rosquinha , em um Então, estou selecionando todos os três. Com o botão direito, clique e escolha Converter em objeto inteligente. Agora, preciso de uma cópia desse objeto inteligente, e a forma como faço isso afetará seu comportamento Poderia arrastar essa camada de objeto inteligente até esse ícone aqui, e isso resultaria em um segundo objeto inteligente que será vinculado ao original. Então, se você fizesse alterações no primeiro, o segundo também mudaria. Eu não quero que seja esse o caso. Quero que meus objetos inteligentes estejam separados uns dos outros. Então, vou clicar com o botão direito do mouse e escolher Novo objeto inteligente via cópia. Parece que são idênticos e estão neste estágio, mas podem ser editados separadamente. Objetos inteligentes são uma ótima opção para criar padrões com a nova ferramenta de padrões no Photoshop Simplesmente funciona melhor dessa forma. Então, vamos escolher view e depois Pattern Preview. Vou clicar em OK. O padrão é muito grande no momento. Vou apenas encolher minha tela um pouco para que possamos ver as bordas do padrão aqui Vou selecionar o objeto mais alto e vou movê-lo para a posição aqui Agora, um aviso: essa opção de visualização de padrões não funcionará se você tiver várias pranchetas, portanto, certifique-se de ter seu design em um documento que tenha apenas uma única prancheta Então, aqui está o primeiro dos nossos padrões. Se eu estiver feliz com isso, posso acessar a opção de padrões aqui e simplesmente adicionar meu padrão. Agora, antes de fazer isso, vou realmente remover o fundo do padrão. Vou esconder o plano de fundo para que meu padrão seja transparente. Isso significa que posso incluir minha própria escolha de plano de fundo mais tarde. Ao descer até a parte inferior do painel, vou clicar no sinal de mais, e esse será meu primeiro padrão Donte Já decidimos que poderíamos fazer alterações em nossos objetos inteligentes. Vou clicar duas vezes neste. Vou mudar a cor da cobertura, então vou escolher uma cor de cobertura diferente Vamos ver as amostras. Vamos escolher uma cor azul para nossa cobertura. Vou apenas despejar a cor azul nessa camada. Vou salvar minhas alterações e agora tenho um segundo padrão. Então, desta vez, vou ao meu painel de padrões. Parece que eu o fechei. Então, vamos adicionar um segundo padrão de rosquinha. Se quiséssemos uma rosquinha sem o granulado, isso também é fácil de Nesse caso, clicaremos duas vezes no Objeto Inteligente. Desligue os confeitos. Eu sugiro que você não os exclua, mas apenas os desative para que estejam lá se você quiser fazer alterações mais tarde no futuro. Eu só vou guardar isso. Você pode ver este agora não tem granulado Se quisermos fazer o mesmo aqui, precisaremos editar este separadamente porque eles não estão mais vinculados. Certifique-se de salvá-los. E agora temos um padrão que não tem nenhum granulado. Vamos salvar isso como um padrão. Portanto, temos três padrões que podemos usar. 6. Parte 5 — Use seu novo padrão: Agora, antes de terminarmos aqui, precisamos sair desse diálogo. Então, vou escolher alguns e depois desativar a visualização de padrões. Temos dois donuts aqui. Um deles está no canto superior do documento. Você pode ver que está aqui na borda, e esta é a do meio. Isso é exatamente o que deveria parecer. Apenas deixe-os do jeito que estão. Você pode salvar esse arquivo e, em seguida, voltar a qualquer momento e editar esse design para criar outro padrão caso deseje. Para usar o padrão, vamos criar um documento totalmente novo. Vou escolher arquivo e depois novo. Para este, vou fazer um documento muito grande. O meu terá 3.600 por 3.600 pixels de tamanho. Vou adicionar um novo laboratório porque isso facilita a adição de padrões aos nossos documentos. Eu só vou fazer isso. Deixe-me fechar. Este painel aqui. Na verdade, deixe-me pegar meus padrões novamente. A parte inferior do meu painel de padrões são meus novos padrões. Vou clicar para adicionar o primeiro deles ao documento. O fundo branco vem do plano de fundo deste documento, não do padrão em si. Se quisermos escalar o padrão, podemos fazer isso. Vou clicar duas vezes na miniatura aqui e reduzi-la para um tamanho menor Se eu clicar em um desses outros padrões, ele virá em um tamanho menor, se eu clicar nele. Você pode ver que este é o nosso segundo padrão, e este é o terceiro que não tem nenhum granulado Agora, se quisermos colocar nosso próprio plano de fundo personalizado no arquivo, podemos fazer isso. Desative o plano de fundo que veio com o arquivo e vamos escolher camada, nova camada de preenchimento, cor sólida. Eu gosto de usar camadas de cores sólidas porque quando você as usa, bem, vamos colocá-las no lugar certo primeiro. Quando você os usa, eles são totalmente editáveis. Então eu posso clicar duas vezes nesta miniatura, e eu posso vir aqui e mudar a cor para qualquer cor que eu quiser E se eu olhar para ela agora e disser, bem, essa não é a cor que eu quero, bem, eu posso simplesmente clicar duas vezes nela e fazer mais alterações nela. Isso lhe dá a chance de experimentar cores enquanto trabalha nesses designs. E, claro, podemos simplesmente alterar o padrão visando a camada padrão e simplesmente mudar para um padrão diferente