Design de padrões de superfície: um Procreate para o Photoshop Workflow

1. Trailer: Isso é mais do que apenas mais uma aula sobre como criar padrões no seu iPad. Trata-se de criar um fluxo de trabalho que aproveite ao máximo seu tempo, permitindo que você realmente aproveite o processo criativo e, em seguida, avance rapidamente por algumas das etapas mais entediantes Vou mostrar todo o ciclo de vida de um padrão, desde o esboço inicial e o Procreate até montá-lo no Photoshop e, em seguida, ter um design completo pronto para enviar aos clientes , compartilhar nas mídias sociais e, eventualmente , arquivar seu sistema de arquivos para que você tenha todos os arquivos diferentes juntos Se ainda não nos conhecemos, então, olá. Sou Rebecca Flaherty, uma artista apaixonada pelo design de padrões de superfície Eu moro aqui no Reino Unido, onde trabalho como artista e designer autônomo há cerca de sete anos. Sou apaixonada por padrões há quase tanto tempo quanto me lembro. Algumas das minhas primeiras lembranças são estudar as enormes almofadas de chão costuradas à mão da minha mãe com tecido floral Laura Ashley dos anos 1980 e tentar identificar os motivos repetidos muito antes mesmo de eu saber o antes mesmo de eu Agora posso ver minha própria licença de padrões em muitos produtos diferentes, como chapéus, estênceis, roupas infantis, arreios para cães Nesta aula, vou ensinar como esboçar e ilustrar seus padrões no Procreate usando métodos não destrutivos que preservam a qualidade da imagem, mantêm uma estrutura de camadas editável e, portanto, tornam esse método viável para a criação profissional de ensinar como esboçar e ilustrar seus padrões no Procreate usando métodos não destrutivos que preservam a qualidade da imagem, mantêm uma estrutura de camadas editável e, portanto, tornam esse método viável para a criação profissional de padrões comerciais. Veremos como usar uma forma de diamante para sua turfa, para que você possa manter as bordas do padrão dentro da tela no Procreate Todos os nossos motivos estarão intactos e nada será cortado ao meio nas bordas da tela Você aprenderá como esboçar seu design primeiro para saber exatamente quais motivos precisará Chega de desejar ter feito uma folha um pouco maior ou curvada um pouco mais para a esquerda Depois de esboçarmos nosso design, aprenderemos como ilustrar e adicionar textura aos motivos Se, como eu, você gosta de usar pincéis texturizados para desenhar seus motivos, mas odeia o quão difícil pode ser preenchê-los e procriar Então você realmente vai adorar o atalho que eu tenho para pular o enfadonho traçado de bordas no procreate e, em vez disso, fazê-lo no Photoshop E falando em atalhos. Também vou te ensinar como gravar uma ação do photoshop para criar seu padrão usando objetos inteligentes, que você pode executar com apenas um botão É uma verdadeira economia de tempo. Eu até criei algumas guloseimas para você usar durante a aula, incluindo um pincel de carimbo de flores para criar formas de flores fáceis de traçar e uma linda maquete de bota para você Eu diria que provavelmente está em algum lugar entre uma classe de nível iniciante e intermediário Se você está familiarizado com os conceitos básicos do Procreate e do Photoshop , essa aula é a próxima etapa perfeita para sua jornada de etapa perfeita para sua Também é uma ótima aula para estudantes avançados que estão procurando algumas dicas para acelerar e agilizar seus fluxos de trabalho Pronto para começar, então vamos lá. 2. Visão geral de alto nível e projeto de aula achatado: I Como sempre, quero começar com uma breve explicação do que vamos abordar, porque ter o resultado final em mente ajudará tudo a fazer mais sentido à medida que avançamos. Todo o meu processo de criação de padrões no Procreate é baseado em uma repetição em forma de diamante em vez de uma quadrada ou retangular, que é o que você provavelmente está acostumado Parece mais complicado do que é, e você ainda poderá transformá-lo em uma repetição quadrada normal no final, então não se preocupe com isso. Começaremos criando o modelo Canvas e o Photoshop, e depois o enviaremos para o Procreate , onde examinaremos um pouco do design de padrões individualmente antes de começarmos Nesse fluxo de trabalho, vamos projetar o padrão primeiro como um esboço e depois ilustrar os motivos, que eu achei uma maneira muito mais eficiente e divertida Existem alguns atalhos que podemos usar no Procreate , que aproveitam o fato de usarmos o Photoshop para montar o Coisas como traçar essas bordas texturizadas podem ser ignoradas no Procreate e , em vez disso, podemos fazer isso com um clique no Photoshop fazer isso Aprenderemos como visualizar o padrão no Procreate, para verificar se há erros ou coisas que talvez queiramos alterar antes de enviá-lo para o Photoshop Depois de abrirmos o padrão no Photoshop, aprenderemos como criar nosso bloco usando objetos inteligentes Mostrarei como gravar duas ações realmente úteis do Photoshop Um para automatizar a construção em seu ladrilho e outro para preencher todas as lacunas incômodas você obtém ao usar a ferramenta de queda de cor no Procreate Em seguida, abordaremos como testar sua repetição no Photoshop antes de fazer qualquer edição de última hora e, em seguida, exportaremos nosso padrão pronto para ser enviado a um cliente ou enviado para algum lugar como Esse fluxo de trabalho que eu criei aproveita a força de cada software e realmente acelera seu processo de criação de padrões. Seu projeto de aula é, você adivinhou, criar seu próprio padrão usando as etapas que vou lhe ensinar Você tem total liberdade para criar qualquer padrão que desejar em qualquer cor ou tema que escolher. Meus projetos de aula favoritos que eu defino são aqueles em que eu posso ver todos os seus lindos padrões. Então, por favor, faça o upload deles para a galeria do projeto para que todos possamos dar uma olhada. Apenas uma nota rápida sobre direitos autorais Você pode copiar meu padrão como referência à medida que avançamos com o propósito de aprender durante esta aula. No entanto, não se esqueça de que é um ato de violação de direitos autorais se você usar o padrão copiado para quaisquer outros fins, como vendê-lo ou enviá-lo para impressão sob demanda, colher ou compartilhar nas redes sociais insinuando que foi seu próprio design Se você quiser eventualmente vender seu padrão, crie enquanto segue esta aula, que é uma ótima ideia, então você precisará criar um trabalho exclusivo para você. Além disso, é muito mais divertido criar seu design em seu próprio estilo, e mal posso esperar para ver o que você vai criar. Inclusive incluiu um link nos recursos para uma maquete gratuita que você pode usar para mostrar seus designs na seção de projetos de classe Vamos começar. 3. Criando um Canvas no Photoshop: Acho que a primeira coisa sobre a qual devemos falar é o tamanho da tela. Muitas vezes me perguntam sobre isso, e a resposta é que não há tamanho ou formato certo ou errado para uma repetição de padrão. Depende inteiramente do que você está fazendo isso. Se você estiver criando um design para um cliente como um projeto personalizado, ele poderá dizer o tamanho que deseja. Como estamos fazendo arte em pixels, precisamos fazê-la no tamanho real que queremos desde o início, porque não podemos aumentar a escala como você pode com a arte vetorial. Se você está criando um motivo independente, definitivamente é melhor usar o maior tamanho possível, porque você pode usar o design em produtos como grandes porque você pode usar o design em pinturas de parede Mas quando estamos fazendo um padrão, você pode simplesmente repeti-lo várias vezes para preencher uma área maior, então não há necessidade de ir tão grande quanto possível. Você pode usar um tamanho simples. Vejo que muitos designers usam qualquer coisa de 8 a 12 “a 300 DPI para suas Você pode usar um quadrado ou um retângulo. Eu vou te dizer qual tamanho eu uso e os motivos, e então você pode ajustar essas coisas para descobrir qual pode ser o melhor tamanho para você usar Então eu uso uma tela de 12 por 12 polegadas a 300 DPI. Isso é 3.600 pixels por 3.600 pixels. Para converter polegadas em pixels, basta multiplicar pelo seu DPI, 300, nesse caso Às vezes eu uso uma repetição de 5.000 ou 6.000 pixels, mas isso é muito raro e somente quando eu quero fazer um design super ousado em grande escala Então, aqui estão minhas razões para escolher uma repetição de 12 polegadas ou 3.600 pixels É pequeno o suficiente para não ficar sem camadas com muita frequência na procriação Acontece que é o quadrado de tamanho e proporção perfeitos para papel de parede na Society six. Também é um bom tamanho para flor de colher. Seu papel de parede tem 24 “de largura a 150 DPI. Então, quando meu padrão estiver pronto, posso dobrar a largura no Photoshop e ainda estar na resolução correta para a flor em colher É um bom tamanho para o nível de detalhe que eu pessoalmente desenho e é uma boa escala para os mercados para os quais eu projeto. Uma vantagem de se ater principalmente ao mesmo tamanho de tela é que você pode configurar processos e ações para repetir certas coisas que você faz repetidamente. Portanto, pense em qualquer um desses fatores que podem ser relevantes para você ao tentar decidir com qual tela é um bom tamanho para trabalhar. Eu sugiro usar uma tela de 12 polegadas ao acompanhar esta aula, pelo menos. Então, todas as dimensões e matemática serão iguais às que você vê na tela Obviamente, vou lhe dizer como criar tamanhos alternativos à medida que avançamos. Um último conselho é sempre usar um número par, pois moveremos as coisas pela metade mais tarde Às vezes, as coisas podem ficar confusas se você estiver lidando com meio pixel Portanto, sempre tente escolher um número par de pixels para suas telas, se puder Então, agora vamos configurar nosso modelo Canvas com o qual trabalharemos. Estou usando um MacBook e um IMAC para os aspectos do Photoshop deste curso Eu vou te dizer os atalhos do teclado à medida que avançamos. Então, se você estiver usando o Windows, como você provavelmente sabe, se eu disser comando, então, para você, será controle. Para quaisquer outras etapas ou partes que pareçam diferentes, você pode tentar pesquisar no Google como fazer X no Photoshop para Windows e sinta-se à vontade para compartilhar qualquer dessas diferenças nas discussões com outros alunos e também para que eu possa mencionar quaisquer diferenças nos cursos futuros que eu Comecei a fazer essa parte no Procreate, e foi assim que a ensino na minha primeira aula sobre como criar padrões no Procreate No entanto, recentemente mudei para um modelo que criei no Photoshop E, honestamente, a razão para isso é que um dia eu estava me sentindo muito exigente Sou um pouco perfeccionista e queria criar uma versão mais perfeita em pixels Mas, na verdade, descobri que, por ser perfeito em pixels, ele se encaixa com muito mais rapidez e facilidade do que o que eu criei no Procreate Os modelos que você cria no Procreate funcionam perfeitamente, mas acho satisfatório tê-los alinhados perfeitamente Então agora eu uso esse que eu fiz no Photoshop. Se você quiser ver como fazer isso no Procreate, dê uma olhada na minha outra aula onde essas etapas são Mas hoje, vamos ver como configurá-lo no Photoshop Então, vamos criar um novo arquivo, e eu vou chegar aqui para a largura e a altura, e vamos alterá-lo para 3.600 pixels e 3.600 pixels para a altura também Você também pode alterá-lo para polegadas e, em seguida, verá aqui que é de 12 por 12”. Isso só vai ser 12 por 12 se você tiver a resolução aqui definida para 300 DPI, que é o que queremos que seja Você pode deixar o modo de cores em RGB a menos que tenha um motivo específico para querer usar CMYK É sempre melhor começar em RGB e, em seguida, você sempre pode alternar para as cores CMYK Você pode deixar todas essas outras configurações como estão. E esse aqui, o perfil de cores, esse aqui é um perfil de cores muito usado, então vamos deixar como está. E então podemos clicar em Criar para começar a trabalhar em nosso documento. Então, a primeira coisa que vou fazer é vir até nosso painel de camadas e desbloquear essa camada de fundo. E aqui à esquerda, vou clicar na cor e mudar a cor do meu primeiro plano para preto Então, como mostrei na visão geral básica, vamos usar uma repetição em forma de diamante, que prometo que não é tão assustadora quanto parece Mostrarei exatamente como isso funciona na próxima lição. Mas antes de tudo, precisamos apenas criar um modelo de documento de trabalho. Então, vamos usar a ferramenta retangular. E se você não vê sua ferramenta retangular aqui, provavelmente está escondida atrás dessa Então, se clicarmos com o botão direito neste, o seu pode estar escondido atrás de qualquer um deles. minha está escondida atrás da ferramenta de linha no momento, porque essa é a última que eu usei. Então, vamos usar a ferramenta retangular. atalho de teclado para isso é U. E podemos clicar em qualquer lugar na tela E então, nessas caixas, vamos digitar 3.000 603.600 nesta E verifique se todas as configurações de raios estão definidas como zero e, em seguida, podemos clicar em OK E isso vai fazer um quadrado para nós. Não queremos que nosso quadrado seja preenchido. Queremos que seja transparente para que possamos ver através dele. Então, vamos clicar aqui onde diz “ encher” na parte superior, e vamos definir isso como “sem preenchimento”. E então, para o traço, vamos escolher preto para a cor. E então, para a linha, vamos escolher uma linha sólida e vamos simplesmente deslizá-la. Normalmente tenho o meu bem fino para o meu documento de trabalho, talvez cerca de cinco pixels. Mas se eu tornar isso tão fino para este, você não conseguirá vê-lo muito bem quando fizermos a gravação da tela. Então, vamos tentar 15, talvez um pouco fino demais. Vamos tentar 20. Lá vamos nós. E então, se passarmos o mouse aqui no canto e você quiser ter certeza de que o Snap está ativado para isso, vamos ver e garantir que o Snap E então vamos clicar aqui e arrastar isso enquanto pressionamos a tecla shift ao mesmo tempo. E podemos então ajustá-lo em vários ângulos diferentes. E queremos ajustá-lo a 45 graus. Então, quando estiver lá, você pode soltar a tecla Shift e soltar o mouse, e vamos deixar como está por enquanto, e voltaremos a usar nossa ferramenta de movimentação. E então eu vou chegar aqui até esses três pontos, clicar neles e escolher uma linha para o Canvas Você quer ter certeza de que selecionou isso. Às vezes, diz Alinhar à seleção, e você não poderá fazer a próxima parte, que é centralizá-la na tela usando esses dois desse jeito A próxima coisa que queremos fazer é redimensioná-la para que caiba exatamente nas bordas da tela E, na verdade, vamos definir algumas diretrizes primeiro para que possamos ver onde está o meio. Então, vou me afastar dos governantes aqui. Se você não tiver réguas exibidas, você pode subir para ver e verificar se as réguas estão marcadas aqui E vamos arrastá-lo até a metade, 1.800 Em seguida, arrastaremos outra da régua superior para baixo e a encaixaremos no meio Então, podemos ampliar aqui. E se eu pressionar Command T e, em seguida, nessa caixa, verifique se você tem a restrição de imagem marcada, e eu vou digitar lá 3600 px, e isso mudará essa largura para 3.600 Se você estivesse trabalhando com uma tela de tamanho diferente, obviamente, colocaria a largura real da tela nela. E se apenas ampliarmos aqui, você pode ver que isso sai muito bem das bordas Se o seu fosse parecido, vamos torná-lo um pouco menor. Algo parecido com uma lacuna entre o diamante e a borda. Essa tela não vai funcionar da maneira que queremos. É extremamente importante que seu diamante saia do limite Então, vamos mudar isso de volta para 3.600. E então eu vou verificar novamente todos esses cantos. Deveria funcionar porque o centralizamos, mas ainda vou dar uma volta e verificar se está tocando e saindo das bordas dos quatro cantos desse diamante Então, quando estiver satisfeito com isso e tiver verificado, você pode pressionar Enter duas vezes para definir essa transformação. E neste ponto, podemos clicar com o botão direito do mouse na camada e rolar para baixo, e vamos rasterizar a Então isso não é mais um retângulo ativo. São apenas pixels, e essa camada agora está achatada. Então, vamos diminuir o zoom e dar uma olhada nisso. Portanto, este é o modelo para marcar a repetição que usaremos no Procreate Vamos usar isso como nosso bloco de repetição. Apenas uma última coisa que eu quero acrescentar, que pode ajudar um pouco com um visual extra para que você saiba que o alinhou corretamente. Esta é uma etapa adicional de como eu costumava fazê-los Improcriar Vou adicionar, tipo, uma pequena linha cruzada ou um cabelo cruzado em cada canto. Então, vamos voltar aqui para nossa ferramenta de retângulo. Vamos clicar com o botão direito do mouse sobre isso e alterá-lo para a ferramenta de linha. E então, em qualquer lugar por aqui, vou clicar na diretriz e arrastar uma linha horizontal em torno de cerca de 2300 pixels Não precisa ser exato. E então vamos até as caixas de preenchimento e traçado, como fizemos com nosso retângulo, e vamos escolher nenhum preenchimento para a linha, e queremos um traçado preto nela E então definiremos o peso do traçado da mesma forma que tínhamos para nosso diamante ao redor da borda. Então, escolheremos a linha grossa para essa e mudaremos essa para 20 pixels. E então, com essa camada aqui selecionada, vou alinhá-la à esquerda da tela Você já sabe que está centralizado verticalmente porque fizemos isso de acordo com a E então o que eu quero fazer é repetir que em cada um desses cantos, isso nos dará um visual extra para verificar se tudo está alinhado quando estamos trabalhando no Procreate Então, para repetir isso nas outras seções, vou pressionar Command J nesta camada para duplicá-la, e então podemos usar o botão de alinhar à direita E então isso vai aparecer aqui para nós. E então podemos selecionar os dois, pressionar Command J novamente para duplicar os dois E eu vou pressionar Command T. E então, se você vier aqui, certifique-se de não ajustar a diretriz Se você estiver logo acima, verá esse pequeno ícone de rotação E se você pressionar a tecla Shift novamente, poderá girá-la 90 graus e pressionar Enter E então você vai ter essas linhas na parte superior e inferior. Só vou me livrar das minhas diretrizes aqui. Você pode fazer isso com o comando curto ponto-e-vírgula do teclado Agora podemos selecionar todas essas camadas, todas essas pequenas linhas, clicar com o botão direito do mouse e descer e mesclar todas essas formas E então podemos selecionar uma camada rasterizada e, em seguida, podemos selecionar essas duas e mesclá-las todas em uma única Então, essa é toda a construção que precisamos fazer para configurar nosso modelo. O resto é apenas organizar algumas camadas para facilitar o uso no Procreate e depois trazê-las de volta ao Photoshop E isso só vai nos ajudar a manter nosso arquivo organizado. Então, vou nomear essa camada aqui, sketch, e depois vou pressionar Command J para duplicá-la e, em seguida, arrastá-la para baixo E eu vou chamar isso de um diamante extra. E então eu vou apenas esconder essa camada e também vou bloqueá-la. Dessa forma, sempre teremos um sobressalente para onde voltar e procriar, se necessário Então, vou agrupar essas camadas e vou chamar esse grupo de esboço E então eu vou adicionar uma nova camada acima desta. E vou usar o atalho da ferramenta de texto T, e vou digitar em qualquer lugar aqui Eu só vou escrever um padrão lá. E então, nesta camada aqui com a selecionada, vou pressionar Command J para duplicá-la E então eu vou clicar duas vezes no ícone de texto lá, e vou mudar o texto neste para dizer extra. E então vou clicar com o botão direito do mouse em cada uma dessas camadas e rasterizar o texto Então, clique com o botão direito do mouse nessa parte da camada e venha até aqui e rasterize O motivo pelo qual estou rasterizando em vez de deixá-lo como texto é que, se você não tiver a fonte usada instalada no Procreate, toda vez que abrir este documento no Procreate, receberá uma notificação como essa informando que faltam Então, como esses são apenas espaços reservados, não precisamos que sejam texto ativo, vamos apenas rasterizá-los, e isso não acontecerá toda vez que os abrirmos Então, a próxima coisa que vou fazer é adicionar uma camada acima de cada uma delas. Então, vamos adicionar um acima e um extra acima. E então eu vou agrupar esses dois melhores jogadores. E vou chamar esse grupo de extra, e depois vou agrupar esses grupos. Você pode usar esse ícone de pasta ou o atalho Command G, e então vou chamar isso de padrão Em seguida, selecionarei todas essas três pastas e, em seguida agruparei todas elas. E então esse grupo, vamos chamar de Pattern Double click to edit. Você pode chamar isso, obviamente, do que quiser. Mas, como você verá mais tarde, quando trouxermos isso de volta para o Photoshop para edição, é exatamente isso que faremos com essa camada E eu gosto de chamá-lo assim desde o início, porque isso evita que eu renomeie mais tarde toda vez que eu quiser entregá-lo a um cliente Acredito muito em fazer etapas repetidas apenas uma vez. Então, sim, admita que todas essas etapas parecem um pouco aleatórias e misteriosas. Mas na próxima lição, mostrarei exatamente como usar todas essas camadas, e isso fará muito mais sentido. Podemos até mesmo ocultar essas camadas para começar com o padrão e o extra, porque não precisaremos delas para fazer nossos esboços iniciais É a camada de esboço na qual trabalharemos. E, novamente, salvá-lo com esses ocultos evita tenhamos que escondê-los toda vez que os abrimos no Procreate Então, com isso dito, o próximo trabalho é salvá-lo. Vou pressionar Command S para salvar e tenho uma pasta no meu iCloud chamada Procreate Transfers E essa é uma pasta dedicada que tenho para mover coisas de e para o meu iPad e meu computador. Obviamente, você pode salvar o seu em qualquer lugar onde normalmente o salvaria para fazer esse tipo de coisa. Você pode ver que eu tenho uma cópia do meu bloco de padrões agora que eu uso, salve lá. Então, vou chamar esse bloco de um padrão, e vamos colocar dois depois dele para que não o substitua E então você comprime Enter. Então, agora está salvo e poderei abri-lo no meu iPad. Se você não usa o iCloud, pode usar o AirDrop para enviá-lo ao iPad ou usar o Dropbox ou e-mail, qualquer serviço ou método de nuvem usado para transferi-lo, isso funcionará usado para transferi-lo, isso Eu recomendo tê-lo em algum lugar que você possa acessar do seu iPad sem precisar enviá-lo todas as vezes , apenas para que esteja sempre lá e pronto para uso. Então esse é o Canvas básico feito. Vou adicionar uma etapa opcional aqui. Você notará que o que eu mostrei no meu iPad no iCloud tem as cores invertidas e o fundo é preto Onde está? E aqui, esse. Se abrirmos esse arquivo, você verá que ele tem as cores invertidas e as linhas são brancas Você pode ver como eu uso essas linhas muito mais finas na que eu uso na vida real. Mas, como eu disse, isso não aparece muito bem em uma gravação de tela. Então, sim, este, fundo preto e linhas brancas. A razão para isso é que eu gosto de ter meu iPad e minha interface de procriação configurados para o modo escuro Isso significa que, se eu desenhar com linhas pretas na tela branca, é mais difícil ver as miniaturas das camadas quando estou tentando identificar o que é o quê em cada Porém, se eu desenhar em branco em uma tela preta, é muito mais fácil de ver, e também acho mais fácil meus olhos desenhar dessa maneira com uma tela quase preta. Costumo fazer todos os meus esboços e desenhos, logo de manhã, assim que me levanto Então, eu não gosto de olhar a tela branca brilhante tão cedo Então, eu tenho meu fundo em preto e minhas linhas em branco. No entanto, se você preferir a interface clara no Procreate , verá que a linha preta aparecerá perfeitamente nas miniaturas, para que você possa mantê-la da maneira que acabamos de criar no Photoshop acabamos Se você quiser inverter as cores, basta selecionar a camada que você deseja alterar E se você pressionar Command I nessa camada, a cor será invertida e você poderá fazer isso para cada uma das camadas Então vá nessa camada, pressione Command I para inverter e ela mudará de preto para branco Então, agora eu só preciso salvar esta versão. Vou pressionar Command Shift S, e isso vai salvar como. E então podemos simplesmente adicionar preto ao final do nome do arquivo aqui e pressionar Enter para salvá-lo. E agora temos as duas versões salvas em nosso iCloud prontas para serem baixadas do nosso iPad Então, agora esse é o nosso modelo de configuração do Canvas. Em seguida, na próxima lição, abriremos e procriaremos e aprenderemos como usá-la 4. Fundamentos de teste padrão no Procreate: Então, vamos examinar um pouco do design de padrões individualmente. Primeiro, o básico para fazer com que um ladrilho de padrão se repita sem problemas é que tudo o que toca essa borda esquerda precisa ser repetido exatamente na mesma posição nessa borda direita E então, tudo o que toca essa borda superior precisa ser repetido aqui embaixo É isso que torna o design perfeito. Se olharmos para essa camada aqui, você pode ver que é assim que o design se repete Aqui está um pouco do vocabulário de design de padrões para você. Quando movemos algo para cima e para baixo em uma tela, estamos movendo-o ao longo do eixo y. Para baixo é positivo e para cima é negativo. E quando movemos algo de um lado para o outro, estamos movendo ao longo do eixo X. A esquerda é negativa e a direita é positiva. Se você tiver problemas para lembrar qual eixo é qual, uma maneira fácil de lembrar é visualizar o Y com uma seta apontando para visualizar o Y com uma seta apontando Minha tela aqui é de 12 por 12”. Então, tudo aqui em cima precisa ser copiado e movido 12 “ao longo do eixo Y. E tudo isso aqui à esquerda precisa ser duplicado e movido 12 “ao longo do eixo X. Agora temos um bloco repetido. Então, como eu disse anteriormente, vamos desligar essa camada e ativar essa. Você pode ver como fica quando é repetido . Mas o problema é o seguinte. Ao criar um padrão no Photoshop ou no Illustrator, você tem a opção de ver além das bordas da repetição Você pode ver como seus motivos estão interagindo com os do outro lado da tela Isso simplesmente não é possível na procriação. Tudo é cortado ao longo dessa borda e você não consegue ver além das bordas da tela. Você pode contornar isso duplicando essas camadas. E então você pode colocar essas bordas no meio, que permitiria preencher quaisquer orifícios no padrão que caíssem nas bordas. Mas o problema com isso é que, quando você começa a duplicar e transformar no Procreate, você pode começar a perder a Alguns tipos de transformação são piores do que outros. Vamos desfazer isso e dar uma olhada no que quero dizer. Vamos dar uma olhada nesse motivo aqui. Você pode ver que eu tenho uma bela borda texturizada onde usei o pincel de tinta seca para desenhá-la Se eu selecionar uma parte disso, vamos ter certeza de que estou na camada certa. Lá vamos nós. Se eu selecionar um pouco desse coração para transformá-lo e depois reduzi-lo um pouquinho, você pode ver que o Procreate teve que recalcular como movê-lo e juntá-lo novamente com um número menor de pixels do É ter que refazer a imagem toda vez que fazemos isso. E agora está tudo embaçado e macio, e perdemos nossa bela borda texturizada Essas belas linhas texturizadas podem ficar confusas e embaçadas depois de serem interpoladas várias vezes interpolação é o método usado para ajustar os pixels em uma imagem quando você escala, gira Aqui está uma pequena dica profissional do próprio manual do Procreate. Toda vez que você redimensiona uma imagem, o processo de interpolação acontece Depois de algumas vezes, você pode começar a ver as bordas da imagem se degradando e parecendo Pense nisso como fazer uma fotocópia de uma fotocópia de uma fotocópia Você perde um pouco mais de qualidade de imagem cada vez que se transforma. Tente evitar transformar repetidamente a mesma parte da sua imagem Felizmente, movê-lo como estamos não causa tantos problemas quanto girar ou redimensionar Mas, para melhores práticas e sempre para trabalhos comerciais, tento evitar fazer isso. O principal, porém, é que eu gosto de trabalhar forma não destrutiva e ter motivos intactos que não sejam cortados em uma motivos intactos que não sejam cortados Então, como podemos contornar isso? Bem, ainda podemos usar um quadrado como nosso ladrilho, mas vamos fazer com que esse quadrado gire 45 graus para que seja um diamante Dessa forma, todas as bordas da repetição ficam visíveis dentro da tela visível que podemos ver ao procriar Podemos ver como eles serão posicionados com o próximo ladrilho à medida que os desenhamos, e também não serão cortados na borda Quando se trata de fazer essa repetição funcionar, em vez de garantir que a parte superior e inferior e a esquerda e a direita coincidam, precisamos fazer com que essa borda aqui combine com essa borda aqui, e esta combine com esta. A matemática disso, e por favor, não entre em pânico aqui porque você realmente não precisará fazer nada, é que tudo que toca nessa linha precisa ser copiado e movido, mais a metade do tamanho geral do nosso documento em polegadas ao longo do Portanto, este é um documento de 12 polegadas, então ele precisa se mover 6 “dessa forma e, em seguida, metade do tamanho geral do documento novamente, 6" ao longo do eixo Y. Mas, como eu disse, você não precisa fazer nenhuma matemática. Procreate snapping pode fazer essa parte por nós. Vamos dar uma olhada aqui. Vou apenas duplicar essa camada de diamante e depois esconder a que está por baixo E eu vou apenas adicionar uma bolha a esta. E vamos fazer uma aqui, e depois outra mais ou menos no meio. Então, nesta camada com o diamante, vou deslizar para a esquerda para duplicar Em seguida, podemos tocar em transformar. E aqui embaixo, onde diz estourar, precisamos ter certeza de que temos magnetismo e encaixe, e esses slides aqui estão totalmente voltados para o máximo Em seguida, você poderá arrastar sua tela exatamente até a metade Você verá essas linhas alaranjadas se cruzarem aqui no meio quando estiverem encaixadas, e então você pode simplesmente soltá-las E então também vamos arrastá-lo até a metade. E, novamente, você verá as linhas laranja aparecerem quando elas se encaixarem, então você pode simplesmente deixar isso pra lá Fácil, fácil. Não precisei fazer nenhuma matemática. Apenas certifique-se de que você está definitivamente se encaixando exatamente no lugar certo, verificando as linhas laranja Procure aqueles nas bordas e cruzando no meio. Você também pode usar essas pequenas linhas cruzadas que colocamos. Isso deve ser exatamente como o criamos. Se parecer algo parecido, deixe-me apenas aumentar um pouco, e então daremos uma olhada na parte inferior, e você verá o que quero dizer Se você estiver vendo coisas assim, saberá que não está encaixado na posição correta Se eles não estiverem alinhados corretamente, você saberá que errou em algum lugar. Se você achar que o seu não está se encaixando corretamente enquanto você o move, verifique primeiro se o encaixe está ativado e se os dois controles deslizantes estão totalmente voltados para cima Além disso, se voltarmos a essa camada e pudermos ampliar, como mencionei quando a configuramos , certifique-se de que todas as bordas do diamante estejam tocando as bordas da tela Eu sei que os meus são, então vamos analisar isso aqui. Vamos recortar um pouco. Isso. Então, sim, se você está vendo algo assim, por isso que o seu não está se encaixando corretamente . Quando selecionamos a camada inteira para movê-la até a metade, precisamos selecionar toda a tela Como você pode ver, quando eu seleciono isso, não temos a tela inteira, nem a largura total selecionada. Então, quando a movemos pela metade, vamos movê-la apenas pela metade dessa quantidade, não pela largura total da tela. Portanto, se você descobrir que há um erro como esse em seu documento, você pode corrigi-lo adicionando uma pequena mancha e certificando-se de que ela vá até a borda No entanto, seria melhor voltar ao seu documento do Photoshop e alterá-lo De vez em quando, salve-o na nuvem, caso contrário, você terá que fazer isso toda vez que importá-lo de volta para o Procreate Então, vamos desfazer essas etapas e voltar para onde estávamos Então, vamos voltar ao nosso bloco com as bolhas nele e mostraremos esse que já começamos a mover Então, para continuar construindo esse ladrilho, é assim que vai funcionar. Nessa camada original que tem os pedaços que desenhamos nela, vou mostrar novamente aquela que movemos. Então, com nossa camada original, na qual desenhamos. Vamos duplicar isso novamente e, desta vez, vamos arrastá-lo até a metade para baixo e a metade para trás dessa maneira Então, em uma direção negativa ao longo do eixo X, e novamente, verificando a interseção de nossas linhas laranja E então, novamente, vamos voltar para aquela que desenhamos nesta camada inferior, e vamos duplicá-la, e vamos arrastá-la para cima, certificando-se de que e vamos arrastá-la para cima, nossas linhas se cruzem e depois para a esquerda E então volte para essa camada inferior novamente, duplique-a, selecione-a e a arrastaremos para cima e para a direita E agora construímos nossa repetição de diamantes. Temos essa borda combinando com essa e essa borda combinando com aquela lá embaixo. Então, vamos testar essa repetição, certo? Vou deslizar para baixo com três dedos e tocar em copiar tudo Então eu vou subir até a camada mais alta. Não importa se está aparecendo ou não. Então, na camada superior, deslize para baixo novamente com três dedos e, desta vez, vamos tocar em colar E isso acabou de colar uma cópia de tudo o que pudemos ver Então, vou tocar nesse ponto azul lá embaixo e arrastá-lo para cima até que ele seja preenchido Apenas este quarto superior esquerdo do documento. E você verá suas linhas alaranjadas para quebrar aparecerem no meio e, em seguida, você poderá soltá-las E então vamos para nossas camadas e vamos deslizar para a esquerda para duplicar essa Em seguida, vamos transformá-lo e, em seguida, vamos arrastá-lo até aqui até que ele se encaixe no lugar certo E então vamos juntar essas duas camadas. Duplique esses dois, toque para transformar e, em seguida, vamos arrastá-los e encaixá-los na parte inferior E agora você pode ver como nosso diamante está se alinhando e se repetindo perfeitamente Então, vamos esconder esses dois e voltar para o nosso bloco. A coisa inteligente sobre isso é que o quadrado inteiro ainda pode ser nossa repetição geral Você notará que essa borda aqui combina perfeitamente com esta, e a parte superior também combina com a inferior. Então, essa tela inteira será , na verdade, um bloco perfeito que podemos exportar Ele ainda funcionará como uma repetição normal de grade quadrada e você poderá usá-lo como qualquer outro bloco de padrão. Por exemplo, na farinha de colher, você ainda pode usar a repetição básica. A melhor parte é que , como estamos repetindo tudo dentro dela nessa repetição de diamante embutida, só precisamos criar motivos para preencher essa Esses três aqui são os únicos que precisaríamos ilustrar. Só precisamos criar motivos de acabamento para eles. Se voltarmos ao meu padrão de flores, vamos mostrar essa camada e também mostrar o diamante para que possamos ver onde estão as bordas. Se voltarmos a esse padrão, a única parte que eu tive que ilustrar foram essas aqui. Embora o padrão seja composto por tudo isso, esses aqui são os únicos que eu tive que ilustrar. O resto será repetido quando trouxermos isso para o Photoshop posteriormente Vou te mostrar rapidamente como isso funciona. Então, nessa camada, vou ter que adicionar uma pequena marca nos cantos porque minha ilustração não vai até as bordas. Está saindo das bordas aqui, mas não há nada tocando a parte superior e inferior, então eu preciso apenas adicionar uma pequena marca saindo de cada um desses cantos Lá vamos nós. Agora, se duplicarmos essa camada, você pode ver como essa seção se repete em um diamante, assim como fizemos com aquele teste para preencher o resto do ladrilho Lá vamos nós. Apenas faça esse último. Então, essas partes no meio, essas aqui são as únicas que tivemos que desenhar. Agora, eu sei o que você está pensando. Eu disse que duplicar coisas era ruim, e você está absolutamente certo. Eu fiz. Mas só faremos essa duplicação para nossa camada de esboço, e a qualidade da imagem não é importante para uma camada de esboço Com esse método, primeiro esboçaremos todos os nossos motivos. Deixe-me encontrar o original para esse padrão, em algum lugar escondido aqui embaixo. Vamos desativar essas camadas, ativar essa novamente e encontrar a camada do esboço Eu não sei se você pode ver isso porque está em branco. Deixe-me mudar as cores deles. Lá vamos nós. Mude-os para azul. Então, vamos lá. Essa é a camada de esboço desse padrão E sim, só vamos usar essa duplicação para calcular a camada de esboço esboçaremos todos os nossos motivos Primeiro, esboçaremos todos os nossos motivos e descobriremos o layout do padrão Em seguida, vamos ilustrá-los por cima. O restante será duplicado no Photoshop usando objetos inteligentes duplicação com um objeto inteligente no Photoshop preserva Portanto, é perfeito para criar padrões que criamos começando dessa forma no Procreate Podemos até mesmo automatizar partes do processo. Eu sei que você deve estar animado para começar a construir padrões reais agora. Mas antes de prosseguirmos, só tenho mais uma coisa para acalmar sua mente e dizer, caso você esteja se perguntando, esse diamante aqui é apenas parte da camada do esboço Você pode ver que eu o tenho aqui no meu esboço. É apenas para nos permitir ver as costuras de nossa repetição e nos permitir quebrar as bordas quando nos transformamos Não aparecerá no padrão final. Agora você tem o básico de como seu padrão se repetirá Vamos começar a projetá-lo. 5. Esboçar um design 1: Então, vamos começar a criar nosso padrão. Então, obviamente, a primeira coisa que precisamos fazer é trazer nosso modelo do Canvas de onde quer que ele esteja armazenado. Coloque-o seu iPad e, em seguida, abra-o e Procreate , ou se você o salvou na nuvem em algum lugar ou em seus arquivos no iPad , acesse Importar e navegue para onde quer que ele nuvem em algum lugar ou em seus arquivos no iPad , acesse Importar e navegue para onde quer esteja E eu vou trazer essa preta aqui, a versão preta. Então, vamos chegar aqui até nossas camadas, e eu vou até essa camada de esboço, aqui é a que vamos usar, então vou trancar a que está embaixo para mantê-la como reserva caso precisemos voltar a Então, vou deslizar para a esquerda e tocar em bloquear. Portanto, não podemos desenhar nele por acidente e nos esconder. Então, vou adicionar uma camada acima desse diamante apenas para começar a desenhar, e depois vou mesclá-la em um segundo É muito bom poder desenhar em uma camada em branco para começar e depois mesclá-la Então você pode usar qualquer pincel para isso. Vou começar a pintar, esta é a minha favorita, e vou usar a caneta de tinta seca. Onde está? Lá vamos nós. E acho que o que vamos tentar fazer é criar uma versão semelhante desse padrão de flores que vimos na última lição. Então, vou testar esse pincel. Provavelmente é um pouco grosso para esboçar e torná-lo um pouco menor E, na verdade, vou mudar alguma coisa, alterar as configurações desse pincel de tinta seca. Então, se dermos uma olhada neste, você verá que, se formos para a estabilização, ele tem um você verá que, se formos para a estabilização, pouco de suavização, que pode dificultar a esboços rápidos se estiver Então, eu prefiro ter isso desligado, mas não quero alterar as configurações no pincel principal e depois esquecer o que são. Então, vou duplicar esse pincel deslizando para a esquerda e tocando em Então eu vou tocar nesse pequeno rabisco aqui em cima, e então podemos entrar na estabilização e virar tudo isso para baixo E agora não há suavização neste, então podemos fazer um bom esboço rápido Então, vamos começar a desenhar. Vou começar a estabelecer algumas formas aqui, começando com os talos das flores Coloque-os lá dentro. E, por enquanto, vou fazer um círculo aproximado onde sei que quero que as cabeças das flores estejam. Vou desenhar as pétalas e outras coisas adequadamente mais tarde. Eu também poderia colocar algumas folhas neste momento . Lá vamos nós. E então, quando eu tiver esse primeiro rabisco básico da minha primeira forma lá, vou selecioná-lo, e então você pode movê-lo para onde quiser, você vai desativar a captura para que possamos movê-lo livremente E então podemos simplesmente arrastar esse primeiro motivo para colocá-lo no diamante onde quisermos Normalmente, coloco tudo aqui no meio, quase subindo até o canto, mas quero mostrar a vocês uma maneira de poder desenhar nesses cantos mais tarde. Então, vou reduzir isso deliberadamente um pouco. E então, quando estiver pronto, vou juntá-lo para mesclá-lo com minha camada de esboço Então, eles estão agora na mesma camada. Então, agora vou tocar nessa seta de transformação aqui em cima e vou ligar meu encaixe e meu magnetismo novamente e garantir que os slides estejam totalmente voltados para cima Então, vou duplicar essa camada, tocar em transformar e arrastá-la para os cantos, como fizemos antes, arrastando para cima e para o outro lado, certificando-se de que possamos ver essas linhas de encaixe mostrando que temos tudo no lugar certo e verificando também essas pequenas cruzes E vou fazer isso quatro vezes arrastando-o para cada um dos cantos diferentes E então, uma vez feito isso, você pode juntar essas quatro camadas aqui E agora temos esses do lado de fora. Agora sabemos como esse elemento vai interagir com qualquer outra coisa ao seu redor Vou diminuir a opacidade dessa camada superior para que possamos ver facilmente o que está em nossa camada de esboço e o que está na camada externa duplicada Então, vamos voltar à nossa camada de esboço inferior , esta aqui Quando você olha as miniaturas, é aquela com o desenho na parte interna do diamante, oposição à que o tem na parte externa Então, agora sabemos que temos essa lacuna aqui para preencher. Talvez possamos desenhar algo que se conecte aqui, talvez possamos ter certeza de que estamos na camada certa. Vamos começar aqui ao lado deste, que é, na verdade, esse aqui em cima. Vamos talvez desenhar algumas linhas que se curvam lá em cima e contornem aqui. E, novamente, basta desenhar as cabeças das flores em círculos por enquanto até que eu tenha todo o meu posicionamento definido. Basta colocar algumas folhas. E, novamente, podemos duplicar essa camada e arrastá-la para suas posições em todos os cantos diferentes da tela Então, volte para o final, duplique, transforme, arraste-o para cima até a esquerda, certificando-se de que esteja encaixado Camada inferior, duplique, transforme, arraste novamente, camada inferior, duplique, E então, como eu não fiz nenhuma alteração nesta parte superior aqui, acabamos de adicionar partes a ela. Podemos simplesmente mesclar todas essas camadas em uma. Novamente, basta juntá-los todos para fazer isso. E eu vou reduzir a opacidade dessa camada. Agora podemos ver que temos esta bela seção aqui de alinhamento de padrões, e podemos ver como esses motivos estão se alinhando uns com os outros nas bordas da Por outro lado, se estivéssemos fazendo isso usando as bordas dessa tela, não conseguiríamos ver as bordas. Então, a próxima parte que precisamos preencher, eu acho, é talvez fazer alguma coisa aqui. Na verdade, parece que eu não tenho espaço suficiente aqui para colocar outro motivo, desse tipo de tamanho E o que eu gostaria de poder fazer é desenhar espécie de área aqui e sair da borda. Portanto, essa é uma etapa que eu não incluí na minha primeira aula sobre como criar padrões como esse IPCreate porque pode ficar um pouco confuso se você não usar o Photoshop para montar tudo novamente no final A maneira como contornamos isso é deslocando as bordas do padrão para dentro Então, vou duplicar essa camada superior. E então eu vou selecioná-lo. Vou arrastá-lo até a metade. E então o que está embaixo, vou arrastar até a metade na E então eu posso beliscar para mesclar os dois. Então, se eu apenas esconder isso, você verá agora, em vez de ter o diamante, temos o diamante entrando desse jeito com essas miras agora no meio E, novamente, essa é uma boa maneira verificar se você o alinhou corretamente. Então, nesta camada de esboço inferior , vamos fazer o mesmo com ela Eu vou duplicá-lo. Selecione-o e eu vou arrastá-lo até a metade. E então o de baixo , eu vou arrastar até a metade para o outro lado E então isso agora traz as bordas do padrão para o meio para que possamos desenhar as bordas porque agora elas estão no meio. E como eu disse, isso é apenas para uma versão de esboço. Não faremos isso na versão final. A duplicação, como eu disse, às vezes pode ficar um pouco confusa, mas isso é apenas o esboço, e usaremos o Photoshop para fazer Então, agora temos essa grande seção aqui, tudo em um trecho em que podemos trabalhar. Então, talvez eu comece aqui, certificando-me de que estou na parte inferior das duas, aquela com maior opacidade Então, vamos começar talvez aqui. Não sei se vou conseguir fazer três desta vez, talvez apenas e tocar com dois dedos. Acho que eu poderia ir. Vamos ver se consigo desenhá-los aqui. Podemos fazer a linha subir até lá, e depois pegar essa aqui, e então, possivelmente, podemos encaixá-la lá. Então podemos pegar as folhas por aqui. E então eu acho que essa parte vai ser a parte que vai até lá. Então, depois de adicionarmos esse motivo, para ver como ele está interagindo com todo o resto, vou excluir essa E então esse que sobrou, vou duplicá-lo e deslocar tudo de volta para os lados para que tenhamos nosso diamante novamente. Vamos trazer isso para lá e atravessar aquele, e depois vou apertar para mesclar os dois Agora estamos de volta ao nosso diamante, e você pode ver como, dessa forma, podemos fazer com que as coisas saiam do limite. Como eu disse, não me importo com as coisas erradas quando elas estão na minha camada de esboço Mais tarde, quando desenharmos os motivos, mostrarei como tirá-los das bordas e desenhá-los no meio, para depois corrigi-los no Photoshop Mas vamos deixar isso por enquanto. Então eu acho que essa é a coisa toda preenchida agora. Então, se duplicarmos e preenchermos as bordas, novamente, basta duplicar a camada inferior, transformá-la e arrastá-la para todos os cantos, sempre garantindo que você possa ver as você possa ver linhas alaranjadas onde ela está 6. Refine seu esboço: Então, parece que acabamos preencher essa área aqui. Basta apertar para mesclar essas camadas e diminuir a Então, temos essa lacuna aqui, que é a mesma lacuna que temos aqui em cima e aqui. Então, o que eu acho que eu faria é modificar isso um pouco e trazer essa farinha até lá. Então, vamos tentar apagar isso, para ter certeza de que estou na camada certa Vamos voltar a este. Aquele que tem um diamante preenchido em oposição ao diamante vazio lá em cima. Então, vamos apagar essa parte. Não importa se você apaga um pouco do diamante, mas enquanto estamos fazendo isso, contanto que você mantenha os pedaços em contato com as bordas intactas, não importa se você bagunça essas bordas internas enquanto desenha Então, vamos ter talvez, uma cabeça de flor aqui embaixo, naquela lacuna, e então podemos trazer aquela gritaria até lá para nos encontrarmos com ela E então eu acho que vou levar isso um pouco mais longe também. Então, vamos apagar isso e desenhar isso um pouco mais adiante E então podemos colocar uma folha lá para preencher essa lacuna e outra lá embaixo. E, sim, essa é a razão pela qual eu adoro usar esse método para criar padrões, em vez de desenhar motivos e depois levá-los ao Photoshop ou ao Illustrator para Ao desenhar o layout primeiro, você pode realmente fazer com que esses motivos se encaixem um no outro, preencham cada pequena lacuna e realmente criem um padrão entrelaçado É por isso que eu absolutamente amo esse método. Adoro desenhar padrões intrincadamente entrelaçados onde tudo preenche Então, estou apenas olhando agora para ver se quero colocar mais folhas neste estágio. Acho que provavelmente há o suficiente por enquanto, e vou deixar isso até um pouco mais adiante antes de colocar algumas folhas extras. Então, o que vou fazer agora é duplicar essa camada inferior e depois colocá-la nos cantos novamente para refletir as alterações que acabamos Apenas pegue este último. Então, esta de cima aqui, porque agora é diferente, modificamos e movemos coisas nessas camadas, vou excluir essa e depois mesclar apenas essas quatro duplicatas apenas para manter as coisas arrumadas E esse espaço agora está bem preenchido. Para testar o padrão e ver como ele fica repetidamente, vou deslizar para baixo com três dedos Vou copiar tudo e, em seguida vou até essa camada aqui, esse grupo, aquele que é chamado de clique duplo padrão. Vou deslizar para baixo novamente com três dedos, colar e, em seguida, esse ponto azul aqui embaixo, vou arrastar até o centro, então vamos colocar isso no canto superior esquerdo Em seguida, vou duplicar essa camada, transformá-la novamente e encaixá-la para o lado, juntá-las, duplicar, transformar e encaixá-las na parte inferior, e então podemos juntar essas duas últimas camadas E então, embora possa ser um pouco perturbador com esses diamantes mais grossos, e como mencionei, quando os estávamos fazendo, eu os tornei deliberadamente muito mais grossos para que você possa vê-los facilmente de Definitivamente, você pode torná-los mais finos nos photoshops que não apareçam tanto e não sejam uma distração Mas, no geral, acho que esse padrão está fluindo bem Não há lacunas ou fragmentos óbvios que se destaquem por serem grandes demais. Acho que talvez aqui, e vejo isso acontecendo aqui na mesma parte, eu possa fazer essa flor se torcer um pouco mais para preencher esse espaço Ou quando se trata dessa flor, eu posso movê-la um pouco para cima ou até mesmo estender a folha até lá. Vamos dar uma olhada quando começarmos a desenhar os motivos adequados, e isso é fácil de corrigir Então, vou ocultar essa camada ou você pode excluí-la. Você não precisa guardar isso. Vou voltar para minha camada de esboço e ainda preciso desenhar essas flores Depois de definir os ossos do nosso padrão, convém colocar um pouco mais de detalhes nele. Você pode desenhar as flores à mão assim ou o que eu normalmente faço. Eu normalmente faço um pincel de carimbo de formas, e eu tenho este aqui, que vou incluir nos materiais de aula Portanto, você pode usar este como um esboço para traçá-lo. Então, vamos dar uma olhada e ver qual é o tamanho disso. Uau, muito grande. Vamos fazer isso um pouco menor, ainda um pouco grande demais, pouco menor, muito pequeno, um pouco maior. Lá vamos nós. Cerca de 30%. Então, sim, você pode desenhar suas flores e detalhes à mão ou, como eu disse, o que eu normalmente faço. Eu uso esse carimbo de pincel para ter um pouco de uniformidade, mas com um pouco de variação, porque quando eu os traço na fase de ilustração, todos eles serão um pouco diferentes, mas ainda assim baseados no fato de essa forma ter o mesmo tamanho Então, vou diminuir a opacidade na camada acima novamente Então você sabe em qual deles estamos trabalhando. Em seguida, vou colocar minha camada de esboço adequada e, em seguida, vou estampar minhas formas de flores aqui onde estão esses círculos E então, para poder desenhar essas que temos saindo dos cantos aqui, vou duplicar essa camada de esboço e realizar deslocamento de um lado para o outro que fizemos quando as colocamos no lugar pela Então, basta duplicá-lo e arrastá-lo e, em seguida, arrastar o outro e fazer o mesmo com a camada de esboço acima fazer o mesmo com a camada de esboço Duplique e arraste isso cima e, em seguida, arraste o outro para baixo Então temos esse X em vez de um diamante. E então voltaremos à nossa camada de esboço e colocaremos essa flor lá E parece que eu esqueci de fazer isso também. Lá vamos nós. Agora que adicionamos todas as nossas flores, vou deletar essa camada superior e colocá-la de vou deletar volta em um diamante, duplicando e movendo, e depois juntaremos a outra camada, e então faremos nosso deslocamento de diamante para os cantos com essa camada de esboço, e então todas as nossas flores estarão colocadas E então devemos estar no estágio em que estamos prontos para começar a ilustrar adequadamente os motivos Então, tudo isso está feito agora. Vou juntar esses quatro na parte superior e reduzir a opacidade desse. Você sabe, na verdade, eu acho que eu poderia adicionar mais algumas folhas a este. Então, vamos voltar ao pincel de tinta seca para desenhar, vamos para o M recente, e ele deve estar lá. Lá vamos nós. Sim, então vou colocar mais algumas folhas aqui para preencher algumas dessas lacunas. Eles não precisam ter um formato perfeito. Podemos calcular melhor a forma e o posicionamento exatos posteriormente. Eu gostaria de ter meus padrões bastante densos e preencher a maioria das lacunas Então, sim, acho que provavelmente é o suficiente por enquanto. Novamente, agora que fiz uma alteração nessa parte central, preciso aplicá-la a essas áreas externas para que, ao desenhar os motivos finais, eu esteja ciente do que está acontecendo ao redor Então, vamos fazer essa compensação novamente. Porque quando queremos ilustrar por cima, precisamos saber o que estamos ilustrando ao lado Portanto, se você fizer uma alteração no meio, sempre, aplique-a nas áreas externas. Então, vamos juntar esses quatro. Podemos deletar esse anterior lá em cima. Embora não tenhamos feito nenhuma alteração, apenas adicionamos. Poderíamos mesclá-los, mas vou deletar este E lá vamos nós. Esse é agora nosso esboço finalizado do nosso padrão básico. Quando vamos ilustrar isso, essas partes aqui são as únicas que realmente precisaremos ilustrar E então esses aqui são os que vamos montar mais tarde no Photoshop Então, no próximo vídeo, veremos como começar a ilustrar por cima disso 7. Ilustrando motivos: Então, agora esse é o nosso esboço, todo bem organizado. Podemos começar a adicionar algumas cores e motivos finais a isso. Vou começar diminuindo a opacidade dessa camada externa aqui E então, a primeira coisa que vou fazer é mudar a cor do plano de fundo para algo que eu queira usar na ilustração final e, em ilustração final e seguida, trabalhar as cores em torno Então, eu tenho essa paleta aqui que vou usar. Mude a cor do plano de fundo. Vá até suas camadas, toque na cor de fundo e, em seguida, você pode escolher uma cor da sua paleta Eu vou comprar esse Piccio aqui. E então vamos voltar ao nosso menu de camadas. E vamos trabalhar nesse grupo de padrões aqui. Então, eu vou ativar esse. Podemos ocultar essa camada de texto agora. Só precisávamos dessa camada para que pudéssemos salvar o grupo com pelo menos uma camada nela. Então, podemos adicionar uma camada acima dessa. E agora, trabalhando na minha pasta de padrões, vou escolher a cor que quero para os talos É por aí que eu normalmente começo. Então, eu vou com o verde. Vou usar esse verde escuro aqui. E acho que o pincel que eu uso. Vou voltar para a tinta seca, mas usar a versão normal que tem um pouco de suavização Então, agora vou começar a desenhar os talos. Normalmente é por aí que eu começo, se estou fazendo um padrão floral como esse. Então, vou começar do meio de onde o caule seria preso à flor apenas para obter os ângulos retos E vou desenhar algumas belas linhas fluidas para elas Então, acho que vou usar esse pincel mais grosso para os caules das flores dessas folhas maiores E então acho que para essas folhas menores, vou usar um pincel um pouco mais fino Não tenha medo. Quando você está desenhando curvas como essa Não tenha medo de mover a tela. É muito mais fácil desenhar nesse ângulo do que tentar retroceder e desenhar para o outro lado Portanto, não tenha medo de mover a tela para uma posição que você ache confortável para desenhar. Então, vou terminar de colocar essas folhas aqui. E então eu vou mudar para um maior para esses caules de flores novamente. Acho que vou aumentar a opacidade na camada externa do esboço para poder vê-la um É um pouco difícil de ver no momento. E enquanto estivermos aqui, vou voltar para minha camada de caule e vou renomear essa camada para hastes Eu sempre gosto de nomear à medida que uso no Procreate. E então, quando voltamos ao Photoshop, é fácil ver o que é o quê É muito mais fácil ver as miniaturas e renomear no Procreate Então, vamos continuar com isso e desenhar esses talos de farinha aqui usando belas linhas curvas ou linhas retas, se esse for o seu estilo Vou mudar para o pincel menor para eles. Como você pode ver, obviamente não estou me limitando religiosamente às linhas de esboço que desenhei Estou indo mais com mais fluxo da curva e, usando isso como guia, é onde eu quero que a haste esteja , em vez de me ater religiosamente ao que desenhei no esboço Desde que eu esteja acompanhando e prestando atenção ao que está acontecendo ao redor de onde estou desenhando, não importa se você se desvia um pouco do esboço Acho que, na verdade, preciso mudar a cor dessa camada de esboço do lado de fora porque está ficando um pouco difícil ver o que eu deveria estar desenhando e o que não estou Então, em vez de alterar a opacidade, vou bloquear alfa a camada de esboço Deslize para a direita. Na verdade, talvez eu faça o primeiro. Deslize para a direita com dois dedos para bloqueá-la alfa, e então você pode tocar na camada de preenchimento e ela a preencherá com a cor que você tem, e então eu posso diminuir a opacidade E agora eu posso ver facilmente a diferença entre os que eu preciso desenhar e os que eu não preciso desenhar. Então, vamos voltar às hastes. E acho que a única que preciso desenhar agora é essa, que sai direto da borda, mas na verdade é só a flor que sai. Então, eu ainda posso desenhar isso nessa mesma camada. Então, vamos desenhar as hastes e depois desenharemos a flor mais tarde. Então, como não estou exagerando, posso começar por aqui. Estou apenas olhando para isso e pensando que parece um pouco vertical demais, e acho que quero colocar um pouco mais de curva nisso, então vou desfazê-las e tentar trabalhar um pouco mais de curva nessa linha Sim, acho que funciona melhor. Então, vamos colocá-los de volta. Só estou lembrando que, quando vimos essa imagem aqui nesta parte, pensei que poderia dar uma olhada quando desenhássemos os motivos para consertar E essa foi essa seção aqui. Então minhas opções eram talvez estender essa folha um pouco para dentro dela ou mover essa flor para baixo, essa aqui. Então, acho que provavelmente vou estender essa folha um pouco mais. Então, vamos pegar a borracha. Quero apagar com o pincel atual que estou usando. Então, vou pressionar longamente a borracha e você verá lá em cima que diz apagar com o pincel atual Isso vai me dar um pincel muito mais macio para trabalhar. Então, vá apagar isso. E então vamos desenhar, na verdade, vou fixar a haste em que vou entrar primeiro. Vamos voltar a falar sobre isso. Lá vamos nós. Isso está corrigido. Então eu vou vir até aqui e incliná-lo para baixo na folha. Os talos estão certos, e então podemos fazer a folha subir até lá Acho que isso deve preenchê-lo bem. Eu poderia até levar essa flor um pouco mais longe lá embaixo. Então, vamos apagar esse. E então, na minha camada de esboço, vou usar a ferramenta de seleção e quero selecionar à mão livre Basta desenhar ao redor dessa flor. Vá para transformar. Vou desligar o encaixe, e depois vou movê-lo um pouco para cá um pouco para cá E então eu posso voltar para minha camada de caules aqui, começar no meio da flor e depois me juntar novamente a esse ponto. E lá vamos nós. E agora vou voltar aqui e terminar trabalhar nessas últimas hastes. 8. Preenchendo motivos (um atalho!): Não. Ok, então eu acho que todas as nossas hastes estão prontas agora. Então, a próxima coisa que vou ilustrar seriam as flores Então, vamos adicionar uma camada acima desta. E eu vou fazer primeiro os centros de flores , que serão amarelos. Então, vamos renomear essa camada para amarelo. Você pode chamá-lo de centro, meio, amarelo ou qualquer cor que você esteja usando Então, vamos pegar minha cor amarela. E então só precisamos desenhar e preencher todos esses círculos para fazer isso. Então, vou fazer uma forma de círculo áspero. E então você quer mantê-lo em posição, e então aqui em cima, você verá que ele dirá elipse ou círculo Estou demorando demais com isso. Preciso ir mais rápido. Vamos desfazer isso. Então fique de olho lá em cima. Vou desenhar e segurar, e vai dizer elipse criada, ou pode dizer círculo Você pode tocar nesse pequeno triângulo ali mesmo e depois alterá-lo para uma elipse ou um círculo Se você quiser uma forma oval, pode tocar na elipse ou se quiser o círculo perfeito, pode tocar no Vou desfazer isso e te mostrar novamente. Não te dá todo o tempo do mundo. Então desenhe, segure, toque aqui, e então você pode escolher círculo ou elipse Vou manter o círculo para este. E então eu vou trabalhar do meu jeito fazendo isso para todos os outros. E agora está tudo pronto, exceto este aqui no canto, que vamos resolver depois de fazermos o resto. Então, agora precisamos preenchê-los. Você pode arrastar da sua cor rosa aqui para baixo até uma dessas formas e soltá-la. E aqui em cima, você verá que diz “continue preenchendo”. Você pode tocar nisso e depois tocar em cada um desses círculos aqui, assim. E então, quando terminar, basta tocar no pequeno carrapato ali. Agora, com a queda de cor do Procreate, estamos usando um pincel de textura, ele não preenche até as bordas tão facilmente quanto se estivéssemos usando um pincel plano como este Vou te mostrar se eu arrastar isso para lá. Além daquele lugar onde começamos, você pode ver que este preenche mais perfeitamente do que o texturizado Quero dizer, mesmo esse não é perfeito. Você pode contorná-lo até certo ponto Se segurar e arrastar, você pode alterar o limite. Para preencher mais da forma. E você também pode fazer isso com eles, mas quando chegar a um certo ponto, mesmo que aumente o limite o máximo possível sem preencher a página inteira, ainda verá algumas dessas lacunas aparecendo Existem maneiras de contornar isso. Se você estiver usando apenas o Procreate, obviamente pode contornar cada um dos motivos e traçar as E essa é uma maneira perfeitamente aceitável de fazer isso. No entanto, vamos nos livrar de tudo isso. Se você tem muitas formas para preencher, especialmente quando se trata de fazer essas pétalas mais tarde, na verdade é muito entediante ter que contornar todas essas coisas uma por uma Então, espero até estar no Photoshop para preencher tudo isso , porque então podemos usar o mágico para fazer coisas como seleção invertida, difusão e preenchimento dessa porque então podemos usar o mágico para fazer coisas como seleção invertida, difusão e preenchimento Na verdade, é um processo que podemos até mesmo automatizar, então você pode fazer isso com apenas alguns cliques. Mas falaremos sobre isso mais tarde. O único problema em não preenchê-los agora é que, se quisermos fazer algum sombreamento sobre eles, o faremos em um segundo Então, se quiséssemos bloquear essa camada de forma alfa, que é como normalmente fazemos sombreamento, vamos escolher uma cor mais escura e escolher um Escolha um daqui. Então, quando colocamos um pouco de sombreamento neles, isso meio que os torna permanentes agora E quando preenchemos isso no Photoshop, você sabe, não conseguimos fazer isso corretamente porque esboçamos sobre uma forma não Então, da maneira como vamos fazer esse sombreamento mais tarde, vamos adicionar uma camada acima de nossas formas planas e, em seguida, vamos recortá-la a elas. E então, quando adicionamos nosso sombreamento a essa camada, quando entramos no Photoshop e fazemos o equivalente a preencher essas lacunas dessa forma, vou desenhar rapidamente sobre Então, quando fazemos o equivalente a preencher essas linhas dessa forma, ainda temos aquela camada de sombreamento perfeitamente intacta por cima dela, que podemos mesclar no Photoshop dessa forma, e não temos Então, vou desfazer todas essas etapas novamente agora e me livrar delas Então, eu só queria passar por cima disso, caso você estivesse pensando, espere, vamos deixar as formas vazias assim A resposta é sim, nós somos. Vamos apenas usar a rápida queda de cor, preenchê-las e depois seguir em frente. Não vamos nos preocupar em preenchê-los porque estamos usando os pontos fortes dos diferentes programas que estamos usando Procreate é ótimo para desenhar, mas não tão bom para preencher Podemos deixar isso e pegá-lo no Photoshop mais tarde, o que é muito melhor para preencher Então, agora nós fizemos isso. Podemos adicionar uma camada abaixo dessa para as pétalas. Vou tocar nessa camada e renomeá-la como pétalas. E acho que vamos torná-los dessa cor rosa. E então vamos nos certificar de que temos nosso pincel de desenho novamente, linha de tinta seca. Vou dar uma volta e preencher, bem, traçar todas essas linhas de flores. E lembre-se, eu disse, de usar o carimbo de flores para garantir que todas tenham aproximadamente o mesmo tamanho e ângulo e que o espaçamento esteja correto Mas, em seguida, traçando cada um à mão, você obterá a uniformidade, mas também com um toque de desenho à mão incorporado E é por isso que eu gosto de usar carimbos com formas de motivos para desenhar motivos E então essas são todas as nossas flores desenhadas. E sim, estou sempre pensando que quando estou desenhando o mesmo motivo repetidamente assim, sou sempre grato por pelo menos não ter que desenhar todos esses Então, podemos usar a gota de cor novamente, arrastar a partir do canto, continuar preenchendo e, em seguida, podemos preencher todas essas flores. Opa. Talvez eu não tenha fechado completamente essa forma. Vamos deixar essa para o fim. Espero que, se os escondermos, provavelmente haja uma lacuna em algum lugar para que possamos arrastar. E então, se puxarmos para a esquerda para reduzir o limite, ele será preenchido corretamente Então, vamos lá. Essas são nossas flores desenhadas agora. A última coisa que vou fazer são as folhas, e vou desenhá-las embaixo dos Então, vou tocar na camada padrão e posso adicionar uma camada acima dela, e vamos chamá-la de folhas, e vou usar um verde mais claro para esta. E vou apenas traçar essas formas de folhas aqui. Agradável e simples. Eu poderia realmente mudar a forma deles e mudar a forma. Mesmo que eu os tenha desenhado, você sabe, a forma dessa forma no esboço, não estamos vinculados a ter que desenhá-los dessa forma Então, se você mudar de ideia meio da ilustração, tudo bem Acho que vou escolher esse formato, mas com um pouco mais de pizzas e uma forma curva. Uma coisa que estou verificando aqui lembro que mudei um pouco a forma disso, então estou apenas verificando onde isso termina em relação à folha, e acho que vai ficar tudo bem. Além disso, sei que preciso ter cuidado porque movemos essa flor um pouco para baixo. Mas eu sei que ultrapassar essa linha um pouco ainda vai ficar bem. Então, tudo bem. Idealmente, se você alterar coisas em seu esboço, você deve então alterá-las nas bordas novamente. Mas como esses eram apenas pequenos ajustes, eu não me preocupei em fazer isso na época Mas se você fizer grandes alterações no esboço à medida que avança, recomendo repetir a duplicata e retirá-la dos E dessa forma, você terá menos potencial para corrigir no Photoshop posteriormente Certo. Acho que todas as nossas folhas estão prontas. Só de olhar para esta seção aqui, gostaria de saber se isso vai parecer uma pequena lacuna mais tarde. Então, podemos adicionar alguns pontos a esse padrão posteriormente para preencher algumas dessas lacunas menores Mas, por enquanto, em nossa camada de folhas, vamos usar a queda de cor, como antes, para continuar preenchendo essas formas. Opa. Oh, eu realmente gosto de ver esse fundo colorido. Gosto muito desse fundo verde, então talvez eu o use para criar algumas cores alternativas mais tarde. Vamos pular esse, que obviamente não está preenchido. Tente alterar o limite. Não, ainda não vou escapar impune. Isso pode ser porque eu tenho o limite aumentado demais, não Lá vamos nós. Vamos resumir isso até o fim. Não precisa ser tão alto porque qualquer forma, vamos consertar as coisas mais tarde. No entanto, esse claramente não quer ser preenchido. Então, vamos esconder isso. E sim, eu tenho uma grande lacuna lá. Isso nunca vai encher. Então, vamos preencher isso e arrastar a cor para dentro. 9. O grupo extra: Essa é a maior parte da ilustração feita. A próxima coisa que precisamos fazer é essa flor aqui nas bordas. Então, para trabalhar nisso, isso vai entrar na seção extra. E o que vou fazer é deslizar para baixo com três dedos, copiar tudo e depois ativar minha pasta extra Vou selecionar essa camada com um extra nela e vou deslizar para baixo novamente com três dedos e colar E agora colou uma cópia de tudo o que tínhamos na tela Vou duplicar essa camada e, oh, não tenho o encaixe ativado Vamos ativar o magnetismo e ativar o encaixe. E então eu vou arrastar essa camada o fim e encaixá-la até a borda E então o que está embaixo, vou arrastar de volta na direção oposta Então, agora estamos trabalhando em nosso X em vez de em um diamante. Vou beliscar esses dois juntos. Podemos simplesmente excluir o espaço reservado na parte inferior que diz extra Você também pode excluir o Padrão se quiser neste momento, porque não precisamos adicionar mais camadas por baixo Esses são apenas espaços reservados. Então, agora podemos trabalhar nesta flor aqui. Agora, quando movemos as coisas para o lado, sabemos que, como nosso documento tem 3.600 pixels ou 12 “, deslocamos tudo o que estava na borda, nós a movemos mais 1.800 pixels ou 6" ao longo do Movemos metade do tamanho do documento ao longo do eixo X. Então, esse ponto no meio, esse é um lugar muito específico. Nós não mudamos isso para qualquer ponto antigo na tela Então, quando voltarmos para o Photoshop, toda essa pasta extra, podemos facilmente movê-la de volta para onde deveria estar no padrão apenas movendo a pasta inteira -1.800 pixels ao longo do eixo X ou 1.800 pixels para a É assim que contornamos desenho das bordas e procriamos, mas sem precisar cortar os motivos ao Porque quando levamos isso de volta para o Photoshop, podemos simplesmente aumentar a tela e fazer dessa forma Então, agora podemos seguir em frente e ilustrar essa flor aqui no meio Então, vamos adicionar uma camada e vamos fazer o centro amarelo. Vamos desenhar o círculo como fizemos antes, quebrá-lo segurando e transformaremos isso em um círculo E então você pode tocar em qualquer lugar para sair disso, e então podemos colorir nele. Basta renomear esse amarelo extra. E então eu vou adicionar uma camada por baixo. E então podemos usar o rosa. E, novamente, apenas traçando nossas formas de pétalas. E então use a gota de cor para preencher isso. E agora essa pasta extra está pronta, e estabelecemos o básico para todos os nossos motivos Se você trabalha apenas em formas planas sem sombreamento na procriação, na verdade está pronto neste momento e, em seguida, pode salvar e enviar isso para o Photoshop, seguir em frente e começar a próxima seção trabalhando no Mas se você gosta de adicionar texturização ao seu trabalho, continue assistindo ao próximo vídeo, pois veremos como fazer isso a seguir 10. Adição de textura: Então, agora vamos dar uma olhada em como adicionar alguma textura a esses motivos de uma forma que não precise parar e começar a procriar para preencher todas essas pequenas linhas e, em vez disso, aproveitar a facilidade de fazer isso no Então, como eu disse, se fôssemos bloquear alfa essas camadas e depois adicionar textura a essa camada, teríamos que preencher esses espaços nas bordas primeiro. Mas se adicionarmos uma camada acima e usarmos uma máscara de recorte, ela ainda terá o mesmo efeito se tivéssemos bloqueado a camada em alfa, mas ainda preencherá a parte superior dessas lacunas Simplesmente não os mostrará no momento e eles aparecerão quando entrarmos no Photoshop mais tarde Então, nesta camada, vamos renomeá-la para Petals Extra, eu esqueci disso eu esqueci se preocupe em renomear as máscaras de recorte porque, quando elas forem mescladas, elas assumirão o nome de qualquer camada abaixo delas quando fizermos isso no Então, nesta camada de máscara de recorte, vamos dar uma olhada em quais pincéis de textura estão disponíveis vamos dar uma olhada em quais pincéis de textura estão disponíveis. Vamos tentar esse. Então, vou usar essa tinta spray de bico médio que vem com o procreate, e vou usá-la para adicionar um pouco dessa cor mais escura ao centro das pétalas dessa E então vou escolher um rosa mais claro e adicionar um toque de cor mais clara às bordas desse jeito. E como você pode ver, se eu simplesmente soltar isso, tudo isso ainda está intacto e cobrirá essas áreas perfeitamente Mas, como está preso a essa camada inferior, ainda mostrará essas lacunas, mesmo que elas não estejam realmente lá Então, isso é tudo o que há para fazer nessa camada, porque ela está em nosso grupo extra. Então, vou fazer o mesmo com o amarelo, adicionar uma camada acima dela, cortá-la na camada abaixo e vamos escolher uma cor laranja um pouco mais escura na parte inferior aqui E então uma cor mais clara lá em cima na parte superior. Isso pode ser um pouco parecido demais para ver. Vamos ficar um pouco mais leves. Lá vamos nós. E embora eu tenha essas cores salvas aqui no meu histórico de cores, vou adicioná-las às outras camadas. Eu recomendo que, se você não tem histórico de cores no seu iPad, acho que nem todos os modelos o têm, iPad do meu filho não tem isso em sua versão do Procreate Se você usar uma cor na ilustração que não está salva em sua paleta, o que eu faria é criar uma nova paleta para colocá-la e, em seguida, você pode simplesmente adicionar as cores extras que você usa à medida que avança , porque às vezes é difícil encontrar a cor certa, retirando-a da ilustração Outra coisa que eu sei que alguns ilustradores fazem é adicionar uma camada na ilustração, na qual eles simplesmente colocarão as cores para possam facilmente desenhá-las dessa forma Basta usar um pincel duro. E, como eu disse, em uma nova camada, você pode simplesmente adicionar pontos da cor que você salvou lá para voltar, como ter uma nota deles em sua ilustração Só vou escondê-los por enquanto. Também podemos esconder toda essa pasta extra agora porque terminamos de fazer aquela flor. Então, quando escondermos isso, ele voltará para a ilustração normal abaixo Então, vamos começar fazendo as flores amarelas primeiro , pois temos essas cores em nossa história recente. Vamos adicionar, não uma máscara de camada, toque nela e adicione uma máscara de recorte. Lá vamos nós. Então, sim, vamos usar essas cores, e vou voltar aos meus pincéis recentes na parte superior para encontrar o que eu estava usando Então, agora vamos dar uma volta e adicionar um pouco de sombreamento a todos esses centros de flores E então obteremos a cor mais clara apenas para adicionar um pouco de luz ao topo. Estamos imaginando que a luz está vindo do canto superior esquerdo neste desenho Essa é a camada feita. Agora podemos ir até as pétalas, adicionar uma camada acima, tocar nela e escolher a máscara de recorte E então eu preciso voltar até essa paleta, e posso obter o rosa mais escuro E vou colocar um toque disso saindo de trás do círculo amarelo só para adicionar um pouco de profundidade. Faça isso lá embaixo, e então eu vou escolher o rosa mais claro e apenas tocá-lo nas bordas das pétalas. E então, com os caules, acho que provavelmente vou deixá-los como estão. Eu não vou colocar nenhum sombreamento neles. Se você quisesse fazer algum sombreamento nas hastes, porque não usamos preenchimento de cores, apenas desenhamos Você pode simplesmente bloqueá-lo em alfa e fazer sombreamento por cima deste, se quiser Dessa forma, não há lacunas nessa camada, então não usamos a máscara. Hum, eu não quero fazer nenhum sombreamento neste, então vou deixar esse como está Para as folhas, vou adicionar uma camada acima, tocar nela e prendê-la na camada. E então vou usar um verde mais escuro para adicionar um pouco de sombreamento à folha Eu só vou para qual deles nós temos? É mais sombrio Então, sim, vou adicionar um pouco de cor mais escura exatamente onde as folhas saem do caule E então, esse verde mais claro, vou adicionar um toque disso por cima. E então essas são todas as nossas folhas agora sombreadas. Então, se derrubarmos todas essas camadas, eu vou me livrar delas quando eu colocar lá. Vou me livrar dessa prévia. Agora temos tudo contido em nosso grupo de padrões. Temos nosso esboço. Temos nosso padrão e temos nosso extra. Estamos quase prontos para exportar para o Photoshop, mas antes disso, vou mostrar como colocar isso em uma prévia rápida para uma última verificação antes de sairmos do Procre e mudarmos o software para o Photoshop. 11. Testando o padrão no Procreate: E se você quisesse juntar tudo isso para pré-visualizar no seu iPad e ver como o padrão vai ficar, o que eu faria é duplicar essa pasta inteira Se você tiver camadas suficientes, poderá descobrir que não tem camadas livres suficientes para fazer isso. Nesse caso, eu sairia para a galeria, duplicaria o documento inteiro, deslizaria para a esquerda e tocaria em duplicar, e então você poderia ter sua versão de trabalho e uma que vamos nivelar Então, vamos falar sobre isso. Então, eu vou esconder esse. Na verdade, então eu vou trancar isso para que não possamos fazer nada destrutivo com esse Vou deletar o esboço extra. Eu tranquei coisas lá. Eu só preciso desbloquear aquele diamante extra e depois podemos excluí-lo. E então, para o padrão, vou tocar nele e podemos tocar em achatar E então, para o extra, podemos ativar essas camadas. Só precisamos excluir a imagem colada e, em seguida, tocar em todo o grupo Acabamos de ter esse sinalizador lá. Podemos então nivelar isso também. Então, para quase replicar o que vamos fazer no Photoshop, que é poder mover isso, precisamos fazer o oposto do deslocamento para colocá-lo no meio em primeiro lugar Então, se selecionarmos isso, só vamos pegar a farinha, e não há como mover exatamente 1.800 pixels Precisamos ser capazes de selecionar a tela inteira para fazer isso e movê-la pela metade. Então, se pegarmos uma caneta comum, não importa o que seja, não importa o que seja, esta serve, e apenas desenhamos uma pequena marca de canto a canto nas bordas. E depois das bordas do canto dessa , podemos duplicar essa camada E lembre-se, isso é apenas para nos dar uma pequena prévia. Não somos nós montando o padrão. Isso é apenas uma prévia e uma verificação. Vamos duplicar isso. Podemos arrastá-lo para a esquerda e encaixá-lo no lugar e arrastá-lo para a direita e encaixá-lo no lugar certo, e então podemos juntá-los. E então eu vou apagar essa linha que agora está no meio Vamos usar uma borracha diferente. Lá vamos nós. E então podemos mostrar nossa camada principal, e então podemos juntá-las E então esta é a parte com a qual podemos deslocar e preencher as bordas Agora, como não temos nada, temos algo saindo das bordas esquerda e direita, mas não temos nada tocando as bordas superior e inferior Precisamos colocá-los com uma caneta. Precisamos colocar essas marcas novamente nos cantos e, em seguida, podemos duplicar essa camada e fazer nosso deslocamento para os cantos da mesma forma que fizemos com as camadas de esboço anteriores Novamente, lembre-se de que isso é apenas para nos dar uma pequena prévia e dar uma olhada em nosso iPad. Não estamos mesclando nenhuma obra de arte final. Tudo ainda será totalmente editável posteriormente. Então, vamos juntar os quatro últimos. Vamos apagar essas pequenas marcas no meio e ir até a camada abaixo e apagar as marcas nos cantos, e então podemos juntar as duas. E agora esta é uma cópia de exatamente como será nossa patente . Gosto de fazer isso porque é a última oportunidade de verificar se há algo que eu possa corrigir rapidamente aqui antes de colocá-lo no Photoshop E estou feliz por ter feito isso, porque posso ver nesta seção aqui que meu caule está caindo um pouco demais e está se sobrepondo à folha desse jeito Não é o fim do mundo, mas como não é assim que o resto do design está funcionando, que não tem elementos em contato, vou alterá-lo agora, enquanto ainda o tenho em prorocriate vou alterá-lo agora enquanto ainda o tenho em prorocriate Outra coisa que eu posso ver, que eu vi enquanto caminhava é que eu tinha a pétala sobreposta E, novamente, não é o fim do mundo, mas meu estilo de padrão geralmente é não ter coisas sobrepostas Mas com este, o que vou fazer é girá-lo mais tarde no Photoshop Então, não vou mudar isso agora, mas acho que vou editar essa cegonha para que possamos esconder essa camada achatada e voltaremos para nossa Vou desbloqueá-lo agora. E então é esse aqui que precisa ser editado um pouco. Vou ativar essa camada novamente, mas diminuir a opacidade. E então eu preciso voltar para a minha camada de caules. Vamos pegar o pincel certo e, em seguida, vou pressionar longamente a borracha para apagar com esse pincel mais Então, vou apagar isso aqui e depois voltar e pegar a cor que eu uso para os caules Ah, e pegue o pincel um pouco mais grosso e depois fixe a haste lá Só que agora, acho que parece um pouco curto e atarracado Então, acho que vou desfazer isso. Vou deixar como estava e, na verdade, vou consertar a folha. E é esse aqui em cima. Então, vamos para nossa camada de folhas. Provavelmente posso deixar essa máscara de recorte como está, porque ela se aplica facilmente a tudo o que eu fizer por baixo dela, também nessa tudo o que eu fizer por baixo dela, também Então, eu vou usar um apagador sólido neste momento. Então, vamos apagar essa folha inteira. E então vamos pegar a cor que usamos para isso , que é esse verde. Então, vou desenhar outra folha, evitando aquele caule, se eu puder. Pegue o pincel na espessura certa. E você verá que, ao fazer isso, ele vai pegar a textura da máscara de recorte acima Pode ser mais fácil se eu desenhar este lado primeiro e depois combinar o outro com ele. Lá vamos nós. Acho que vai ficar muito melhor do que tentar mudar o caule. E, como você pode ver, mantivemos essa bela textura vista de cima. Portanto, não precisamos refazer essa camada de visualização novamente. Isso é só para vermos como ficou. Então, vou esconder minhas camadas de padrão novamente, e vamos voltar aqui para esta prévia e aumentar a opacidade E embora eu saiba que mudei essas partes, outra coisa que gosto de fazer é ver como isso fica no geral repetidamente. Então, vou selecionar a camada inteira. E vou arrastá-lo até o canto superior esquerdo, duplicá-lo e encaixá-lo para a direita, juntar os dois, duplicar e encaixá-los E então você obtém uma boa prévia antes de enviá-la para o Photoshop Se você visse alguma outra coisa neste momento que quisesse mudar, esse seria o momento de voltar e fazer isso Caso contrário, se você estiver satisfeito na próxima lição, veremos algumas práticas recomendadas de exportação para enviá-la para o Photoshop 12. Procreate Exportando melhores práticas: Então, vamos dar uma olhada em algumas das melhores práticas de exportação. Eu sempre gosto de arrumar meus arquivos um pouco antes de enviá-los para o Procreate Então, vou excluir essa camada de visualização porque não precisaremos dela. Essa camada de padrão duplicada eu também vou excluir. Quero que minha camada de padrão apareça, mas minha camada de esboço esteja desativada. E vou me certificar de que tudo que deveria ter um nome tenha um nome, o que todos eles têm, e na seção extra. Todos esses também o fazem. Posso excluir essa camada colada porque não precisaremos Não faz muito sentido recolher pastas antes de exportar para o Photoshop, porque quando você traz coisas para o Photoshop, porque quando você traz coisas para o Photoshop, tudo o que é importado é aberto Então, quando eu souber que não preciso desfazer mais nada neste documento e que ele está pronto para ser usado, vou voltar para a galeria e renomear esse Então, vou tocar no nome e, normalmente, não tenho preto no final dos nomes dos meus arquivos. É chamado apenas de patentile. Então, vamos excluir isso por enquanto. A razão pela qual eu a chamo de patente é porque quando estou adicionando um nome de arquivo às coisas, eu só preciso adicionar qual é o nome do arquivo, e então essa seria a patente da Pink Daisy, que pode ser seu nome permanente que Isso me evita ter que adicionar um ladrilho de patente no nome todas as vezes Então, podemos tocar em Selecionar. Podemos tocar em nosso arquivo e, em seguida, tocar em Compartilhar e você deseja compartilhá-lo como PSD. Vou salvar o meu em arquivos. Vou salvá-lo no iCloud, mas você pode fazer o airdrop, enviar uma mensagem de texto, enviar um e-mail, mas normalmente você envia arquivos do seu iPad para o seu Assim como eu tenho uma pasta de transferência do Procreate para enviar coisas para o Procreate, também tenho uma pasta de transferência para MAC, na qual coloco as coisas para enviar de volta para Tenho o nome do meu arquivo aqui embaixo para que eu possa clicar em salvar, e agora ele será salvo no iCloud e eu poderei abri-lo no meu computador Depois de salvar seu arquivo e enviá-lo para o seu computador, na próxima lição, veremos abri-lo no Photoshop 13. Abertura no Photoshop: Então, depois de ter seu arquivo em seu computador, você pode clicar duas vezes nele e abri-lo no Photoshop Se você nunca usou o Photoshop antes, não se preocupe com todos os diferentes menus, painéis e Eu vou te explicar tudo à medida que avançamos, então fique comigo e tudo ficará bem. Então, ao abrir seu arquivo no Photoshop, você notará, como mencionei, mesmo que você feche todos os grupos no Procreate , todos eles serão expandidos automaticamente quando você o abrir Parece um pouco avassalador quando você está nessa pequena interface Então, se você for até o topo e clicar com o Comando nele, ele fechará automaticamente todos esses grupos para você, de forma muito mais organizada Então, os painéis que precisaremos para trabalhar nesses arquivos são o painel de padrões aqui, o painel Amostras, e você também precisará de camadas e ações Se você não tiver nenhum desses, você pode ir até o menu Janela aqui e encontrá-los nesta lista, clicar neles e organizá-los como quiser aqui. Uma última coisa que quero fazer antes de começarmos é acessar a ferramenta de corte aqui e garantir que você tenha a opção de excluir pixels de corte desmarcada Isso significa que podemos mover as bordas da tela posteriormente e não excluiremos inadvertidamente nenhuma parte que esteja fora da tela Então, agora que está feito, temos um arquivo aberto e temos os painéis corretos aqui. E na próxima lição, aprenderemos tudo sobre objetos inteligentes. 14. Criando um objeto inteligente: Então, esta parte aqui é o que queremos usar para criar o resto do nosso bloco, semelhante ao que fizemos no Procreate A melhor maneira de fazer isso é convertê-lo em um objeto inteligente. Se você nunca usou objetos inteligentes antes, um objeto inteligente meio que se comporta como um grupo, mas transforma tudo nele em um arquivo totalmente separado ao qual você está vinculado Quando você duplica um grupo normal como este, vamos apenas duplicá-lo e mudar isso para seleção de grupo E vamos mover isso para cá, por exemplo. Se você mudar alguma coisa dentro desse grupo aqui, por exemplo, se mudássemos aquela folha aqui e disséssemos que a giramos, isso só mudaria aquela folha ali Essa folha permaneceria inalterada porque é uma entidade totalmente separada. É uma duplicata. Mas quando transformamos algo em um objeto inteligente e depois o alteramos, vamos voltar atrás, livrar desse objeto, transformá-lo rapidamente em um objeto inteligente, duplicá-lo e arrastá-lo até lá Se eu mudar essa folha aqui, essa aqui em cima também mudaria exatamente da mesma maneira. Quando você duplica um objeto inteligente, você não está dizendo criar uma versão do objeto aqui e outra versão aqui em cima Você está dizendo mostre esse objeto aqui e mostre aqui ao mesmo tempo. É o mesmo objeto. Portanto, todas as alterações que fizermos nesta pequena folha aqui também se aplicam a esta e a todas as outras nas bordas. Portanto, é uma ótima maneira de criar padrões por três motivos. Primeiro, é uma forma não destrutiva de duplicar e transformar Não vamos perder a qualidade da imagem. Isso nos poupa tempo porque só precisamos editar uma instância de um objeto. Mas o principal motivo é que seu padrão permanece perfeito. Se você não estivesse usando objetos inteligentes, precisaria continuar verificando se, ao alterar algo aqui neste lado, também precisaria mover e alterar a versão duplicada de todas as outras bordas Em um objeto inteligente, você sabe que todas as alterações feitas em uma instância serão refletidas em todas as outras instâncias Então, vamos deletar esse. Na verdade, observe, vamos desfazer, e então podemos voltar a ser apenas um grupo normal Então, vamos converter isso em um objeto inteligente. Eu uso essa função com tanta frequência que tenho uma configuração de atalho Então eu uso o Command W, mas para fazer isso da maneira normal, clique com o botão direito na camada e vá até aqui e clique em Converter em objeto inteligente. Você notará que o pequeno ícone aqui muda e agora não podemos expandir o grupo como faríamos clicando na pequena pasta. Agora temos essa miniatura, e a forma como chegamos às nossas camadas dentro desse grupo é clicando duas vezes neste ícone aqui Você notará que o objeto inteligente leva o nome da camada mais alta. É por isso que chamo todas as minhas camadas agrupadas como padrão, clique duas vezes para editar Quando entrego esses arquivos a um cliente, ele pode descobrir facilmente como acessar os elementos do padrão. Só de nomear esse grupo assim desde o início, nem sempre preciso renomeá-lo no final quando chego a esse estágio Então, vamos clicar duas vezes nessa miniatura e ver o que acontece Você verá que agora ele está abrindo outro documento aqui nesta nova guia. Portanto, temos nosso documento original aqui. Clicamos duas vezes nele e abrimos todas essas camadas como um novo arquivo aqui chamado Pattern Double click to edit PSB Este é o documento separado do qual eu estava falando. Podemos editar coisas aqui, salvá-las e, em seguida, o documento principal será atualizado. Então, vamos adicionar algo aqui. Vamos apenas adicionar uma camada, e vamos pegar um pincel grande e feio e desenhar um grande blog assim Se eu pressionar Command S para salvar, voltaremos ao nosso documento principal. Você verá que essa grande bolha feia está agora em nosso documento principal E se eu tivesse duplicado isso no canto, como fiz antes, também haveria aquela mancha preta lá em cima Então, vamos voltar ao nosso Objeto Inteligente e desfazer isso e também desfazer a camada adicionada Vou salvar isso novamente agora para que nos livremos dessa mancha preta em nosso documento principal, e depois fecharei isso por enquanto e voltaremos a ela mais tarde Agora que vimos como converter isso em um objeto inteligente, a próxima etapa é ver como usar isso para criar as outras partes do nosso bloco, e veremos isso na próxima lição. 15. Criando uma repetição: Então, vamos usar esse objeto inteligente para construir o resto do nosso bloco. Vamos começar definindo algumas diretrizes para marcar as bordas do padrão. O design ainda funcionará se você não fizer isso, mas é útil ter as costuras marcadas caso você queira expandir a tela posteriormente Também é útil configurá-lo para que , ao passar um arquivo para um cliente, se ele brincar com coisas e movê-las, possa facilmente voltar às bordas da repetição. Portanto, precisamos ter réguas aparecendo nas bordas para fazer isso Se você não os tiver, você pode subir para ver e verificar se as réguas foram verificadas Esse também é um bom ponto para garantir que o snap esteja ativado. Então, o que vamos fazer é subir até nossos rolos e clicar, arrastar e encaixar uma guia nas bordas da tela desta forma Essa não está bem no lugar certo. Só vou pressionar Command Ed para desfazer isso. E lá vamos nós. Aquele foi arrastado para o lugar certo e o último aqui à direita Então, agora vou usar minha ferramenta de corte aqui. Vou manter pressionada a opção. Basta clicar aqui e, em seguida, manter pressionada opção e, em seguida, você pode arrastar em todas as direções. Se eu simplesmente arrastá-lo sem pressionar a opção, ele só o arrastará em uma direção. Então, mantenha pressionada a opção e, em seguida, você poderá arrastá-la em todas as direções ao mesmo tempo. Em seguida, você pode soltar e pressionar Return para definir essa transformação. Agora, eu normalmente não expando a tela dessa forma quando estou trabalhando em um padrão e você também não precisa. Mas será útil para nós ver o que está acontecendo e visualizar está acontecendo se pudermos ver além das bordas enquanto aprendemos o que está acontecendo aqui Então, a primeira coisa que vou fazer, a primeira coisa que vou fazer é conectar meu Mac para que ele não fique sem bateria, e eu volto logo. Ok, estamos bem. Então, a segunda coisa que vou fazer é excluir esse plano de fundo aqui. E substitua essa camada de fundo procriada por uma camada de preenchimento de cores que se estende infinitamente por toda a Dessa forma, não teremos problemas com a possibilidade de as coisas ficarem desalinhadas Eu prefiro que tudo se estenda pelas bordas quando estou fazendo padrões. Então, eu vou descer aqui e clicar nesse pequeno ícone, e vamos adicionar um preenchimento de cor sólida. E vamos clicar nisso, e isso vai definir um preenchimento de cor sólida em todo o documento. Então, vamos deixar esse preto por enquanto, e então podemos esconder essa camada e usar nosso colírio. atalho do teclado é I. Podemos selecionar essa cor de fundo, ocultar as desculpas, mostrar a camada de preenchimento de cores e, em seguida, acessar nossas amostras e aplicá-las a todo o documento Em seguida, podemos excluir essa camada de fundo. Agora, sempre que adiciono uma dessas camadas de fundo, sempre anoto as dimensões X e Y no nome da camada para não esquecer o que é. É um hábito que adquiri quando trabalhava com mais telas de tamanho aleatório, antes de começar a usar esse método, nove em cada dez vezes, minha tela tem 12 por 12 Mas eu escrevia as dimensões em um pedaço de papel e me referia a isso para calcular a matemática de quanto deslocar as coisas para a esquerda e para a direita, etc Mas então eu percebi que seria mais útil ter essa informação no documento real. Então eu comecei a escrever as dimensões X e Y aqui no nome da camada. Então, embora seja algo que eu não preciso mais fazer, é um hábito que eu mantenho. E, novamente, acho que é uma informação potencialmente útil contida no arquivo para quando você o entrega a um cliente. Então, vou clicar duas vezes no nome dessa camada, e vamos escrever lá x3600 e y36cem e y36cem Então, sim, existem duas pequenas dicas para ajudar você a acompanhar as dimensões do seu documento. Uma é escrevê-las ali no nome da camada e a segunda é marcá-las com diretrizes ao redor da borda da tela, para que você sempre possa voltar para onde quer que esteja a repetição. Então, vamos começar a criar nossa patente. Então, a primeira coisa que vamos fazer é ir até a camada de Objeto Inteligente e duplicá-la pressionando Command J, ou você pode clicar com o botão direito do mouse e descer até a camada duplicada Então, a próxima coisa que vamos fazer é transformá-lo exatamente nas mesmas posições que fizemos com nosso esboço no Procreate Só que desta vez, faremos isso com algumas contas fáceis, em vez de estalar E, novamente, não deixe que a palavra matemática o assuste porque podemos fazer com que o Photoshop faça isso por Então, vamos pressionar Command e esse é o atalho para transformar Agora, aqui em cima nessas caixas, elas mostram onde esse ladrilho está posicionado na tela Eles mostram onde estão suas coordenadas X e Y. Portanto, seja qual for esse número, e se você se lembra de quando estávamos trabalhando no Procreate, sabíamos que precisávamos movê-lo pela metade do tamanho geral da repetição Portanto, nossa repetição é 12”. São 3.600 pixels. Então, precisamos mover metade dessa quantidade, que é 1.800 pixels dessa forma em uma direção negativa ao longo do eixo X, e também 1.800 pixels para cima, e essa é uma direção negativa ao longo do eixo Y. A boa notícia é que não precisamos fazer nenhuma dessas contas em nossa cabeça Podemos simplesmente clicar nessa caixa. Se você clicar uma vez, ele será destacado e, se você clicar novamente, poderá digitar. Então clique entre esse número e onde diz Px. Então, vamos digitar menos 1800. E isso é então movido 1.800 pixels dessa maneira. Mas também queremos movê-lo para 1.800 pixels dessa forma, e essa é uma direção Y negativa. Então, clique na caixa Y. Clique uma vez para destacá-lo e, em seguida, clique para entrar lá para poder digitar. Lá vamos nós. E queremos mover esses menos 1800 pixels para cima. E depois de fazer isso, você pode pressionar Return duas vezes para definir essa transformação. Então, agora esse objeto inteligente está sendo mostrado no meio da tela aqui, e também está sendo mostrado lá no canto superior esquerdo da tela. Então, a próxima coisa que precisamos fazer é a mesma que fizemos em Procreate, queremos mover isso para cima e para a direita Mas em vez de mover este para cima e para a direita, podemos mover este para o outro lado. Então, clicaremos no que está na parte superior e pressionaremos o Comando J para duplicar. E desta vez, queremos mover isso até o outro lado da tela, que tem 3.600 pixels Então, vamos pressionar Command T para transformar. E então aqui na nossa caixa X aqui em cima, vamos digitar mais 3.600, e isso vai levar tudo até o outro lado, e então você pode pressionar Enter para definir essa transformação E então a próxima coisa que precisamos fazer são esses dois objetos inteligentes que temos aqui, esses dois porque eles estão tocando essa borda superior, precisamos mover esses 3.600 pixels aqui para baixo também Então, com essas duas camadas selecionadas, pressione Comando J para duplicar, Comando T para transformar e, na caixa Y aqui em cima, lembrando que abaixo é um positivo, vamos digitar mais 3600 E isso moverá esses 3.600 pixels para baixo, e então você pode pressionar Enter duas vezes para definir essa transformação Então, o principal motivo pelo qual eu queria expandir as bordas da tela era dar uma boa visão do que estávamos fazendo. Eu não queria que todas essas partes aqui estivessem escondidas e não fossem vistas. Então, olhando assim, você tem uma boa compreensão e sensação de como o padrão é formado em sua formação de diamante, mas ainda se repete dentro desse quadrado Lembra que eu disse que mostraria como criar um padrão com apenas um clique? Bem, todas essas etapas que acabamos de fazer são as que vamos combinar em uma ação do Photoshop No entanto, ainda não vamos fazer isso porque precisamos inserir uma etapa extra que tem algo a ver com o grupo de camadas extra que criamos no Procreate Então, voltaremos a isso mais tarde. Primeiro, precisamos arrumar e editar os motivos, que é o que veremos no próximo 16. Editando motivos: Mamãe. Então, vamos dar uma olhada em editar alguns desses motivos e corrigir esses buracos aqui Para acessar nossos motivos, precisamos clicar duas vezes em nosso objeto inteligente novamente, assim como fizemos Então, vou me certificar de que minha camada de esboço esteja oculta e só quero dar uma olhada na minha camada de padrão Na verdade, vou desagrupar tudo isso. Então, na camada superior aqui, o padrão, clique duas vezes para editar, eu vou pressionar Command Shift G, e isso vai desagrupar tudo isso. Não precisamos mais deles agrupados. Então, temos nossa camada de esboço oculta. Não vou excluí-lo porque talvez precisemos voltar a ele em algum momento. Este é um que eu adicionei com alguns pontos depois de parar gravar porque queria mostrar como mover algumas coisas no Photoshop Então, vou esconder isso e voltaremos a isso mais tarde. Então, para encontrar nossos motivos, posso abrir essa pasta de padrões e, em seguida, você pode ver todas as camadas que criamos no Procreate um pouco Então, o primeiro trabalho é preencher adequadamente todos esses motivos porque, como você pode ver, eles ainda têm aquelas pequenas linhas nas bordas Então, vamos começar com essas folhas, trabalhando da camada inferior para cima. Vou soltar o sombreamento em cima disso. E para fazer isso, você mantém pressionada opção pairando entre as duas e, em seguida, basta clicar, e então ela se torna Se você quiser recortá-lo novamente, mantenha pressionado, passe o mouse e clique novamente. É assim que se liga e desliga isso. E então eu vou esconder essa camada. Então, da maneira como vamos preencher todas essas camadas, vou diminuir um pouco o zoom. Temos uma boa seleção em exibição aqui. Vou usar a ferramenta da varinha mágica, então pressione W para obtê-la. E o que eu quero fazer é selecionar tudo fora daqui, todo o espaço onde não há nada. Vou selecionar todo o espaço negativo. Você precisa ter certeza de que o contíguo está ligado para esta parte Se você tiver o contíguo desligado, ele ocupará qualquer espaço negativo não importa onde esteja em todo o desenho, mesmo que sejam esses pedaços dentro das folhas Só queremos selecionar o que está fora das folhas. Contíguo significa selecionar apenas coisas conectadas aos pixels nos quais estamos clicando Então, se eu clicar aqui, ele só selecionará o espaço negativo que é o mesmo e conectado a esse pixel. As coisas aqui não estão conectadas porque estão separadas por aquela fronteira ali. Espero que isso faça sentido. Apenas certifique-se de ter selecionado contíguos para Então, vou clicar aqui, certificando-me de que estou na camada certa. Pressione Command D para desmarcar e selecionar a camada de folhas. Verifique se você está na camada certa. Então, vamos selecionar isso. E isso selecionará toda a área em que não temos nenhum preenchimento. E o que queremos fazer é tornar essa seleção um pouco maior, para que ela apareça logo no passado. Queremos suavizar um pouco as bordas e, em seguida, podemos usar a ferramenta de preenchimento para preencher todas as partes que quisermos Então, o próximo passo é subir para selecionar o menu, e vamos modificar, e vamos expandir o que selecionamos em dois pixels. O pincel que usei no Procreate e o tamanho que eu estava usando, dois pixels, devem ser suficientes para absorvê-lo modo que ainda tenhamos essas belas bordas de textura macia aqui Se você estiver usando um pincel muito mais grosso e com mais textura na borda, talvez queira aumentar sua seleção um pouco mais do Mas o que queremos fazer é absorver o suficiente para obter uma seleção para colocar nossa seleção dentro e fora do caminho da bela borda texturizada aqui Então, vou deixar isso com dois. Na verdade, talvez eu possa pegar e comprar três. Vamos pressionar Command Z para desfazer isso. E então selecione, modifique, expanda, e vamos mudar isso para três e ver como fica. Sim, acho que vamos mudar isso. Vamos mantê-lo às três. uma boa quantidade para absorver. Então, a próxima coisa que queremos fazer é suavizar a borda e colocar uma pena nela para que tenhamos uma boa borda macia para eliminar Não queremos ver nenhuma linha dura se aumentarmos o zoom e dermos uma olhada lá. Há algumas partes em que, você sabe, se tivéssemos uma linha muito dura, isso poderia ser um pouco óbvio. Então, vamos colocar uma pena nessa seleção, mas queremos apenas uma pequena Então, vamos selecionar, modificar a pena. E vou colocar uma pena de meio pixel nela e clicar em OK Isso não fará com que nenhuma alteração visível aconteça na tela neste momento. Então, no momento, temos todo esse espaço negativo selecionado, mas o que realmente queremos selecionar é o espaço dentro dessas folhas. Então, o que precisamos fazer é inverter nossa seleção pressionando Command Shift, I, e isso inverterá a Então, agora o que precisamos fazer é adicionar uma camada acima desta. Então, agora estamos trabalhando em uma camada acima das folhas. Vou usar a ferramenta conta-gotas para selecionar a cor das folhas Então pressione I, e eu vou clicar nessa folha para selecionar a cor dentro dela. E é por isso que desativamos a máscara de recorte , porque precisamos ser capazes ver e selecionar a mesma cor que você tem para esta folha Então, agora vamos selecionar nossa ferramenta de preenchimento de baldes, que é G. E se preenchermos a seleção, ela preencherá tudo nesta camada que selecionamos. Então, se eu esconder essa camada por baixo, você pode ver que, se eu diminuir o zoom, temos esse tipo de área interna preenchida em cima da camada original Então, agora vou ativar essa camada superior novamente. A próxima coisa que você precisa fazer é diminuir o zoom para garantir que não haja erros óbvios, mas está tudo bem. Então, quando você estiver feliz que tudo esteja como deveria, você pode, com essa camada aqui selecionada, clicar com o botão direito do mouse na camada e rolar até aqui e escolher Mesclar para baixo E, como eu disse, quando você mescla, ela leva o nome da camada abaixo, então não precisamos renomear Então, a próxima coisa que podemos fazer é mostrar nossa máscara de recorte, nosso sombreamento e, em seguida, podemos recortá-la na camada mantendo pressionada a opção, mouse entre as duas camadas e clicando E, como eu disse, todas essas lacunas, porque fizemos o sombreamento em uma camada separada que não tinha as lacunas, quando preenchemos as lacunas na camada de folhas, isso preenche as lacunas que não existiam realmente no sombreamento, se isso Então, depois de recortar isso, você pode ir para essa camada recortada, clicar com o botão direito do mouse e mesclá-la também. Agora temos tudo isso em uma camada plana. Agora, esse processo que acabamos de fazer, todas essas etapas, é realmente possível automatizar tudo isso em uma única ação Então, veremos como registrar essa ação enquanto fazemos essas pétalas. Então, primeiro, aumentemos o zoom para que possamos ver as pétalas com mais clareza Então, primeiro, eu vou soltar pétalas, o sombreamento sobre elas, depois vou me esconder e depois vou para a camada de pétalas, e vamos selecionar todo o espaço negativo com a espaço negativo com a Então, como antes, vamos usar o conta-gotas para selecionar a cor com a qual queremos preencher E neste momento, estamos prontos para começar a gravar nossa ação. Então, vamos ver nosso painel de ações, que espero que você já tenha feito antes Caso contrário, você pode ir até a janela e exibir seu painel de ações lá de cima. Seu painel de ações possivelmente terá uma aparência um pouco diferente disso. Se você nunca o usou antes, provavelmente há um conjunto de ações padrão do Photoshop nele Excluí essa pasta da minha porque nunca uso nenhuma delas, e só tenho essa com a minha lá. Então, para configurar sua própria pasta com suas próprias ações, você desce até este pequeno ícone de pasta aqui. E vamos fazer um novo conjunto. Vamos chamar isso de Skillshare. Então, com sua pasta selecionada, clicaremos nesse pequeno ícone de adição e daremos um nome à nossa ação. Vou chamar o meu Procreate fill. É por isso que eu o chamei na minha pasta normal aqui em cima, então vou me certificar de salvá-lo na minha pasta de compartilhamento de habilidades. Vou atribuir a ela uma tecla de função. Acho que tenho F 11 atribuído a este em minha outra pasta no momento. Você pode escolher qualquer chave que quiser. Se for uma chave que já está atribuída a outra função no Photoshop Por exemplo, acho que cinco tem a ver com pincel ou cor, então clico em Gravar. Sim, essas são as configurações do pincel, então o Five já é um atalho do Photoshop para Depende de você usar F cinco para configurações de pincel como um atalho normal, você cancelará isso e poderá Shift a cinco ou Command Shift a cinco Se você nunca usa a tecla F cinco para as configurações do pincel, basta clicar em OK e sobrescrever essa configuração Eu nunca uso essa tecla de atalho, então vou usar um cinco para isso Se você quiser atribuir uma cor a ela, elas podem ser úteis quando colocarmos o painel de ações no Modo Botão posteriormente. Vou te mostrar rapidamente agora. Se você clicar neste pequeno menu de hambúrguer aqui em cima, você tem a opção de ver isso no Modo Botão, e cada uma de suas ações pode ter uma cor diferente Então você pode escolher isso se quiser colocar uma cor lá. Certamente não é necessário fazer isso, e eu não vou colocar um aqui hoje. Então, depois de ter todas essas configurações aqui, acho útil colocar o nome da tecla de atalho que estou usando aqui no nome da ação, porque quando inicio uma nova ação, sempre esqueço a tecla que atribuí a ela Então, nas primeiras vezes que o usei, é útil ter o nome lá como lembrete Então eu coloquei a chave que estou usando lá em cima. Se você quiser fazer isso. E neste momento, podemos clicar em Gravar. E, como eu disse, ele perguntará se você escolheu uma tecla de atalho que já está atribuída a outra coisa. Assim, você pode cancelá-lo e escolher outra coisa ou, se quiser ignorá-lo, basta clicar em OK Isso não vai causar nenhum problema. Você sempre pode excluir essa ação e reatribuir a tecla de atalho posteriormente Então você pode simplesmente clicar em OK. E a partir desse ponto, tudo o que fazemos no Photoshop será gravado como uma etapa de nossa ação Portanto, você precisa se certificar de que está fazendo apenas as coisas que deveria estar fazendo. Por exemplo, se eu for à minha lista, se eu adicionar uma nova camada aqui, você verá que está gravada lá, crie uma nova camada. Portanto, se isso acontecer com você e você gravar algo em algum momento desse processo que não deseja na seleção, poderá interromper a gravação. Encontre a etapa que você não queria inserir, selecione-a e arraste-a até a lixeira. E isso removerá essa etapa. Você pode então voltar para onde deveria estar, voltar e pressionar gravar, e então você pode continuar. Então, vamos agora continuar de onde estávamos. Então, eu quero minha ferramenta de movimentação selecionada, e vamos voltar aqui para o nosso painel Layers. Oh, na verdade, eu preciso excluir essa camada que adicionamos, primeiro de tudo, então vamos deletá-la, e então teremos que voltar às nossas ações. E então precisamos parar a gravação, arrastar essa etapa para a lixeira e, em seguida, podemos continuar gravando de onde estávamos. Então, no momento, já temos todo esse espaço em branco negativo selecionado. Nossa cor já está definida para a cor que queremos preencher na próxima etapa. A primeira coisa que queremos gravar é fazer e acontecer sempre , porque se selecionássemos essa cor todas as vezes, isso se tornaria o padrão. Temos que fazer isso antes de executar essa ação. Então, a primeira coisa que queremos repetir toda vez é selecionar, modificar, expandir e queremos expandir em três pixels. Então, clicaremos em OK nisso. E você deve ver em nossas ações aquela etapa salva ali. próximo trabalho era selecionar, modificar e reduzir em meio pixel E então a próxima etapa foi inverter a seleção, o que você pode fazer com o Command Shift I ou selecionar Inverse Então, agora temos essa área interna selecionada em vez disso. Então, podemos voltar aqui para nossas ações, e você pode ver que todas essas etapas também são registradas. Então, agora precisamos da ferramenta de preenchimento de baldes, que é G, um atalho Vamos adicionar uma nova camada acima desta. E com o preenchimento do balde, preencheremos o que selecionamos com a cor que já escolhemos e, em seguida, podemos pressionar Command D para desmarcar tudo E então podemos clicar com o botão direito do mouse nessa camada aqui e escolher Mesclar para mesclar essa camada para baixo E então, nesse ponto, podemos ir ao nosso painel de ações e parar de gravar nossa ação. Então, agora que gravamos isso, a primeira coisa que devemos fazer é testá-lo ou adiar o rerecorte emergindo desses topos por enquanto, e testaremos nossa ação nesses topos amarelos. Então, vamos até aqui. Soltaremos a máscara e a esconderemos, e depois nos certificaremos de que estamos nessa camada amarela na qual queremos trabalhar Vamos usar nossa ferramenta mágica, W para selecionar o espaço negativo e I como nosso colírio para selecionar a cor do meio ou aqui. Agora, se pressionarmos F cinco, e agora isso preencheu magicamente tudo isso para nós, que é muito legal, de fato Na verdade, vou voltar e desfazer algumas dessas etapas agora para mostrar várias maneiras diferentes de jogar sua ação Vamos apenas desfazer isso e excluir essa camada. E então vamos voltar para onde estávamos antes com o que está selecionado, e temos amarelo como nossa cor. Então, obviamente, você pode pressionar a tecla de atalho Cinco, como fizemos antes E quando eu disse anteriormente sobre o modo manteiga, vamos colocar isso no modo manteiga. Basta ir ao menu Hamburger e selecionar o Modo Botão lá em cima E isso é o que eu quis dizer sobre colocar todas as suas ações em uma lista um pouco mais fácil de ver. E enquanto estávamos falando sobre cores, eu disse: Se você escolheu uma cor para esta, eu selecionei o roxo. Isso pode ajudá-lo a encontrá-lo um pouco mais rápido. Então, se você estiver no modo manteiga, você pode encontrá-lo e clicar nele e ele executará sua ação dessa forma. Vamos desfazer isso de novo. Volte para onde estávamos. E, por fim, se você não a tiver no Modo Botão, você pode encontrar a ação, selecioná-la e, em seguida descer até o final e pressionar Play, e isso reproduzirá a ação para você Então, essas são três maneiras diferentes de jogar uma ação. Você pode pressionar a tecla de atalho. Você pode selecionar a ação e pressionar Play ou colocá-la no Modo Botão. Você pode usar o que quiser. Na maioria das vezes, uso a tecla de atalho, mas uso a que melhor se encaixa na forma como você usa o mouse e o teclado Então, agora vamos voltar às nossas camadas, e podemos corrigir essa primeiro. Então, vamos mostrar o sombreamento acima dele e recortá-lo ao que está embaixo, mantendo pressionada a opção, passando mantendo pressionada a opção, mouse entre e clicando como estamos fazendo E então vamos clicar com o botão direito do mouse e mesclar essa camada. Agora podemos fazer o mesmo nessa camada abaixo das pétalas. Nós vamos mostrar isso. Vamos recortá-lo e, em seguida, clicar com o botão direito do mouse e mesclá-lo. Agora vou diminuir o zoom para que possamos ver tudo o que temos aqui. E agora temos todas as nossas sombras e motivos fixos para A próxima coisa que vamos fazer é lidar com nossa pequena pasta extra aqui em cima. Então, primeiro de tudo, vou ativá-la para mostrá-la e, enquanto trabalhamos nela, vou esconder a camada padrão por baixo para que não nos distraia Então, vamos esconder esse. E o que precisamos fazer agora é repetir as etapas que fizemos nas camadas do padrão para corrigir esses motivos Então, vamos soltar o sombreamento da pétala, escondê-lo e descer até a camada abaixo, selecionar o espaço negativo, o colírio da cor e, em seguida, podemos tocar nosso atalho E então podemos mostrar o sombreamento, recortá-lo de volta na camada abaixo, clicar com o botão direito do mouse e mesclá-lo Então, podemos esconder o sombreamento aqui e soltá-lo. E certifique-se de que temos nossa camada amarela extra. Use a ferramenta varinha mágica para selecionar o espaço negativo. Eu colo a cor no meio e depois nossa tecla de atalho de preenchimento Então, podemos mostrar o sombreamento, cortá-lo e, em seguida, vou usar o Command E, o atalho para mesclar desta Então, quando você tiver todos os seus motivos em sua pasta extra arrumados e organizados, as texturas mescladas e limpas, vou fechar essa pasta e mostrar a pasta padrão E vou diminuir o zoom para que possamos ver tudo o que está acontecendo nesta janela aqui. Portanto, o próximo trabalho a fazer é colocar essa pequena seção extra de volta no lugar correto. Então, pensando em procriar, deslocamos a borda, a costura da tela para o meio para desenhar essa Nossa tela tinha 3.600 pixels de largura. Então, quando o movemos para o meio, nós o movemos ao longo do eixo X pela metade disso, que é 1.800 pixels Então, para colocar isso de volta em seu lugar correto dentro do padrão, precisamos movê-lo de volta ao longo do eixo X em 1.800 pixels Esse número pelo qual você o move de volta sempre será a metade do tamanho da tela no Procreate O Photoshop pode fazer essa massa por nós. Então, primeiro, vamos tornar a tela um pouco maior para começar. Vamos usar nossa ferramenta de corte, que é C, e eu vou manter pressionada a tecla Alt ou Option, para que ela seja redimensionada nas duas direções, e vou arrastá-la aproximadamente o suficiente para que a nova peça caiba nela E então eu vou pressionar Enter para definir o tamanho do corte. Então, com esse grupo extra selecionado, vamos pressionar Command e, em seguida, o Photoshop pode fazer as contas para Então, chegamos até nossas caixas X e Y, e precisamos movê-la ao longo do eixo X, e estamos nos movendo da direita para a esquerda, então ela estará em uma direção negativa. Então, chegamos aqui ao nosso Xbox, clicamos aqui e vamos colocar menos E se você puder fazer as contas na sua cabeça, você poderia colocar -1.800 Mas se você tem um tamanho de tela realmente estranho, como, sei lá, dois, quatro, cinco, dois pixels, você pode colocar menos 2452 dividido por, que é a tecla de barra, dois, e então isso descobrirá para você o que você precisa mover O nosso tem 3.600 pixels. Então, se colocarmos -3600/2 pixels px, isso o moverá exatamente 1.800 pixels para a esquerda para Então, essas são duas maneiras diferentes de fazer isso. Você pode digitar o número exato, digamos -1.800, ou digitar todo o tamanho do Canvas, 3600, seja qual for o seu, e depois dividir Em seguida, você precisará pressionar Enter duas vezes para definir essa transformação, e agora ela está no lugar certo. Então, se agora pressionarmos Command S para salvar e depois voltarmos à nossa patente principal, clicaremos aqui para acessar esse arquivo Você notará que esse novo motivo foi aplicado aqui, aqui e aqui a esses objetos inteligentes Onde foi alterada essa na costura do Canvas, também alteramos esta aqui embaixo porque a repetimos aqui embaixo Mas você pode ver com este, porque não havia nada saindo do limite naquele momento, não o repetimos até aqui. Então, como já ultrapassamos as bordas, pegamos esse motivo e ele está tocando a costura do tocando a costura do Agora precisamos repetir isso aqui porque agora está cruzando a borda. Precisamos repetir esse objeto inteligente, 3.600 pixels à direita Então, eu vou selecionar essa camada que tem isso lá. E é por isso que não gravamos a ação anteriormente, porque eu sabia que precisaríamos colocar essa repetição extra lá. Então, vou pressionar Command J para duplicar essa camada, e então vou pressionar Command T e queremos movê-la 3.600 pixels para a direita Então essa é uma direção positiva ao longo do eixo X. Então, chegamos ao nosso Xbox e entramos aqui e vamos digitar mais 3.600 Pressione Enter para definir isso e, em seguida, isso será movido até lá. E agora temos um belo ladrilho que se repete perfeitamente. Portanto, agora temos em mente que sempre que construirmos esse ladrilho padrão com uma peça extra, talvez também precisemos repetir essa parte à direita próxima lição, vamos dar uma olhada em como registrar a ação para criar tudo isso automaticamente para nós. 17. A ação de padrão de compilação: Então, aqui estamos de volta em outro padrão que eu configurei, pronto para ser construído. Vou gravar a ação à medida que a fazemos. Portanto, certifique-se de ter seu painel de ações exibido aqui como antes. Novamente, se você não tiver , você pode ir até o menu Janela aqui e escolher as ações a partir daí. Então, vamos ao nosso conjunto de Skill Share. Vamos simplesmente resumir este e selecionar nosso conjunto de compartilhamento de habilidades. Vou clicar no ícone de adição aqui embaixo para gravar uma nova ação, e vou chamá-la de repetição de Build 3600 pixels E então precisamos escolher uma tecla de função. Vou tentar F quatro e ver se isso tem alguma coisa atribuída. Isso me deu uma opção de mudança , então provavelmente tem algo atribuído a ele. Antes de prosseguirmos, eu só quero dizer que essa ação só funcionará em uma tela de 12 polegadas e 3.600 pixels E com isso, quero dizer apenas essa gravação de ação específica agora porque as medidas que vamos digitar serão relativas a uma tela de 12 polegadas. Esse é um dos motivos pelos quais eu gosto de trabalhar no mesmo tamanho na maioria das vezes. Se você trabalha regularmente em alguns tamanhos diferentes, pode gravar uma ação para cada um. Portanto, se você usa regularmente uma tela de oito polegadas, 2.400 pixels, pode criar uma dessas ações para tela de 2.400 pixels Os princípios serão os mesmos. Vamos nos limitar ao de 12 polegadas, 3.600 pixels para aprender como fazer isso E depois de saber como fazer isso, você pode modificar os números para caber diferentes tamanhos de tela com os quais você talvez queira trabalhar. Então, neste momento, vamos clicar em gravar. Vamos até o nosso painel Layers. A primeira coisa que queremos fazer é converter esse grupo em um objeto inteligente. Então, vamos clicar com o botão direito do mouse nele. E para onde foi parar o Convert Smart Object ? Aí está. Então, a primeira etapa está concluída e, em seguida, queremos duplicar essa camada com o Comando J e, em seguida, vamos começar a construí-la da mesma forma que fizemos no Procreate Sabemos que precisamos movê-la em 1.800 pixels ou meia distância da tela para a esquerda, e depois para cima, para a direita e para baixo, etc E então sabemos que também precisaremos eventualmente colocar essas partes extras aqui, então também sabemos que eventualmente precisaremos repetir isso aqui à direita. Então, vamos começar a seguir essas etapas agora. Então, nesta camada superior aqui, a que acabamos de duplicar, vamos pressionar Command T e vamos movê-la ao longo do eixo X -1.800 Então, vamos digitar isso lá em cima. E então, em nossa caixa Y, também vamos movê-la para -1.800 pixels E então está no lugar certo. Agora podemos pressionar Enter para definir essa transformação. E a partir daqui, duplicaríamos essa camada novamente, Comando J, e depois Comando T para transformar E então, desta vez, queremos mover 3.600 pixels, uma largura total para este lado Então, no Xbox, vamos digitar mais 3.600 e pressionar Enter duas vezes novamente. E a partir daqui, novamente, pressionaremos o Comando J para duplicar e depois o Comando T para transformar E então queremos movê-lo 3.600 pixels para baixo no eixo Y. Então essa é uma direção positiva. Então, aqui em cima, vamos adicionar mais 3.600 pixels e pressionar Enter duas vezes E por último, vamos duplicar essa camada novamente. Comande T para transformar e, em seguida, queremos movê-lo um total 3.600 pixels negativamente no eixo X. Então, na caixa aqui, -3.600 e, em seguida, insira para definir isso. E então, neste ponto, também sabemos que queremos que outra instância disso venha de 3.600 pixels dessa forma Quando o Photoshop estiver executando essa ação, ela estará exatamente na mesma posição em que estamos aqui Então, em vez de clicar nessa camada inferior aqui embaixo, precisamos continuar percorrendo a camada em que estamos , porque é menos provável que ela atrapalhe a ação Então, vamos pressionar Command J, Command T e, em seguida, este último, queremos movê-lo para cima pela metade da altura da tela. Então, isso vai ser em uma direção negativa no eixo y. Então, nesta caixa, vamos digitar -1.800. E então, no eixo X, nós realmente precisamos mover este de forma um pouco diferente. Então, aqui no Xbox, vamos movê-lo mais 3600 e ver aonde isso nos leva E isso, na verdade, só nos moveu até a metade quando fizemos isso Então, aqui no Xbox novamente, precisamos digitar mais 1.800 para chegar até a borda, e isso levará qualquer coisa que esteja saindo desse lado até essa borda E agora podemos pressionar Enter. E nesse momento, podemos parar de gravar nossa ação. Então, vamos até nossas ações e clicamos em Parar. Vou colocar todas essas etapas para registrar a ação no cheetseet nos recursos da aula para você, então não se preocupe se você perdeu algumas delas Então, depois de fazermos tudo isso, podemos clicar duas vezes em nosso padrão aqui e, em seguida, avançarei rapidamente fazendo todas essas alterações e arrumando os motivos O importante é lembrar que você sempre precisa fazer as alterações com sua pasta extra na mesma direção, então, sempre movendo-a de volta para este lado à esquerda, se o que você configurou em sua ação aqui é repetir deste lado, se você fizer uma alteração neste lado da tela aqui, então de volta neste, será precisa ser repetido aqui. Se você fizer suas alterações neste lado da tela, você terá a alteração aqui e, na verdade, precisará repeti-la neste lado, nessa direção. Então, tenha isso em mente, sempre indo na mesma direção. Então, vou analisar rapidamente todas essas mudanças, e então você verá como, quando salvarmos isso, ele já está preenchendo essa lacuna e estará resolvido sozinho Então, vou passar rapidamente por mim fazendo essa parte agora. Agora, corrigimos esse padrão. Deslocamos essa parte extra aqui para a esquerda. Então, agora, quando salvarmos isso, vou pressionar Command S para salvar. E então, quando voltamos ao nosso padrão principal, você pode ver nesta primeira camada original aqui, a parte que cruza a linha ali agora porque acabamos de movê-la Já foi repetido aqui à esquerda nesta última etapa de repetir as camadas do padrão aqui Agora que gravamos essa ação aqui, vou criar uma repetição, vou abrir outro padrão e podemos testá-lo, ver como está funcionando e você pode vê-lo em ação. Então, aqui nesse padrão, se eu selecionar esse padrão, clicar duas vezes no grupo e pressionar Shift e F quatro, você verá que tudo foi executado por meio dessa ação e criou esse bloco para nós. Para testar o padrão e garantir que ele esteja funcionando, podemos adicioná-lo ao nosso painel de padrões aqui. E então, se adicionarmos uma camada acima de todos esses objetos inteligentes e aplicarmos esse padrão à camada, não vai parecer diferente agora, porque acabou de adicionar uma cópia reta do padrão em cima do mosaico de padrão abaixo Mas se ampliarmos aqui até este canto e, em seguida, com nossa ferramenta de movimentação, podemos arrastá-la para que você possa ver que é uma camada padrão. Portanto, se apenas arrastarmos um pouco para baixo, podemos deslocar as bordas superior e lateral e verificar se tudo está, fato, perfeitamente alinhado Então, vou diminuir o zoom e podemos alterar essa escala aqui para 50% para uma pequena prévia. E você pode ver como exemplo, soltar meu padrão do meu iPad direto para Photoshop e pressionar apenas uma tecla Criamos esse padrão, depois de fazer toda a matemática para nós, que é fantástico Então, eu vou cancelar esse padrão aqui. Acho que tinha uma parte na seção extra desse padrão. Então, vamos dar uma olhada. E sim, eu posso ver que eu fiz. Então, vamos arrumar isso e consertar essa parte aqui. Então, uma rápida atualização, vamos para nossa seção extra Podemos excluir isso colado na camada aqui, e então tudo o que precisamos fazer é mover essa parte aqui, essa folha Opa. Só precisa ter 1.800 pixels dessa forma Então, vou pressionar Command T e agora preciso movê-lo -1.800 pixels ao longo do eixo X. E então vamos pressionar Return duas vezes para definir isso, e então eu vou pegar minha ferramenta de corte, e podemos simplesmente arrastá-la para fora dessa forma. E é exatamente por isso que você quer ter certeza de que exclusão de pixels recortados está desativada , porque movê-los para fora da borda da tela potencialmente os excluiria Isso aconteceu comigo algumas vezes quando esqueci de desmarcar isso Então, transformamos isso do limite. Então, agora, se salvarmos isso, vou pressionar Command S. e esperar que ele salve. E então, se voltarmos para esse arquivo de padrões aqui, você pode ver que ele adicionou a folha aqui saindo dessa borda, e ela não estava lá antes. Mas por causa de nossa ação, estamos prontos para trazer a última cópia até aqui. Então, também temos essa folha copiada aqui. Então, novamente, podemos adicionar esse padrão aqui em cima. E então, se mostrarmos essa camada novamente e mudarmos a escala de volta para 50%, essa é a versão antiga do padrão. E então, se aplicarmos essa nova com nossa folha extra, você verá que agora ela combina perfeitamente com a nova edição. E sim, eu realmente adoro ser capaz de construir tudo isso apenas pressionando o botão shift F quatro ou qualquer atalho que você escolher para ele Então, é assim que você cria seu bloco de padrão no Photoshop e registra uma ação para fazer isso, de forma que você possa importar do Procreate e criar seu padrão apenas pressionando um botão ou com um clique Como eu disse, as etapas e os números que usamos aqui são específicos para um ladrilho padrão de 12 polegadas. Se você quisesse usar um tamanho diferente, usaria exatamente as mesmas etapas, mas usaria apenas números diferentes. Em vez de -1.800 ou mais 1.800, você colocaria metade do tamanho da tela Como eu disse, todas essas etapas estarão em uma folha de dicas para você na seção de recursos, incluindo uma com partes em branco para você usar e adaptar a um padrão de qualquer tamanho Então, na próxima lição, voltaremos ao nosso ladrilho com padrão de margarida rosa e daremos uma olhada adequada nessa maneira rápida e fácil testar se suas costuras são, de fato, perfeitas 18. Testando seu padrão: Então é assim que nosso azulejo está no momento. É sempre muito empolgante entrar no primeiro momento em que você salva suas alterações e depois voltar para vê-las ou construí-las dessa forma. Então, agora, o momento da verdade é onde testamos seu funcionamento. Analisamos isso rapidamente na última lição, mas vamos nos aprofundar um pouco mais do que isso agora. Para fazer isso, vamos adicionar nosso padrão às nossas amostras de padrões aqui Há duas maneiras de adicionar um padrão a isso. Se você quiser adicionar toda a sua área visível, basta clicar nesse ícone de adição e adicioná-lo assim. No meu fluxo de trabalho normal, como eu disse, não tenho a tela expandida além dessas bordas dessa forma, então é assim que eu normalmente faço. Mas isso só funciona se você tiver apenas o bloco de padrões exibido, como fizemos com este. Mas aqui, com nossa margarida rosa, temos partes das bordas aparecendo fora das bordas de nossas Então, isso não funcionaria se adicionássemos isso como um padrão. Vamos dar uma olhada em como isso funcionaria agora. Adicionamos uma camada e aplicamos isso, e então vamos mudar a escala para 50. Temos todo tipo de coisas estranhas acontecendo, e é porque adicionamos toda a área visível Vamos arrastar essa para baixo até a lixeira, e podemos elevar essa camada agora. A segunda maneira é usar a ferramenta Marquee para selecionar apenas o ladrilho padrão a ser retirado Vamos escolher a ferramenta Marquee e garantir que o Snap Em seguida, usando as guias que você configurou, você pode clicar perto delas e, em seguida, ela se encaixará nas guias e você poderá arrastar e selecionar a área lá embaixo, ou seja, 3.600 por 3.600 Então, sabemos que estamos na posição correta. Então você pode soltar e clicar no ícone de adição aqui. E então podemos clicar em OK, e então eu vou pressionar Command D para desmarcar E então, quando mostrarmos essa camada novamente aqui, se eu tocar neste relógio de notícias, você verá que agora ela está preenchida com o padrão correto. Então, agora vou voltar a mostrar nosso Canvas. Então, com a ferramenta Marquee, vou selecionar novamente essa área usando as diretrizes para acessar. E então, se você selecionar sua ferramenta de corte com C, ela se encaixará no que você acabou de selecionar Você pode então pressionar Enter e, em seguida, você terá seu bloco à vista. Agora você pode clicar no ícone de adição, e isso também o levará ao seu padrão corretamente. Portanto, há duas maneiras de adicionar seu padrão. Você pode exibir apenas sua patente e clicar no ícone de adição como está, ou se tiver alguma exibição além das bordas do Canvas, você selecionaria a área do seu padrão usando as diretrizes e adicionaria apenas essa Então, agora vamos testar se o padrão está se encaixando perfeitamente Então, tudo o que precisamos fazer é, e fingirmos que ainda não fizemos isso, excluir esse preenchimento de padrão Só precisamos adicionar uma camada no topo da nossa lista de camadas aqui. E então podemos aplicar esse padrão à camada. vai parecer que nada início, vai parecer que nada aconteceu porque acabou de aplicar uma cópia do padrão logo acima do padrão e exatamente na mesma posição. Mas se subirmos até aqui e aumentarmos o zoom e, em seguida, com nossa ferramenta de movimentação, você verá que podemos arrastá-la porque é uma camada de preenchimento padrão. Portanto, não é o padrão subjacente. Só vou desfazer aquela movimentação maluca, então agora ela deve estar na mesma posição novamente. Portanto, a maneira como testo se o padrão está alinhado corretamente é apenas arrastá-lo para baixo e para o outro lado em uma quantidade muito pequena E então eu passo até a borda superior e me certifico de que nada seja cortado lá em cima. Não há costuras ou pedaços irregulares. E então essa é a costura superior e inferior coberta. E então eu vou detalhar este também. Certificando-se de que nada seja cortado. E então a esquerda e a direita também pareciam cobertas. E então você deve descobrir que, se digitou todos os números corretamente e sua tela é definitivamente do tamanho certo, você não deve cometer nenhum erro nela, e ela sempre funcionará perfeitamente Vou mostrar rapidamente como ficaria se houvesse um erro no padrão. Então, eu vou apenas esconder essa última peça, que é aquela aqui. Então, quando repetimos isso aqui para compensar um pouco mais, se eu desligar essa camada e depois adicionarmos esse padrão e depois aplicarmos esse padrão à nossa camada de preenchimento, você verá aqui não é ladrilho, e isso é porque foi cortado porque não foi repetido do outro lado Portanto, se você estivesse vendo coisas assim, precisaria voltar às etapas de criação de padrões e garantir que tudo fosse repetido no lugar correto. Assim, podemos ativar isso novamente e nos livrar de nossos preenchimentos de padrões Não precisamos disso agora. E também vou arrastar esse padrão incorreto até a lixeira. Então, agora que verificamos que nosso padrão está funcionando perfeitamente e estamos satisfeitos com o layout aqui, podemos voltar ao nosso objeto inteligente e mesclar essa seção extra novamente com o padrão principal, e depois faremos algumas coisas e abordaremos tudo isso na próxima lição 19. Tentando em cima: Então, agora vamos arrumar um pouco nosso padrão para que tenhamos todos os motivos semelhantes na mesma camada, e isso facilitará coisas como mudar as cores posteriormente Então, vamos abrir nossa pasta de padrões e nossa pasta extra. Vou pegar esse amarelo e arrastá-lo para baixo acima da camada amarela normal. E eu vou mesclar isso na camada abaixo. Usando o atalho Command E. Então, agora tudo isso está na mesma camada Parece que essa parte deu errado, mas é só porque essas partes ainda estão acima dela. Quando a colocamos acima das pétalas e a fundimos com o Comando E , ela volta à posição correta e agora todas as nossas partes amarelas estão na mesma camada E você faria isso com todos os outros motivos que estavam em sua seção extra Depois de verificar e limpar tudo isso, você pode excluir essa pasta Também vou pressionar Command Shift G na minha pasta de padrões, porque eles não precisam mais ser agrupados separadamente. Então, vamos dar uma olhada em algumas outras partes da arrumação que você talvez queira fazer Não sei se você lembra que eu disse que poderia girar isso um pouco quando estivéssemos no Photoshop Então, se você quiser fazer alguma alteração aqui, uma coisa que eu gosto de fazer é colocar uma cópia do padrão abaixo dessas camadas eu possa ver quais outras coisas estão ao redor Então, se voltarmos aqui, adicionaremos essa versão do padrão às nossas amostras E então podemos voltar ao nosso Objeto Inteligente. E então aqui na parte inferior, acima do meu esboço e abaixo dos motivos, vou adicionar uma camada e depois vou aplicar o padrão nela Vou parecer um pouco louco para começar. E o que você precisa fazer é tentar alinhá-lo com o padrão acima dele. Não precisa ser perfeito em pixels. Na maioria das vezes, só precisa estar na posição correta. É só para ajudar você a ver o que é o quê. E então o que vamos fazer é alterar a opacidade dessa camada aqui para 50%, para que não fiquemos confusos entre o que são os motivos reais aqui e o que é motivos reais aqui e o Então eu posso ver que era essa pétala aqui que eu queria girar um pouco Então, vou usar minha ferramenta Lasso, L, para selecionar apenas essas pétalas Vou me certificar de que estou na camada certa e, em seguida, pressionarei o Command T e vou girar um pouco Pressione Enter e, em seguida, eu também posso arrastar isso um pouco. E antes de salvar essa alteração, o que preciso fazer é ocultar essa camada padrão. Vou apenas mostrar o que acontecerá se eu salvar sem esconder isso primeiro. Vamos voltar ao nosso arquivo principal. Então, isso salvará todas as alterações que fizemos, incluindo a adição desse preenchimento. Então, coisas estranhas começarão a aparecer aqui. Então, você precisa ocultar essa camada padrão e salvá-la. E agora você pode ver que foi girado. Se apenas adicionarmos uma camada acima aqui e aplicarmos nosso padrão antigo a ela. E então você pode ver, ativando e desativando essa camada , a diferença que ela faz antes e depois É uma boa maneira de ver um teste rápido de AB e decidir se você gosta ou não da mudança que acabou E eu definitivamente prefiro isso sem ter a pétala ou cruzar o talo ali Então, vou deixar isso como está. Agora, vamos dar uma olhada na edição de motivos em seu padrão e em coisas que você talvez queira alterar Vou adicionar essa camada de pontos que criei agora e vou salvá-la como está E eu já posso ver aqui onde eu girei isso que vou ter que selecionar aquele ponto azul e movê-lo Mas vamos entrar no padrão principal e ver como isso está acontecendo. Você verá que, em muitos lugares, eu tenho os pontos de uma camada sobrepostos com motivos Eu meio que desenhei esses pontos no último minuto e não me preocupei muito em saber onde eles estavam Então esse ponto está nesse objeto inteligente e está se sobrepondo a este Então, vamos tentar consertar coisas assim. Vou adicionar essa iteração do padrão aqui e depois vou voltar aqui para o meu objeto inteligente Vou mostrar minha camada padrão novamente e vou aplicar essa nova instância do padrão a essa camada. E então poderemos ampliar e ver onde os pontos daqui estão se sobrepondo aos Em seguida, podemos simplesmente movê-los ou excluí-los. Antes de tudo, certifique-se de que estamos na camada certa, não na camada padrão. Precisamos estar na camada com os pontos. Você pode movê-los ou excluí-los. Você precisa se lembrar de que você só precisa trabalhar em duas das quatro arestas, então essa e essa no seu diamante, porque o que está aqui embaixo vai se repetir aqui em cima. Então, se continuarmos e tentarmos corrigir essas partes Um lugar aqui em que os vemos se sobrepondo ou estão muito próximos. Por exemplo, aqui, vou apenas selecionar isso e arrastá-lo até aqui até aquela lacuna. Isso agora vai me deixar com uma pequena lacuna. Então, eu poderia simplesmente selecionar este vermelho e manter pressionado o comando e a opção, e então eu posso arrastar uma cópia dele até aqui. Então, agora está tudo bem aqui. Aqui em cima, posso ver que tenho três pontos todos agrupados aqui, que não parece muito bom Então, vou deletar aquele azul. E este é um exemplo de onde eu disse que isso também se repetiria aqui embaixo. Você precisa ter cuidado para editar apenas uma borda. Se você vier aqui e pensar: Oh, eu preciso me livrar deles e excluir esses dois, você terá excluído todos esses três pontos. Então você pode simplesmente excluir esse. Talvez esse eu mude um pouco. Pode começar a ficar um pouco confuso depois de um tempo, especialmente quando você está trabalhando com algo pequeno, como pontos Portanto, a melhor coisa a fazer é ocultar sua camada padrão, pressionar Command S para salvar e, em seguida, voltaremos nosso arquivo principal e ao nosso arquivo principal e veremos como está aqui. Então, podemos dar uma olhada e ver se há alguma peça que ainda parece estar errada. Acho que na verdade temos tudo. Espero que eu não esteja perdendo nada. Então, sim, estou feliz com a aparência atual. Então, vou salvar todo esse documento, e é basicamente assim que você vai e volta fazendo edições e alterando coisas para ver se decidiu que ainda havia algo que você queria mudar Então, eu adicionaria outra instância desse padrão. E depois volte aqui para o meu Objeto Inteligente, mostre meu padrão novamente, aplique essa versão atualizada do padrão. E você verá quando fizemos essa parte aqui ou, se você se concentrar nessa parte, quando alternarmos entre as duas, você pode ver como as alterações são atualizadas e, em seguida, continuar fazendo alterações se ainda houvesse coisas que você quisesse verificar Então, que outras coisas podemos querer mudar aqui? Uma coisa que você pode querer mudar são as cores. Se você quiser alterar algumas das cores, pode fazer isso facilmente porque tivemos o cuidado de manter nosso padrão em nosso padrão, todas as cores em camadas separadas. Você usou cores planas sem sombreamento para seus motivos, então é muito fácil mudar Tudo o que você precisa fazer é criar uma camada de preenchimento de cor acima e, em seguida recortá-la na camada abaixo segurando a opção e clicando entre elas. Portanto, se você usou apenas motivos planos e sem sombreamento, essa é uma maneira muito fácil de alterar as cores Em seguida, você pode clicar nas amostras e alterar as cores dessa forma Vamos colocar um azul aqui por enquanto. Assim, você pode escolher qualquer cor de amostra que desejar. E depois de escolher uma cor, vamos apenas ocultar essa camada de preenchimento padrão. Você pode simplesmente salvar isso. E então, no padrão principal, suas cores serão atualizadas dessa forma. Se você decidir que não gostou da alteração que acabou de fazer, depois de vê-la em seu padrão principal, basta voltar ao arquivo de objeto inteligente e desfazer essa alteração Vamos desfazer todas essas outras e voltar para onde estávamos Antes de adicionarmos essa camada de preenchimento de cor nela. Lá vamos nós. E então você pode salvar novamente e depois voltar para o seu arquivo principal, e isso será como era antes Então, vamos continuar com a mudança de cor. Se você usou alguma textura em seu padrão, mantenha-a intacta com a nova cor Então, como eu mudo minhas cores é adicionar uma camada de ajuste de saturação de matiz a elas E é por isso que eu gosto de usar apenas uma cor por camada. Se eu tivesse vários tons diferentes na mesma camada, não teria tanta flexibilidade Por exemplo, nesta camada em que tenho todos os pontos na mesma camada Se eu mudasse o matiz e a saturação dessa camada, não teria muita flexibilidade porque ela está mudando todas as cores ao mesmo tempo Vamos desfazer isso, excluir essa camada. Então é por isso que eu gosto usar uma cor por camada. Quando estou criando formas de cores alternativas, sempre crio uma camada de ajuste separada para cada uma e depois as identifico . Então, vamos começar com as pétalas. Iremos ao nosso painel de ajustes e adicionaremos uma camada de ajuste de matiz e saturação E eu vou recortá-lo apenas na camada abaixo. Se eu não o recortasse assim, mudaria todas as cores, tudo abaixo dele. Mas se eu cortá-la na camada, ela simplesmente mudará essas cores na camada abaixo dela. Assim, podemos escolher qualquer cor que quisermos para eles. É só uma questão de brincar com os controles deslizantes. Então, você descobrirá que, ao alterar a tonalidade de algumas cores, a saturação é muito parecida com, por exemplo, nesses verdes, que é muito brilhante. Portanto, você deve diminuir um pouco a saturação para obter uma cor mais suave e também alterar a claridade ou a escuridão Você pode usar esses três controles deslizantes para brincar e alterar as cores Acho que gosto muito dessa cor roxa com a qual tivemos que começar. Então, vamos usar essa cor roxa. E então talvez queiramos mudar a cor das folhas para outra coisa. Então, vamos até aquela, adicionar outra saturação de matiz e prendê-la nessa camada E podemos alterá-los para uma cor mais amarelada e esverdeada E então, como os caules são praticamente da mesma cor, talvez você queira aplicar este nos caules também. Então, para fazer isso, basta clicar nessa camada e arrastar uma cópia dela acima das hastes e, em seguida, não se esqueça de recortá-la também nessa camada. Então, quando estou criando cores alternativas, sempre faço uma camada de ajuste separada para cada uma e depois as identifico Então, se eu estiver chamando essa versão colorida de A, examinaria todas essas e colocaria um A no nome da camada para todas essas camadas de ajuste E então, se eu fosse salvar este e voltar ao nosso arquivo de padrão principal novamente, então se eu fosse escolher uma cor de fundo diferente para combinar com isso, eu simplesmente duplicaria este pressionando Command J, e vamos escolher uma cor diferente para isso E então eu chamaria essa, adicionaria um A ao nome dessa camada também. E então, quando eu quero voltar e alternar entre as cores, sei que devo ativar todas as camadas A ao mesmo tempo Isso torna mais fácil para mim e para os clientes que possam estar usando o arquivo alternar facilmente entre as cores depois de escolher todas as cores. Então, quando você quiser alternar entre as diferentes cores, você só sabe que precisa ter todos os As ativados e todos os outros desligados Fácil de lembrar e também fácil explicar para outra pessoa que possa estar usando o arquivo. Então, agora que testei a repetição, corrigimos todas essas sobreposições Vou dar uma olhada no padrão em uma escala menor novamente só para ver como está em geral. Não vou manter nenhuma dessas cores, então vou apenas examiná-las e excluí-las E então podemos salvar isso novamente e voltar ao nosso arquivo principal Eu gosto bastante desse fundo verde, então posso realmente mantê-lo como uma segunda opção para o plano de fundo. Mas vamos adicionar essa última versão do padrão. E então, nessa camada, vamos aplicá-la e alteraremos a escala para 50%. Agora podemos ter uma visão geral de como nosso padrão está se repetindo Já fizemos isso no Procreate para testar e dar uma olhada rápida Portanto, já teríamos resolvido quaisquer problemas importantes com certos motivos dominantes Também é sempre bom dar uma outra olhada no espaçamento agora, especialmente porque adicionamos alguns pontos Há alguma área vazia chamando você, calhas ou Uma dica sobre a qual muitas pessoas falam é apertar os olhos ao observar o padrão, o que ajuda a identificar quaisquer lacunas gerais nele E uma vez que eu faço isso, percebo que posso ver linhas subindo dessa forma através do padrão E eu acho que é causado aqui, onde eu tenho um espaço relativamente grande aqui. Então, se apenas escondermos isso em nosso bloco de padrões, acho que é essa parte aqui. Então, se entrarmos em nosso objeto inteligente, eu vou colocar a camada padrão de volta por baixo, e vou atualizá-la com a versão mais recente do Então eu acho que estava aqui. E estou pensando que se eu simplesmente mover essa flor dessa maneira , provavelmente resolveria o problema. Então, eu já selecionei minha ferramenta de laço. Vou clicar com o comando nesta pétala para me levar até aquela camada E vou selecionar apenas essas partes da flor e depois arrastá-las até aqui pressionar Command T para girá-las um pouco Acho que temos um pouco de margem de manobra para abordar isso aqui um pouco mais Vou pressionar Return para definir isso e Command D para desmarcar Portanto, fazer transformações como essa é obviamente muito mais fácil no Photoshop, e você obterá melhores resultados do que as bordas difusas que obtemos no Nenhum software é 100% perfeito, mas o Photoshop faz um trabalho muito melhor em manter nossas belas bordas texturizadas Portanto, se você quiser girar ou redimensionar as coisas, é melhor fazer isso no Photoshop depois Agora, vamos clicar com o comando no centro amarelo que nos levará até essa camada e, em seguida, podemos selecioná-la com nossa ferramenta Lasso e arrastá-la até o meio da flor E então eu vou esconder minha camada de preenchimento padrão para que eu possa fixar o espaçamento desses pontos por aqui. Então, vou clicar com o comando nele, e então posso começar a selecioná-los arrastá-los e movê-los. Opcionalmente, clico neste e puxo aquele até lá. E então eu vou colocar esses outros no lugar. Talvez vamos colocar outro verde aqui. Vou apenas colocar o plano de fundo. Eu sei que alguns deles são brancos e não consigo vê-los no fundo. Acho que fiz asneira lá. Sim, então eu coloquei um rosa em cima de um branco lá, então vou deletar os dois para eliminá-los completamente E então vamos colocar outro branco aqui em cima. E então vamos continuar movendo esses pontos. Então, acho que vou esconder isso e depois salvá-lo e veremos como fica no arquivo principal. E depois voltaremos ao arquivo principal aqui e daremos uma olhada nele. E eu acho que isso provavelmente vai funcionar. Então, adicionaremos essa nova iteração do padrão ao nosso painel de padrões Em seguida, ativaremos essa camada de preenchimento de padrão, verificaremos se ela está selecionada e, em seguida, aplicaremos esse padrão a ela. E sim, acho que definitivamente fica melhor com isso ligeiramente levantado, alternando entre os dois Portanto, ter essas diferentes versões dos padrões aqui é uma boa maneira de testar para ver se você gosta das alterações antes e depois de fazê-las. Também é divertido passar por todos os diferentes estágios do seu padrão e ver como ele progride Mas a melhor dica é que manter esse painel cheio de padrões pode realmente começar a desacelerar o Photoshop Então, eu só pretendo manter o que eu preciso aqui. Então, eu conheço essa versão que quero manter, então vou comandar, clicar nas outras e arrastá-las até a lixeira. E então podemos aplicar esse novo volta à nossa camada de preenchimento padrão. Então, agora que estou feliz com esse padrão e está tudo pronto, vou salvá-lo. E então, no próximo vídeo, veremos como exportá-lo e como eu o empacotaria para um cliente 20. Exportando seu padrão de telha: Bem-vindo ao meu disco rígido externo. Essa é a aparência de uma pasta arquivada para um dos meus arquivos Eu mantenho várias versões e formatos diferentes de cada design e, como você pode ver, adiciono um número de SKU a todos os meus arquivos para poder acompanhá-los. Como surpresa, surpresa, tenho mais de um padrão de margarida rosa. Eu tenho a versão principal do arquivo, que é o que salvamos na última sessão. Embora esse seja um padrão diferente de margaridas rosa, é o mesmo tipo de arquivo que salvamos da última vez Em seguida, tenho um arquivo PSD pronto para o cliente e, em seguida, uma cópia achatada, PNG ou JPEG do arquivo, que eu poderia usar para fazer o upload para colher farinha Eu também poderia usar esse P&G para enviar aos clientes se o arquivo achatado fosse tudo o que eles queriam ou se tivéssemos negociado uma taxa mais baixa para uma cor Dica superior e nota lateral. Em geral, você deve cobrar muito mais se estiver fornecendo a alguém o arquivo PSD vez de apenas um PNG ou JPEG achatado , porque essa pessoa está obtendo muito mais valor desse Eles têm a opção de criar várias cores ou, se seu contrato lhes der permissão para modificar o arquivo, fazer edições e coisas do tipo Também mantenho todos os ativos de impressão sob demanda nesta pasta e tenho uma classe separada que abrange como criá-los, se isso for algo em que você esteja interessado. Então, vamos dar uma olhada em como exportar essas diferentes versões do seu padrão. Vamos dar uma olhada na pasta daquela em que estamos trabalhando. Vou renomear este, adicionando o nome master ao final do nome do arquivo E então eu vou abri-lo no Photoshop Então, vou cortar um pouco este e arrumá-lo para que esteja pronto para o cliente Mas eu não quero perder acidentalmente nenhuma das informações contidas neste Então, antes de mudarmos qualquer coisa, vou fazer o Command Shift S, e vou salvar este com um nome de arquivo diferente, e vou chamar esse cliente de pronto. A primeira coisa que vou fazer é entrar no Objeto Inteligente e excluir o esboço nele O cliente não precisa do esboço para nenhum de seus propósitos. E então a segunda coisa que vou fazer é qualquer uma das camadas que possam ter tido um ajuste de cor. Vamos fingir que este tem folhas azuis nele. E vamos fingir que todos eles têm um ajuste Qualquer um desses, vou marcar como verde. Então, vou clicar com o botão direito do mouse na camada como esta. E eu vou vir até aqui e vou tornar a camada verde. Dessa forma, posso facilmente direcionar o cliente para eles quando estou explicando como mudar as cores. É fácil pedir que eles acessem as camadas verdes e as liguem ou desliguem adequadamente. Portanto, certifique-se de que todos estejam rotulados corretamente. Neste ponto, vou desbloquear o bloqueio Alpha na camada amarela que sobrou do Procreate Vou renomear essa camada aqui embaixo como pontos e, em seguida, vou excluir essa camada de preenchimento de padrão porque o cliente não precisará e não quero salvá-la com essa alteração de cor adicionada a ela, então vou esconder E então eu vou salvar esse objeto inteligente. E então, neste momento, terminamos com isso para que possamos fechá-lo e clicar no X lá em cima, e estamos de volta ao nosso arquivo principal agora. Então, todas essas camadas aqui embaixo, não precisamos necessariamente ter isso tão confuso. O que eu normalmente faço é deixar essa de baixo de fora. É o principal do grupo. E então todos esses outros objetos inteligentes acima dele. Vou clicar na parte inferior , clicar com a tecla Shift na parte superior e, em seguida, colocá-los em um grupo e deixá-los assim. Eu só ajudo a manter as coisas um pouco mais arrumadas. E então eu vou excluir esse preenchimento padrão acima porque ele também não precisa estar lá. Vou deixar essas duas camadas aqui para as cores de fundo alternativas, mas vou clicar com o botão direito do mouse nessa e marcá-la como verde porque é uma que precisa ser ativada ou desativada da mesma forma que as outras camadas de cores no objeto inteligente. Então, se salvarmos isso agora e voltarmos para a pasta, você verá que temos nosso arquivo mestre, que tem 209 megabytes E então esse tem apenas 143 megabytes. Então, é bom quando você está enviando arquivos. É muito bom tê-los reduzidos e tão eficientes quanto possível Dessa forma, eles são mais rápidos de carregar e baixar e você não está desperdiçando espaço em disco desnecessário Então, a próxima coisa que vamos fazer é exportar cópias JPEG ou PNG do Photoshop Então, eu prefiro salvar como PNG porque é um formato sem perdas. Portanto, a melhor dica é que a imagem PNG não perderá nenhum de seus dados quando for compactada, o que facilita muito o armazenamento e a transferência Essa é uma grande vantagem em relação às opções com perdas, como arquivos JPEG, em que algumas informações desaparecem no No entanto, os arquivos PNG serão maiores, então isso pode ser um pouco mais lento e ocupar mais espaço no disco rígido Então, em última análise, cabe a você escolher qual é o melhor para você. Então, vamos pressionar a opção de comando S, e isso será salvo como uma cópia. Você pode escolher JPEG ou PNG. Vou escolher PNG e vou optar por incorporar o perfil de cores, clicar aqui em cima e retirar a parte pronta para o cliente Peça de cópia pronta para o cliente. Mas você pode deixar isso aí, se quiser. Eu vou guardar isso. Então, agora eu tenho essa versão rosa do meu bloco salva. Você pode simplesmente clicar em OK para essas opções de formato PNG. Eles estão bem do jeito que estão. Então, se eu tivesse feito cores alternativas, vamos clicar novamente no Objeto Inteligente e colocar essa camada azul nele Se eu tivesse cores alternativas no meu arquivo , eu as salvaria e também exportaria uma cópia delas ao mesmo tempo, para ter um bloco P e G para cada uma das diferentes cores Agora que isso foi feito, temos um bloco mestre, um arquivo achatado e uma cópia reduzida do cliente, tudo bem arrumado e pronto para quando No próximo vídeo, mostrarei quais seriam as próximas etapas do meu processo para que possamos aproveitar ao máximo esse fluxo de trabalho de procriação no Photoshop 21. Aplicando seu projeto de teste padrão e curso: Agora estou no estágio em que termino meu padrão, enquanto ele ainda está aqui e no meu painel de padrões, a próxima coisa que vou fazer é retirar minhas mídias sociais e imprimir modelos sob demanda. Depois, posso adicioná-lo rapidamente a eles para que estejam prontos e aguardando quando eu precisar deles. Dessa forma, não preciso voltar e abrir arquivos antigos quando estou procurando algo para postar ou enviar, e posso fazer isso enquanto ainda estou no fluxo e antes de me cansar de trabalhar em um padrão Tenho aulas com mais profundidade sobre cada uma dessas coisas. Então, se você quiser saber mais , confira essas aulas. A outra coisa que faço é aplicar o padrão a qualquer maquete que eu queira usar, que é muito fácil quando você ainda tem os padrões em suas amostras Então essa aqui é uma maquete que eu fiz usando uma foto do unsplash.com fiz usando uma foto do E vou colocar um link para baixar isso do meu site, se você quiser usá-lo também. Então, para aplicar o padrão a ele, tudo o que você precisa fazer é clicar duas vezes nessa bota frontal. E clique nessa camada aqui, e daqui de cima, você pode simplesmente aplicar um padrão a ela e clicar em Salvar. Volte para o arquivo principal e encontre a inicialização traseira. Clique duas vezes nele e aplique seu padrão a ele também. Em seguida, você pode pressionar Command S para salvá-los ou fechá-los. E nesta maquete, você também pode alterar a cor do acabamento da bota Então, basta selecionar essas cores e , em seguida, escolher uma das suas amostras Então, se você quiser salvar uma versão em alta resolução desse arquivo, você pode fazer isso da mesma forma que exportamos o bloco PNG com a Opção de Comando S. Mas se você quiser exportar uma cópia para carregar na galeria do projeto, eu usaria a opção Salvar para a Web Então, você pode descobrir isso acessando Arquivo e, em seguida, desceremos para exportar e escolher Salvar para a Web. E então, para salvar na galeria do projeto, aqui, eu mudaria essa largura para algo como 1080 Na verdade, vamos mudar a altura para 1080. 1080. E então você pode exportar esse tamanho gerenciável muito menor de 720 por 1080 E então vamos salvá-lo como JPEG aqui em cima. JPEG baixo Não estou preocupado com a compressão ou a qualidade da imagem porque é apenas uma maquete para enviar para Portanto, você não precisa se preocupar com a compressão de imagens e coisas assim. Então, podemos clicar em salvar e depois colocaremos isso em nossa pasta de margaridas cor de rosa. Vamos apenas adicionar isso ao nome do arquivo. E então podemos salvar este aqui. E então, isso salvou uma pequena imagem rápida de carregar, perfeita para carregada como seu projeto de classe Também seria muito bom ver uma imagem apenas do seu padrão para o projeto de sua classe. A melhor maneira de criar essa imagem é criar um novo documento. Então vá até File New. E as dimensões desse documento devem ser 1.000 de largura e 690 de altura, 72 pixels por polegada, e você pode deixar todas essas configurações como estão Esse é o tamanho perfeito para um projeto de compartilhamento de habilidades. Então, vamos criar uma camada acima desta, então você pode ir até o painel de padrões e aplicar seu padrão a ele. Agora, esse documento tem apenas 72 pixels por polegada, enquanto seu padrão deve ser de 300 pixels por polegada. Então, isso vai importar muito. Você precisará clicar duas vezes nessa miniatura aqui e, em seguida, poderá alterar a escala para o que quiser Você pode torná-lo bem pequeno e ampliado dessa forma, ou pode torná-lo um pouco maior, algo assim Depois, você pode acessar File Export, Safer Web, como fizemos antes. E vamos deixar essas dimensões como estão. Já o criamos no tamanho correto para fazer o upload para o Skillshare , então podemos deixá-los e simplesmente clicar em Salvar Vamos chamá-lo apenas de um projeto da classe Project e, em seguida, podemos salvá-lo. E então você pode ver que foi feita uma cópia muito boa, pequena e rápida de carregar. Ambos são perfeitos para carregar seu projeto de classe na galeria de projetos Para fazer o upload para o seu projeto de classe em um navegador da web, basta navegar até a guia projetos e recursos, clicar em Criar projeto e fazer o upload de uma imagem de capa para o seu projeto. Esse retângulo aqui tem o tamanho perfeito para uma imagem de capa Você pode dar um título ao seu projeto de classe e depois escrever o que quiser aqui. Você também pode adicionar suas imagens clicando neste pequeno ícone aqui e, em seguida, você pode selecionar sua imagem. Você pode adicionar mais texto se quiser ou adicionar mais imagens lá. E então tudo o que você precisa fazer é clicar em Publicar aqui na parte superior. E isso publicará seu projeto na seção de projetos. Mal posso esperar para ver o que você vai inventar. 22. Obrigada!: Parabéns e obrigado por concluir esta aula. Eu realmente gosto de fazer isso para você e compartilhar meus fluxos de trabalho com você Minha parte favorita é ver seus projetos e ouvir suas histórias de como você está implementando o que aprendeu em seu próprio processo. Estou realmente ansioso para ver todos os seus belos padrões na galeria do projeto. Não se esqueça de que você pode encontrar mais informações e todos os links que mencionei na folha de dicas, que você pode baixar na seção de recursos Se você tiver alguma dúvida, opinião ou dica, anote-a na guia de discussões Adoro ouvir de vocês, e vocês também são muito bons em ajudar uns aos outros com dicas e feedback positivo. Portanto, não tenha medo de responder à pergunta de outra pessoa. Eu também adoraria se você pudesse me deixar uma avaliação rápida, se você gostou da aula. Lê-los sempre anima meu dia e me inspira a fazer mais aulas para você. As avaliações também ajudam outros alunos a encontrar minhas aulas. Se você compartilhar seu trabalho no Instagram, marque-me para que eu possa compartilhar seus projetos e minhas histórias. Você pode me encontrar na Becky Flahaty, então fique à vontade para dar uma passada e dizer oi Eu organizo uma troca semanal de dicas lá e também um desafio de desenho frontal com instruções semanais para ajudar a fortalecer nossos músculos criativos Se você quiser saber mais sobre mim e meu trabalho, você pode me encontrar em becaflaty.com onde você pode ler meu blog, assinar meu boletim informativo e ter acesso à minha e ter acesso à Também tenho um canal no YouTube onde tenho uma coleção crescente de mini tutoriais Procreate Por fim, se você quiser ver mais das minhas aulas, não deixe de me seguir aqui no Skillshare e você será notificado sempre que eu publicar uma Cuide-se. Feliz criação, e nos vemos na próxima vez.