Magia de padrões no Adobe Photoshop: domine os objetos inteligentes para simplificar seu fluxo de trabalho

1. Introdução: Olá, sou Freya Redlin. Sou artista e designer de padrões de superfície e estou muito empolgada em oferecer hoje uma aula sobre como você pode usar o Adobe Photoshop para acelerar seu processo de design Essa é uma aula pequena projetada para garantir que o photoshop funcione para você e que você trabalhe de forma mais inteligente, não mais difícil, porque o photoshop não precisa ser Vou mostrar exatamente por que objetos inteligentes são tão incríveis. Examinaremos o básico sobre o que são objetos inteligentes e como você pode criá-los. E então vamos criar alguns modelos de padrões fofos que você pode usar repetidamente. A beleza dos modelos de padrões é que, depois de criar um, você pode se concentrar em criar sua arte porque sabe que seu padrão se repetirá perfeitamente todas as vezes. Vou orientá-lo em todo o processo. E quando você terminar essa aula, seu projeto será criar seu próprio modelo de padrão e começar a criar alguns belos padrões. Mal posso esperar para mergulhar nisso com vocês. Então, vamos começar a projetar. 2. O que é um Smartobject?: Ok, você deve estar se perguntando, afinal, o que é um objeto inteligente? Objetos inteligentes são basicamente um subarquivo dentro do seu arquivo do Photoshop que protege a arte original Você pode manipular a camada de objeto inteligente em seu arquivo o quanto quiser, e seu trabalho artístico não será afetado Um grande benefício do objeto inteligente é que, ao reduzi-lo, você pode redimensioná-lo novamente no photoshop sem perder a resolução, pois sua arte original é preservada nesse subarquivo Se você já reduziu sua arte no photoshop e depois a ampliou novamente e percebeu que ela ficou realmente pixelizada, sabe Isso é um grande negócio. Objetos inteligentes economizam muito tempo para designers de duas maneiras diferentes, e eu vou mostrar exatamente como Então, vamos começar a falar sobre isso. 3. Noções básicas do Smartobject: Ok. Vamos dar uma olhada em como criar um objeto inteligente. Aqui eu tenho um motivo floral que eu criei que tem várias camadas de cores Eu tenho essa camada de base que é um lindo rosa. Eu tenho veias. Eu tenho pólen nessa linda cor laranja Então eu também tenho esse contorno azul escuro. Agora, se eu quiser criar um padrão com esse motivo e reutilizá-lo repetidamente no padrão, será um grande problema continuar selecionando tudo isso e copiando todos eles Você acaba com muitas camadas diferentes e isso fica muito complicado e opressor muito rapidamente É por isso que queremos usar um objeto inteligente. Veja como você criará um objeto inteligente. Vamos selecionar todas essas camadas, clicar com o botão direito do mouse e dizer, Converter em objeto inteligente. Agora que temos um objeto inteligente, se você clicar duas vezes nele, ele o abrirá em um novo arquivo que ainda tem todas essas camadas preservadas, que você pode editar como sempre faria com qualquer coisa no photoshop Nenhuma dessas camadas é afetada pelo que você faz com uma camada inteligente no seu arquivo de edição. Agora, por exemplo, se você quiser usar isso em um padrão vez de terminar com 1 milhão de camadas no painel de camadas, basta copiar essa camada e usá-la repetidamente. Vou pressionar Alt no meu teclado e depois clicar e arrastar, criando uma nova camada. Você o verá aparecer aqui mesmo no painel de camadas. Eu posso fazer isso repetidamente, criando um pequeno padrão aqui, talvez ter um pequeno campo de flores, talvez movê-lo para cima, que ficará por cima. Lá vamos nós. Talvez eu inverta este também para que tenhamos um casal indo em uma direção diferente Agora, digamos que você queira mudar a cor de todas essas flores. Vamos clicar duas vezes em um desses objetos inteligentes porque todos eles estão sendo extraídos desse mesmo arquivo porque são todos originalmente do mesmo objeto inteligente Vou seguir em frente e mudar as cores aqui. Vou fazer isso amarelo, talvez um pouco de pólen branco, vamos clarear o contorno aqui Talvez isso. Oh, eu deixei essa camada desbloqueada Tenho que trancá-la primeiro. Vamos fazer isso em marrom claro. Agora vou clicar em Salvar. Então, no seu teclado, esse é o comando mais o Controle S. E clique novamente nesse arquivo e tudo será atualizado em novas cores. Essa é a maneira mais fácil de recolorir aqui. Mais um truque. Digamos que você queira ter um campo de flores com muitas flores em cores diferentes. Como você vai fazer isso com objetos inteligentes? Se você sabe que quer ter talvez uma combinação de flores amarelas, rosa e roxas. Aqui está o que você vai fazer. Você vai entrar em um deles e clicar com o botão direito nele e dizer, novo objeto inteligente via cópia. Em seguida, excluiremos a camada logo abaixo dessa nova cópia para não nos confundirmos. Mas esse é nosso novo objeto inteligente. Isso não está mais vinculado ao objeto inteligente original que criamos. É seu próprio subarquivo. Vou clicar duas vezes nela e você pode dizer que diz Camada 43, e a camada original era a camada 42. Existem arquivos diferentes. Agora vou mudar essa cor e dizer, vamos fazer com que seja dessa cor. Vou apenas pressionar o comando e salvar novamente para atualizar. E ele atualizou apenas esse único objeto inteligente. Agora eu também posso fazer quantas cópias eu quiser dessa cor e distribuí-las. Todos eles se referirão novamente ao mesmo objeto inteligente do qual fizemos a cópia. Você pode simplesmente repetir esse processo quantas vezes se quiser mais cores, você pode fazer outro objeto inteligente via cópia. Exclua o original, para que não haja confusão, e clique duas vezes nele. Ele cria um arquivo totalmente novo. Talvez façamos disso uma flor roxa. Vamos ver como isso parece. E pressione o comando S para salvar, e temos mais uma cor na mistura aqui. É assim que você pode realmente usar objetos inteligentes a seu favor. Agora, se eu quiser mudar o roxo, posso mudar todos os três roxos de uma vez, os rosa de uma vez e agora os amarelos com apenas um desses cliques em cada um desses arquivos Isso facilita muito a recoloração se você estiver usando muitos motivos Na próxima lição, mostrarei como você pode usar objetos inteligentes para realmente acelerar seu processo de criação de padrões e garantir que seu padrão se repita perfeitamente todas as vezes Você nunca precisa se preocupar se o quadrado repetido está tecnicamente correto ou não Te vejo lá? 4. Crie seu primeiro modelo de padrão: Vou mostrar como criar um modelo para um padrão de estilo vieira Essa é uma técnica que você pode usar para muitos padrões no futuro uma vez que entenda seu princípio. Então, a primeira coisa que vamos fazer é criar um novo Canvas. Vá em arquivo e novo, e eu gosto de usar uma tela de 12 por 12. Você quer ter certeza de que tem 12 “por 12" a 300 DPI Isso servirá perfeitamente para desenhar tecidos ou papéis de parede, e você sempre poderá dimensionar as coisas se a resolução acabar sendo muito grande ou muito alta sendo muito grande ou muito alta para o que você precisa. Mas 300 DPI é a resolução ideal para impressão. É isso que você quer usar. Vou clicar em Criar. Ok, a primeira coisa que vou fazer é selecionar essa ferramenta de elipse aqui embaixo. Certifique-se de que esteja selecionado como uma elipse ao escrever Vou apenas clicar e manter pressionada a tecla Shift e arrastar. E isso vai criar um círculo perfeito. Eu vou querer que o círculo tenha 12 por 12 “para que seja a largura da tela. Como isso ainda está selecionado, você pode ver aqui na barra de ferramentas que há largura e altura Eu vou fazer isso de 12”. Agora vou mover isso para o centro e você pode ver como essas duas linhas rosa estão aparecendo. Isso significa que está perfeitamente centralizado nessa tela. Esse é exatamente o diâmetro da tela, e é exatamente isso que queremos. Agora vamos fazer duas cópias e vamos mudar a cor de cada uma delas. Fique comigo aqui. Existe um método para a loucura. Vou selecionar no meu teclado mais J para criar uma nova camada. Depois, vou clicar em outra cor. Vamos fazer essa linda cor verde. Então vou fazer isso mais uma vez e selecionar essa linda cor dourada principal. Agora, o que queremos fazer é mover as duas camadas superiores para baixo para que , por padrão, criemos uma vieira Você deve clicar em Control T para obter os controles até aqui e, em seguida, clicar em x e dizer -6 "para movê-lo para a esquerda Em seguida, clique em y e diga 6”. Isso vai reduzi-lo em 6”. Agora está perfeitamente alinhado. Agora vamos fazer a mesma coisa o verde e movê-lo para a direita. Pressione o Commander Control T e agora vamos movê-lo mais 6”. E, novamente, 6" abaixo. Você pode ver que a forma azul agora é uma vieira perfeita que também se encaixa perfeitamente nessa tela de 12 por 12 polegadas Agora vamos selecionar todas essas três camadas para ir abaixo da camada, clicar nas formas combinadas e dizer subtrair a forma frontal Isso elimina essas outras cores. Agora, como você ainda pode ver os traços dos outros círculos, eles ainda estão registrando e fazendo photoshop O que queremos fazer agora é clicar com o botão direito do mouse nessa camada e selecionar Rasterizar Depois, há uma última coisa que eu quero fazer porque vai tornar muito mais fácil ver onde a forma está depois de criarmos o padrão, porque ela cobrirá toda a tela. Vou clicar com o botão direito do mouse nessa camada e selecionar as opções de mesclagem Em seguida, clique em traçado. Só vou mudar a cor que possamos ver o que estamos fazendo aqui. Vou selecionar esse azul escuro e quero que seja um traço razoavelmente fino, que acho que está bem Vou clicar em k nisso e agora vamos converter isso em um objeto inteligente. Agora vamos construir um padrão a partir disso. Vou selecionar novamente o Comandante Controle J e Comandante Controle T para mover isso. Aqui está a coisa engraçada. Depois de criar um objeto inteligente, às vezes, clicar no botão Delta não fará com que você volte ao zero. O que você realmente precisa fazer é subtrair de qualquer valor existente em vez de substituí-lo Agora vou selecionar -6”. Observe que eu tenho que digitar n quatro polegadas ou ele vai assumir que é um pixel, que é o valor anterior. Vou selecionar a tecla tab que me leva ao eixo y e, novamente, clicar no final e dizer -6” Agora ele vai se alinhar perfeitamente aquele espaço vazio no canto aqui Copie este novamente. Agora vamos mover tudo 12 polegadas para cima. Novamente, clicando até o final, dizemos mais 12 “, e agora posso selecionar essas duas camadas superiores porque são as duas que serão movidas para baixo para cobrir os cantos inferiores. Selecione Commander Control T e , em seguida, mova esses 12 “para baixo. Ok, agora você já criou seu modelo de padrão Scallop. Mas antes de fazermos qualquer outra coisa, salvaremos esse arquivo porque queremos ter certeza de que não o perderemos como modelo. Você vai querer reutilizar isso repetidamente. Vamos entrar no arquivo e clicar em Salvar como. Na verdade, tenho um arquivo chamado Unfinished Patterns para todos os meus rascunhos, e isso inclui um arquivo chamado Pattern assets, e eu tenho um arquivo inteiro apenas para modelos aqui Vou chamar isso de modelo de couro cabeludo e ele salvará. Agora você pode usar esse modelo repetidamente. Vamos verificar novamente o modelo inserindo um pouco de arte, pronto? Abra o arquivo com a ilustração que você gostaria de usar para esse modelo Vou copiar toda essa pasta de arte e clicar duas vezes em qualquer um desses objetos inteligentes Em seguida, basta copiar a arte na parte superior e eu vou movê-la um pouco para baixo para centralizá-la. Agora vou esconder o fundo e pressionar o comando ou controle mais S para salvar. Aí está. Também vou mudar a cor de fundo para algo mais parecido com isso. E com isso, já criamos um padrão perfeito. Agora, se você pressionar o comando shift e A, poderá visualizar isso. Porém, devo avisar que, com objetos inteligentes, às vezes a visualização do padrão pode ser um pouco estranha, especialmente nos cantos, mas está funcionando muito bem aqui, e esse é um padrão simples, então estamos prontos para começar 5. Outras ideias de modelos!: Aqui estão alguns outros modelos de padrões que você pode criar usando esses mesmos princípios de design. Preencha uma camada em sua tela quadrada com cores, gire essa camada em 90 graus e certifique-se de que ela toque cada lado igualmente. Depois, basta convertê-la um objeto inteligente e criar seu padrão Usando os princípios que você acabou de aprender, você também pode criar um padrão complexo de diamante com quatro tipos diferentes de desenhos quadrados. E você também pode usar isso para criar um padrão OG a partir do objeto inteligente de vieira que já aprendemos a Mal posso esperar para ver o que você cria. 6. Bônus: como gerenciar padrões complexos: Tenho um último truque que quero mostrar a você, é para padrões realmente densos e estreitos, nos quais você pode querer que as folhas e os padrões se entrelaçem e que seus objetos inteligentes se Então, vamos dar uma olhada em como fazer isso. Aqui está o arquivo de repetição original, e você pode ver que essas ramificações estão muito bem entrelaçadas Aqui está meu motivo, e eu os dupliquei em todos os lados. Você notará que o motivo principal está sempre completamente atrás de um desses galhos ou está totalmente no topo Mas eles não podem se entrelaçar porque estão em camadas separadas O que fazemos é usar máscaras de camada. Vou selecionar esse objeto inteligente aqui no canto superior esquerdo. Vamos apenas ampliar e ver que há dois objetos inteligentes sobrepostos A que está na parte superior, vou adicionar uma máscara de camada. Vou descer até aqui no painel de camadas e clicar nesse pequeno símbolo que se parece um pouco com uma câmera. Ele adicionará essa máscara de camada aqui e você verá que essas cores mudam para preto e branco. Você deve usar preto sempre que esconder algo e branco se precisar adicionar algo novamente. As máscaras de camada são uma edição não destrutiva. Isso significa que a arte original permanece preservada, mesmo quando parece que você está excluindo Isso é muito útil porque sua arte original permanece intacta e você pode corrigir facilmente qualquer erro Para fazer parecer essas ramificações aqui estão entrelaçadas, vamos usar essa máscara de camada para ocultar partes da ramificação, e eu vou clicar nessa camada aqui muito rapidamente e diminuir essa muito rapidamente e diminuir Podemos ver onde está a sobreposição. Vamos fazer isso em cerca de 80% ou mais e, em seguida, aumentar o zoom. Agora eu posso pegar minha ferramenta de pincel. Vou torná-la um pouco maior e depois clicar na máscara de camada novamente, certificando-me de que ela selecione preto como cor Agora vou usar meu pincel para esconder esses pixels, e você pode ver a camada abaixo começando a emergir novamente Lembre-se de que você pode selecionar qualquer tipo de pincel ou outra ferramenta que deseja usar aqui. Estou usando esse pincel um pouco áspero para obter uma borda um pouco mais natural aqui, especialmente quando estou chegando aos contornos Mas se você quiser clicar ao lado do painel de amostras no painel de pincéis, você pode selecionar qualquer outro tipo de pincel que desejar Temos o primeiro entrelaçamento completo. E agora eu vou descer aqui novamente. Esta folha está escondida atrás do outro galho, e então eu quero que a ponta dessas folhas fique em cima do outro galho novamente. Deixe-me também esconder o galho que está no caminho aqui novamente. E agora tudo o que preciso fazer é clicar novamente no objeto inteligente e aumentar a opacidade para 100 E agora temos esse lindo galho entrelaçado Agora você pode fazer exatamente isso em todos os lugares onde seus motivos se sobrepõem E você acabará com um padrão que tem lindos galhos entrelaçados . Ah. 7. Próximos passos: Tudo bem, pessoal, isso é um representante. Espero que você aprenda algo novo e útil nesta aula hoje. Se você gostou, por favor, me avise avaliando a aula Faz uma grande diferença outras pessoas também possam encontrar essa aula Honestamente, a melhor parte do ensino é ver o que você cria Então, por favor, faça o upload de seus novos designs e modelos na seção de projetos de classe. Eu quero ver você admirar todo o seu belo trabalho. Como sempre, se você tiver alguma dúvida, me avise, você pode entrar em contato comigo através do Skillshare através do meu site ou no Instagram ad Muito obrigado por assistir fique ligado na próxima aula, e nos vemos em breve. Tchau.