Design de padrão de superfície: princípios fundamentais para fazer padrões proeminentes

1. Boas-vindas: [MÚSICA] Quando comecei minha jornada de design de padrões, muitas vezes me perguntei o que exatamente faz um bom design de padrões. Eu observava belos padrões feitos por artistas que eu admiro, tentando descobrir sua receita secreta. Eu queria saber como eles alcançaram aquela harmonia quase sem esforço pela qual eu estava atraída, e então eu criaria meus próprios padrões, observava uma repetição final e podia ver que algo não estava certo. Mas o que? O que deu errado? Como posso corrigir isso e melhorar meu trabalho? Oi, meu nome é Nina e também sou conhecida como Di Ujdi. Sou ilustrador e designer de padrões baseado em Belgrado, Sérvia. Nesta aula, compartilharei com vocês minha receita para criar designs de padrões excepcionais. Simplificando, esta aula é uma jornada de círculo completo que o levará de uma melhor compreensão e aprimoramento de seu trabalho até a criação de seu design de padrões e, até a criação de seu design de padrões e finalmente, prepará-lo para os clientes. Na primeira parte da aula, reuni toda a minha experiência como designer de padrões em um conjunto de princípios-chave que o guiarão seu processo de design e ajudarão você a entender melhor sua trabalhe e melhore. Organizo esses princípios em três capítulos principais. Abordaremos o que torna um padrão coeso, o que faz uma boa repetição e o que faz um design de padrão profissional. Na segunda parte da aula, você colocará tudo isso em prática e criará um design de padrão que você orgulhosamente colocará em seu portfólio e licenciará para clientes. Vou te mostrar duas maneiras de fazer isso. Um está usando apenas o Procreate e o segundo usando o Procreate e o Photoshop. Além disso, quando você terminar o design do padrão, mostrarei como mostrá-lo a clientes em potencial e que tipo de arquivo você enviará após assinar o contrato de licenciamento. Eu recomendaria esta aula para níveis intermediários ou intermediários de iniciante. É importante que você tenha pelo menos alguma experiência na criação padrões para que agora possa levar tudo isso para o próximo nível. Muito feliz que você esteja aqui, então vamos começar. 2. Guia de cursos: [MÚSICA] Eu fiz desta aula seu recurso preferido para criar padrões excepcionais. Aqui está uma prévia do que você aprenderá e também um guia sobre como assistir a esta aula, dependendo dos programas de design que você está usando. Também criei um guia de aula em PDF que você pode baixar na seção de projetos e recursos. A primeira parte da aula é onde você aprenderá sobre os princípios-chave para criar ótimos designs de padrões. Estas são as Lições 4, 5 e 6, nas quais abordaremos o que torna um padrão coeso, o que faz uma boa repetição e o que faz um design de padrão profissional. Essas não são regras imutáveis, mas sim bases que guiarão seu processo de design. Ao conhecê-los, você terá uma orientação sobre como observar seu trabalho forma crítica e entender como melhorá-lo. Além de falar sobre isso, fornecerei muitos exemplos diferentes que ajudarão você a ver visualmente a diferença. A segunda parte é onde você colocará esse novo conhecimento em prática. A maneira como você assistirá essa parte depende do programa que você está usando. Eu queria ser o mais inclusivo possível porque sei que muitos de vocês usam apenas Procreate e alguns de vocês usam Photoshop ou combinam o Procreate e o Photoshop. Se você estiver usando o Procreate apenas para criar seus desenhos de padrões, você assistirá às lições 7 a 10. Se você quiser aprender a combinar o Procreate e o Photoshop, você assistirá às lições 7-9 e depois 11-13. Isso nos leva à terceira parte final, que inclui as lições 14 e 15, onde falaremos sobre as próximas etapas. Você acabou de terminar seu lindo design de padrões e agora? Vou mostrar como preparo meus designs de padrões para poder mostrá-los aos clientes. Também falaremos sobre qual arquivo você enviará aos clientes depois de assinar um contrato de licenciamento. 3. Projeto: [MÚSICA] Seu projeto é criar um design de padrão seguindo os princípios-chave que você aprenderá ao longo desta aula. Minha recomendação é começar com um design de padrões que tenha uma variedade de motivos para que você possa praticar vários fundamentos de design valiosos sobre os quais falaremos. Não precisa ser muito complexo. Comece com algo com o qual você se sinta confortável e, em seguida, faça um progresso gradual. Quando estiver pronto e pronto para compartilhar sua arte, vá para a seção de projetos e recursos da turma e clique no botão “Criar projeto”. Compartilhe conosco como fica seu padrão final em uma repetição e como você prepara o design pronto para promoção que você enviará aos clientes. Também adoraria ouvir sobre seu processo e o que você aprendeu, bem como se houve algo com o qual você teve dificuldades no passado e agora podemos melhorar. Por último, mas não menos importante, se você não está muito satisfeito com seu padrão final e há algumas áreas que você não sabe como melhorar, estou aqui para você, basta apontá-las nos comentários do projeto, e darei meus melhores conselhos sobre como trabalhar com eles ainda mais. Como eu sempre digo, a melhor maneira de aprender é fazendo isso, e a melhor coisa sobre Skillshare é que você não está fazendo isso sozinho, então vamos começar. Mal posso esperar para ver o que você criará. 4. O que faz um padrão coeso?: Então, o que torna um design de padrão coeso? Nesta lição, abordarei alguns dos princípios mais importantes que ajudarão você a criar estampas bonitas e equilibradas que pareçam unificadas. São escala de elementos, harmonia de elementos, elementos, disposição de cores, equilíbrio de cores e estilo consistente. Lembre-se de que esses são apenas princípios, fundamentos. Mas você, como artista, é quem cria suas próprias funções internas dependendo de suas preferências, estilo ou tipo de design em que está trabalhando. Gosto de pensar que um design de padrão é um ecossistema natural. Tomemos como exemplo uma simples macieira. Quando você olha para uma macieira no início do outono, você não verá maçãs gigantescas ao lado de maçãs pequenas e não desenvolvidas. Você verá uma variedade de tamanhos diferentes , mas em uma determinada escala natural. Quando você começar a criar elementos para seu design de padrões, tente pensar em muitos ecossistemas que você está criando. Cada tipo de flor, folha ou galho existirá em uma escala determinada e somente nessa escala eles terão uma variedade de tamanhos diferentes. Depois de estabelecer isso, o principal é mantê-lo consistente ao organizar esses elementos em uma repetição de padrão. Se você se encontra em uma situação não há espaço suficiente e tende a reduzir drasticamente alguns elementos para comprimi-los. Em vez de fazer isso, dê alguns passos para trás e refaça toda a composição do padrão. Este anda de mãos dadas com a escala dos elementos , mas agora você está vendo quantos anos esses diferentes elementos se comportarão um ao lado do outro. Quando você os coloca juntos, eles se elogiarão ou se dominarão? É como criar um buquê de flores. Você pode escolher flores grandes como ponto focal principal, apoiá-las com folhas e adicionar galhos delicados com pequenas teias de flores como detalhes. A melhor maneira de abordar isso é esboçar os elementos juntos e ter a sensação da composição. Às vezes, o que pode quebrar a harmonia é o tamanho dos elementos. Por exemplo, as flores principais são muito pequenas e as folhas são muito grandes ou vice-versa. Então, brinque e veja que tipo de elementos criam equilíbrio e harmonia quando colocados juntos. Vamos falar sobre o arranjo dos elementos. Aqui você pode se perguntar: que tipo de arranjo de elementos você deseja alcançar? É mínimo, moderado ou agrupado? Mas não importa o que você decida fazer, observe como você organiza os elementos no primeiro esboço do padrão e siga essa decisão. Sugiro verificar constantemente a disposição geral durante o trabalho e se perguntar quanto espaço respirável você precisa deixar entre os elementos. O que muitas vezes dá errado e acontece comigo também é que você começa de uma maneira , mas à medida que avança e continua adicionando elementos e organizando-os, continua adicionando elementos e organizando-os, você perde o campo inicial e começa a agrupar ou dispersá-los, o que acaba em uma organização desequilibrada dos elementos. A melhor coisa a fazer é parar de focar em uma parte do padrão e lembre-se de diminuir o zoom de tempos em tempos e ver a imagem maior. Além disso, quando estiver testando o padrão, repita os olhos e observe o padrão geral. Dessa forma, você borrará levemente tudo e poderá identificar facilmente qualquer fio dental de arranjo de elementos. Assim como no arranjo de elementos, o arranjo de cores é algo que pode fazer com arranjo de cores é algo que pode que seu padrão pareça equilibrado ou desequilibrado. Nosso objetivo é organizar cores diferentes uniformemente em todo o padrão, para que, quando você o veja à distância, ele tenha um belo fluxo de cores e não haja grupos de cores que se destaquem e parece um erro. O que me ajuda é, antes de tudo, limitar minha paleta de cores. Uma paleta mínima feita de 4 a 5 cores e uma paleta máxima de oito a nove cores. Além disso, também gosto de determinar como vou espalhar as cores. No caso de um padrão floral complexo, usarei três cores para flores e insetos grandes. Vou manter as folhas em uma única cor para manter essa parte simples e sólida quando comparada com flores coloridas e divertidas. Vou usar mais uma cor para obter detalhes e ela brilhará bem em todo o padrão. Agora, você pode ter cores bem organizadas , mas ainda assim a repetição geral não parece coesa. Um dos problemas pode ser o desequilíbrio de cores. Quando trabalho com paletas de cores, confio principalmente na minha experiência visual para ver o que funciona e o que não funciona. Eu só brinco até que as cores que eu escolhi se sintam bem. Com isso dito, paletas de cores são bastante subjetivas até que não sejam. Quando se trata de equilíbrio de cores, cuidado com o contraste e a saturação de cores. No exemplo dessas três cores de flores, uma delas não está funcionando. Em comparação com esses dois, a cor roxa é muito vibrante e cria muito contraste e, quando o padrão repete, ele se torna o elemento mais proeminente. Se eu diminuir a saturação dessa cor, todas as flores parecerão coesas. Não precisa ser insosso, só precisa funcionar em conjunto. Para algumas outras partes, contraste é o que você realmente precisa, como no caso dessas folhas. Esse amarelo pálido é muito semelhante à cor de fundo e, portanto, não dá nenhuma definição às folhas e, por outro lado , não suporta as cores que eu escolhi para as flores. Se quisermos que pareça mais dinâmico e interessante, podemos escolher outra cor e adicionar mais contraste até encontrar um bom equilíbrio de cores. Estilo é algo que pertence a você. A maneira como você está se expressando visualmente, a maneira como você está experimentando e experimentando coisas ou técnicas diferentes. Você pode usar muitos detalhes, sombreamentos, linhas e texturas, ou você gostaria de manter o mínimo. O importante nesta etapa é que você determine onde e como está usando essas expressões estilísticas e que permaneça consistente com essa decisão durante todo o design do padrão. Mais uma vez, seu objetivo é a unidade visual. Por exemplo, você pode determinar que as flores serão planas e as folhas terão alguma textura e aplicá-la a cada minicomposição floral que estiver criando. O que pode dar errado e quebrar essa unidade é que você atribui atributos estilísticos diferentes ao mesmo grupo de elementos ou adiciona muitos detalhes a elementos específicos que não deveriam ser em foco. Se você está lutando com um estilo consistente saiba que isso é algo que vem naturalmente com a prática. Seja determinado e intencional com sua abordagem e você a alcançará. 5. O que torna uma boa repetição?: [MÚSICA] Vamos falar sobre o que faz um bom padrão se repetir. Se você pensar bem, a maior empolgação e mágica de criar um padrão é quando você o vê se repetindo sem parar. É como se aquele pequeno quadrado em que você trabalha há algum tempo ganhasse uma nova vida e agora pudesse se multiplicar o quanto quiser. Fazer uma boa repetição significa ocultar visualmente a repetição e transformá-la em um fluxo de elementos sem esforço. Aqui estão os princípios-chave sobre os quais falaremos nesta lição. Design de padrão coeso, método de repetição correto, alteração do elemento, variação de direção e curvas e ângulos. Isso inclui todos os princípios-chave sobre os quais falei na lição anterior, onde abordei o que torna um design de padrão coeso. À medida que abordamos nosso novo design de padrões, devemos vê-lo como um mundo próprio e, nesse mundo, como artistas, somos nós que criamos regras sobre a aparência de nossos elementos de design, como eles coexistem e como eles interagem uns com os outros. Cada desvio da harmonia desse sistema que criamos resultará em algo que parece não pertencer a ele. Depois de repetirmos uma amostra de padrão que não é coesa, a repetição multiplicará o erro e o espectador, em vez de deslizar por um belo fluxo de elementos, continuará focando nas partes que não são se encaixando bem. Este é bem simples, mas também depende do tipo de design que você está criando e também de como você está organizando os elementos na amostra do padrão. Existem dois métodos principais de repetição de padrões, uma repetição de gota completa e uma repetição de meia gota. Minha regra geral é que se você tem muitos elementos diferentes e é capaz de fazer a variação na disposição dentro da amostra do padrão, você pode usar um método de queda total. Às vezes, você trabalhará com designs simples que não têm muitos elementos e o arranjo não é complexo ou, por exemplo, esses elementos são ousados e chamativos. Nesse caso, eu escolheria meia gota porque ela pode introduzir variação que você está faltando e, portanto, enganar o espectador. Simplificando, escolha um método de repetição de padrões que oculte melhor a repetição. Sempre que estou criando padrões, sejam eles simples ou complexos, eu sempre costumo introduzir alterações de elementos. Mesmo se eu estiver usando 10 flores semelhantes, desenharei cada flor individualmente e, mesmo que pareçam semelhantes, elas não são as mesmas. É uma técnica muito sutil que alcançará ótimos resultados na repetição final do padrão. Uma maneira pela qual os designers tentam fazer isso de uma maneira mais eficiente em termos de tempo é desenhar três elementos, por exemplo, copiá-los e colá-los e criar uma variedade invertendo-os e girando-os. Pode funcionar até certo ponto, mas também pode falhar. Se você me pedir, dedicar um tempo para fazer isso manualmente e começar seu padrão com muitos elementos diferentes fará uma grande diferença mais tarde. Você pode ver isso em um exemplo do meu complexo padrão floral, onde nenhum dos elementos é uma cópia ou neste padrão geométrico bastante simples onde cada estrela é ligeiramente diferente, o que acrescenta algum interesse. Nesta parte, quero falar com vocês sobre a variação de direção. Como mencionei antes, uma boa repetição tem um fluxo fácil. Pense no que seus olhos estão fazendo quando você vê um lindo padrão se repetir, seus olhos nunca estão fixos em um ponto, quase parece que uma corrente de água suave os está tirando de uma parte do a impressão para outra e assim por diante. Seu objetivo como designer de padrões é fornecer essa experiência ao espectador. Uma maneira de fazer isso é organizar os elementos do padrão, especialmente aqueles que são alongados, como galhos, caules de flores ou folhas, de forma que apontem em direções diferentes. Você pode pensar nelas como setas de navegação que ajudarão o espectador a deslizar pelo seu padrão sem perceber repetições. Esse princípio é bastante semelhante ao anterior, para criar um fluxo natural além apenas apontar os elementos em diferentes direções. Também queremos curvá-los e colocá-los em um ângulo. Gosto de evitar criar elementos alongados muito retos ou colocá-los em um ângulo reto. Porque mesmo que você tenha apenas um elemento como esse posicionado em uma linha reta horizontal, por exemplo, ao repetir o padrão, você verá que ele cria uma linha muito proeminente faixa visual que freia o fluxo da repetição geral. Agora, o espectador, em vez de deslizar pelos elementos, é instantaneamente atraído por ele. Mas se eu mudar, curvar um pouco e posicioná-lo em um ângulo, o padrão, mais uma vez, tem um fluxo bonito. Resumindo, fazer uma boa repetição significa usar esses princípios-chave para obter um fluxo visual que enganará o espectador e desviará sua atenção de perceber o óbvio para ver tudo como uma unidade sem fim. 6. O que faz um padrão profissional?: Agora imagine isso, todo o design do seu padrão é uma casa. Os princípios-chave sobre os quais falamos nas lições anteriores farão que a casa pareça linda e digna de admiração. Mas o que está abaixo é um arquivo de padrão profissional, que é uma base forte e sólida de uma casa e também como é reta. Se você quer ter uma casa boa e duradoura, uma não pode coexistir sem a outra. Dessa forma, você pode reformar a casa muitas vezes sem construí-la do zero e ela pode ter muitos novos proprietários que saberão como trabalhar nela ainda mais, o resultado final é investir no O tempo para trabalhar em um arquivo profissional ajudará a longo prazo quando se trata de fazer alterações no design, licenciá-lo e trabalhar com clientes. Nesta lição, falaremos sobre esses princípios-chave, tamanho e resolução, arquivo de padrão editável e organização organizada de camadas. Quando se trata de programas e arquivos vetoriais, é simples porque você não precisa se preocupar com tamanho e resolução. vetores são cálculos matemáticos e mantêm a qualidade da sua arte, não importa quanto você os aumente ou diminua. Mas quando se trata do resto de programas como o Procreate ou o Photoshop, tamanho e a resolução são muito importantes. A regra básica é jogar segurança e pensar com antecedência, que significa sempre trabalhar em um tamanho maior que você possa precisar. Mesmo se você estiver apenas fazendo ilustrações ou criando elementos de padrão, você sempre começa maior porque depois pode reduzi-lo sem perder a qualidade. Eu trabalho principalmente em pranchetas de 18 por 18 polegadas ou 24 por 24 polegadas com uma resolução de 300 DPI mas para repetições de tamanhos menores, às vezes minha meta seria de 12 por 12 polegadas. Agora, você pode estar se perguntando: o que acontece se você trabalha em uma prancha de arte menor, mas agora precisa ampliá-la. Bem, aconteceu comigo e nem tudo está perdido. Apenas pense sobre isso. Você passa a maior parte do tempo configurando uma repetição de padrões, desenhando, criando os elementos e organizando-os para que se encaixem perfeitamente. Depois de fazer tudo isso, você pode simplesmente redesenhar o padrão em uma tela maior, se necessário. Antes de prosseguirmos, deixe-me abordar rapidamente um equívoco sempre presente que você só pode licenciar padrões vetoriais. Já ouvi isso tantas vezes e isso cria muita confusão para novos designers de padrões. A verdade é que existem muitos, muitos clientes em todo o mundo, e a maioria deles aceita tanto arquivos raster quanto arquivos vetoriais. A única coisa com que você deve se preocupar é escolher um programa que funcione melhor para você e seu estilo. Ter um arquivo de padrão editável significa trabalhar em camadas, você deve manter tudo separado, pelo menos por cor ou posição. O maior erro que você pode cometer é ter um arquivo em que diferentes cores, texturas ou elementos sejam mesclados e nivelados. Mesmo que trabalhar em camadas e separar tudo possa levar algum tempo e ser entediante , é algo que torna seu trabalho profissional e sustentável. Criar um arquivo editável significa planejar possíveis alterações, seja você quem as está fazendo ou se há algo que um cliente exige. Podem ser mudanças de cor, ajustes na disposição dos elementos, remoção ou adição de texturas e assim por diante. Tudo isso é possível quando você tem tudo separado em camadas. Por exemplo, às vezes, um cliente pega o arquivo e faz impressões de teste em tecido ou papel. Como as cores na tela não estão calibradas para aquela impressora específica, talvez seja necessário alterá-las e ajustá-las até que tudo fique bem nos produtos impressos. Por último, mas não menos importante, vamos falar sobre uma organização de camadas elegante. Se você é uma pessoa bagunçada como eu, isso pode causar dores de cabeça no início, mas também é uma parte importante do trabalho porque quando você envia o arquivo final para o cliente, ele precisa estar apresentável. Antes de verificar meu arquivo e como todas as camadas estão organizadas, penso em uma pessoa trabalhando no departamento de design da empresa com a qual estou colaborando. Bem, como essa pessoa abrirá meu arquivo e provavelmente trabalhará mais nele, quero ter certeza de que é fácil para ela entender o que eu fiz e se você colaborou em projetos de design Antes com outra pessoa, você provavelmente sabe como é divertido abrir um arquivo enorme que você passa horas decodificando. O ponto principal é organizar suas camadas. Você não precisa fazer isso enquanto trabalha no design, se isso o distrair do processo criativo, você pode fazer isso assim que terminar. organização organizada das camadas inclui nomear os grupos e camadas, excluir camadas ocultas desnecessárias e até mesmo colocar as informações adicionais no nome da camada. Em suma, cada arquivo de design terá uma estrutura e uma lógica diferentes. A melhor regra que você pode seguir ao organizar seu arquivo é perguntar a si mesmo o que posso fazer para tornar esse arquivo claro e compreensível para outra pessoa que o abrirá e o verá pela primeira vez? ? Abordamos o princípio fundamental do design de padrões nessas três lições. Falamos sobre o que torna um padrão coeso, o que o torna uma boa repetição e o que torna um padrão profissional? Se você não fez anotações no guia de aula em PDF, encontrará tudo o que falamos em uma breve lista de lembretes. Agora, antes de passarmos para a segunda parte da aula onde criaremos um design de padrão, quero sugerir uma ótima prática que você possa fazer. Use uma lista, use suas anotações, use tudo o que você aprendeu e imagine-se como um crítico de arte objetivo. Pegue alguns de seus designs de padrões anteriores dos quais você se orgulha e, seguindo esses princípios-chave, tente identificar o que há de bom neles que você possa fazer isso de novo intencionalmente. Além disso, pegue aqueles dos quais você não se orgulha e tente identificar seus pontos fracos para determinar as áreas nas quais você precisa trabalhar e melhorar. Com essa nova visão, você estará pronto para começar um novo design de padrões e elevar seu trabalho. 7. Padrão no Procreate: [MÚSICA] Agora é a hora de colocar em prática todos os princípios-chave sobre os quais falamos nas lições anteriores. Como mencionei na aula do guia de aula, a maneira como você assistirá essa parte depende do programa que você está usando. Se você estiver usando o procreate apenas para criar seus desenhos de padrões, você assistirá às lições 7 a 10. Se você quiser aprender a combinar o Procreate e o Photoshop, assista às lições 7 a 9 e depois 11 a 13. Antes de começarmos a desenhar, quero abordar algumas coisas importantes relacionadas ao Procreate e ao Photoshop. Meu método preferido atual ao criar padrões profissionais é combinar o Procreate e o Photoshop. Mas antes eu usava apenas o Procreate para criar muitos padrões que eu também licenciei. Se você está trabalhando apenas no Procreate no momento e não tem acesso ao Photoshop, seja porque a assinatura é algo que você não pode pagar no momento ou porque não tem um computador que pode lidar com arquivos grandes do Photoshop, saiba que é possível criar arquivos profissionais no Procreate, mas você precisa estar ciente dos problemas que podem encontrar e aprender como resolvê-los. O primeiro é um número limitado de camadas. Se eu estiver usando o Procreate para design de padrões, agora usarei uma tela de 18 por 8 polegadas em 300 DPI, que terá apenas 14 camadas disponíveis. Como meu estilo é bastante simples e em uma paleta de cores limitada, isso é possível para mim. Mas se você começar com 12 por 12 polegadas em 300 DPI com 36 camadas, tudo bem. O segundo problema é a perda significativa de qualidade ao girar elementos. Se você estiver criando padrões duplicando elementos e, em seguida, girando-os e movendo-os, ao ampliar, você verá que cada passo como esse diminuirá significativamente a qualidade do seu elementos. Para evitar isso, você sempre pode começar com um esboço ou um padrão de teste em que você pode duplicar, girar e mexer nos elementos o quanto quiser. Depois de ter essa base de esboço, você pode começar a trabalhar no design final do padrão sem mover muito as coisas. O terceiro problema é que tudo o que você coloca na borda do Canvas no Procreate é cortado, o que prejudica a capacidade de edição do arquivo padrão. Caso você precise reorganizar os elementos na borda, você não poderá simplesmente movê-los. Mas, novamente, nem tudo está perdido, você só precisa dedicar mais tempo a isso, dar alguns passos para trás e redesenhar esses elementos novamente. 8. P - ações personalizadas para gotejamento completo: [MÚSICA] Antes de começar a trabalhar no meu design de padrões no Procreate, quero mostrar a você como criar ações personalizadas completas que farão o processo de organização da amostra do padrão muito mais fácil , rápido e preciso. A propósito, na minha aula anterior, Half Drop Patterns in Procreate: Complex Elements and Custom Actions, mostrei como criar ações personalizadas para uma repetição de meia gota. Verifique isso se você também estiver interessado nesse método. Vou abrir uma nova tela em 18 por 18 polegadas e 300 DPI. Se precisar de mais camadas, você também pode usar 12 por 12 polegadas e 300 DPI. Vou ativar a guia de desenho. Vá para editar e defina o tamanho da grade para o máximo. Depois de fazer isso, vou soltar a cor em uma camada, selecioná-la e, em seguida, encaixar, vou me certificar de que o encaixe e o magnetismo estejam ativados. Vou pegar esse bloco de cores e arrastá-lo para baixo até que seja colocado na linha horizontal do meio. Essas diretrizes amarelas que aparecem indicam que eu as coloquei corretamente e agora posso desmarcá-las. Vou abrir uma nova camada e soltar outra cor. Vou selecionar esse bloco de cores e posicioná-lo na metade superior do quadrado. Assim como antes, vou me certificar de que ele se encaixa no lugar e desmarcá-lo. Posso agrupar essas duas camadas que mais tarde se tornarão ações personalizadas horizontais. Então eu posso duplicar esse grupo e girá-lo em 90 graus. As camadas desse grupo se tornarão ações personalizadas verticais. Vou desligar um grupo por enquanto e abrir o outro. Vou selecionar a primeira camada e tocar nela para acessar esse menu pop-up, onde tocarei em “Selecionar”. No menu inferior, agora posso tocar no ícone “Coração” para Salvar e carregar e tocar no ícone “Mais” para adicionar minha primeira seleção, que usarei como uma ação personalizada posteriormente. Vou desmarcá-la pressionando o ícone “S” na parte superior e farei a mesma coisa para o próximo retângulo horizontal. Toque na camada, selecione Salvar e carregar e adicione a segunda seleção. Depois de fazer isso, posso excluir esse grupo e ativar o grupo vertical. Vou simplesmente repetir o mesmo processo para os dois retângulos verticais. Depois de terminar, também posso excluir esse grupo. Agora, quando vou ao menu de seleção, Salvar e carregar, você pode ver que salvei quatro ações personalizadas diferentes. Essas ações pertencerão apenas a essa tela específica. É por isso que gosto de usá-lo como base inicial para os padrões que estou criando no mesmo tamanho de tela. Vou renomeá-lo e preservá-lo como está. Em seguida, basta duplicá-lo sempre que eu estiver iniciando um novo projeto de design. Deixe-me mostrar rapidamente como essas ações personalizadas funcionam. Vou fazer um padrão pontilhado muito simples. Vou preencher a tela sem cruzar as bordas. Quando terminar, criarei uma camada de cor e colocarei embaixo da arte. Ele servirá como plano de fundo colorido, mas, o mais importante, servirá como espaço reservado para ações personalizadas. Sem isso, as ações personalizadas não funcionarão corretamente, então não se esqueça delas. Agora vou agrupar essas duas camadas e selecionar o grupo. Vou pressionar o ícone “Seleção”, ir para Salvar e carregar e tocar em “Seleção 1". Agora posso tocar no ícone “Seta” para transformar e virar a seleção verticalmente. Para desmarcá-la, tocarei na seta novamente. Vamos fazer a mesma coisa com o outro. O grupo já está selecionado. Vou tocar em “Seleção”, “Salvar e carregar”, “Seleção 2", transformar e virar verticalmente. Agora eu tenho esse espaço vazio no meio da tela que vou preencher. Depois de fazer isso, posso usar as outras duas ações personalizadas. Vou selecionar o grupo novamente, tocar no ícone “Seleção”, “Salvar e carregar”, “Seleção 3", transformar e virar horizontalmente. Eu farei a mesma coisa com o outro. Tudo o que resta a fazer é preencher esse espaço vazio no meio e minha amostra de padrão simples está pronta. Vamos testá-lo. Vou duplicar o grupo e nivelá-lo. Agora posso duplicar essa imagem três vezes porque preciso de quatro imagens no total. Vou selecionar cada camada e reduzi-la em um quarto. Vou garantir que todos se encaixem corretamente e que a repetição do padrão apareça. Neste momento, eu gostaria de verificar se a repetição tem algum erro. Isso indicará se as ações personalizadas foram feitas corretamente. Parece muito bom. Agora estamos prontos para a próxima lição, onde começarei a fazer um esboço para o meu design de padrões. 9. P - esboço de padrões: Agora é a hora de começar a trabalhar em um esboço de padrão. O padrão que vou fazer é um padrão floral complexo que tem muitos motivos diferentes que estão formando minicomposições florais. Agora você pode ver como ficará o design final. Este é um pequeno vislumbre do futuro fornecido a você por filmagem e edição. Mas neste momento, estou praticamente diante de uma tela em branco, mas tenho uma ideia sólida do que quero alcançar e farei isso seguindo todos os princípios-chave que falamos sobre a primeira parte da aula. De imediato, uma pequena nota, sei que muitos designers de padrões gostam ilustrar os elementos do padrão e depois usá-los como uma colagem que eles moverão para organizar a amostra do padrão. Quando se trata desses tipos de padrões florais complexos, eu pessoalmente gosto de desenhar à mão toda a amostra do padrão manualmente porque, na minha experiência, esse método funciona melhor quando me permite para criar diversidade e uma conexão muito natural entre os elementos. Começarei duplicando a tela de ações personalizadas e renomeando-a. Como lembrete, esta é uma tela de 18 por 18 polegadas em 300 DPI. Eu gostaria de começar posicionando primeiro os elementos mais proeminentes. Nesse caso, as flores grandes. Criar isso como base me ajuda muito na organização e composição geral dos elementos. Em seguida, começarei a apresentar os elementos secundários, folhas e galhos. Vou avaliar a composição geral e ajustá-la à medida que avança. Neste momento, estou pensando em várias coisas ao mesmo tempo. Estou pensando na escala dos elementos e como eles se encaixam uns nos outros. Tudo precisa parecer equilibrado e ter um fluxo coeso. Estou me certificando de que galhos e folhas estejam curvos e apontando em direções diferentes. Também estou procurando criar diversidade colocando elementos diferentes um ao lado do outro. Embora eu tenha criado tantos padrões antes, esse primeiro passo sempre parece novo e desafiador. Você tem o conhecimento e as ideias do que deseja alcançar. Mas quando você começa a desenhar, tudo se torna um jogo interessante. É como criar e resolver um quebra-cabeça ao mesmo tempo. Com a experiência, você só se torna mais consciente dos obstáculos que precisa resolver e um pouco mais rápido para encontrar soluções para resolvê-los. Para mim, a fase de esboço é a parte mais importante da criação de padrões e, naturalmente, ocupa a maior parte do meu tempo. Consiste em repensar, apagar, redesenhar, aumentar ou diminuir a escala, mover os elementos e assim por diante. É por isso que mantenho meu esboço áspero e não refinado. Sei que farei muitas mudanças à medida que avança até alcançar o resultado desejado. Como esse esboço parece menos precioso em comparação com as ilustrações finais, não me importo de excluir partes dele e alterá-las completamente, se necessário. Quando a tela inteira estiver quase preenchida sem cruzar as bordas, concentrarei minha atenção na composição geral para garantir que o espaço entre os elementos esteja uniformemente espalhado e que tudo tenha um fluxo agradável e coeso. Estou muito feliz com esse esboço inicial e agora posso usar as ações personalizadas para virar a tela e abrir espaço para novos elementos. Vou abrir uma nova camada e remover a cor. Como mencionei antes, essa camada de cor é um espaço reservado para ações personalizadas e elas não funcionarão corretamente sem ela. Estou colocando-o na parte inferior e posso criar um grupo. O grupo está selecionado e eu posso usar a primeira ação personalizada, Seleção, Salvar e Carregar, Seleção 1, e invertê-la verticalmente. Eu farei o mesmo com o outro. Salve e carregue, Seleção 2 e vire-o verticalmente. Agora posso voltar para minha camada de esboço e continuar desenhando. À medida que os padrões progridem lentamente e você adiciona mais elementos a eles, todo o processo pode se tornar um pouco restritivo. Pode parecer que você tem menos espaço e menos liberdade para criar uma boa composição. É bom lembrar que você não está realmente limitado ao pequeno espaço vazio porque sempre pode apagar ou reorganizar os outros elementos existentes até que tudo se encaixe perfeitamente. Depois de preencher essa parte, usarei ações personalizadas novamente. Vou selecionar o grupo, Salvar e carregar, Seleção 3 e invertê-lo horizontalmente. Eu farei a mesma coisa para a Seleção 4. Vou preencher a parte central com outra composição floral. Acho que vai se encaixar bem com o resto. Vou redesenhar os elementos ao redor deles para obter um fluxo contínuo. Como você pode ver agora, fico com algum espaço vazio nas partes superior e inferior. Por isso, usarei ações personalizadas mais uma vez. Desta vez, vou usar as Seleções 1 e 2 e invertê-las verticalmente. O esboço do padrão está quase pronto. Eu só preciso preencher essa pequena lacuna no centro. Depois de terminar, é hora de ver como tudo fica em uma repetição. É o teste definitivo e mostraremos todos os erros. Assim como fiz com o teste de padrão na lição anterior, vou duplicar um grupo, nivelá-lo duplicar a imagem para que haja quatro no total. Em seguida, selecione cada um deles e diminua-o em um quarto certificando-se de que ele se encaixe perfeitamente no lugar. Agora que você pode ver o esboço repetidamente, reserve um tempo para observar tudo como um todo. A composição geral é boa? Existe algo que não parece certo? Aperte os olhos e observe. Tente ver se algo está chamando sua atenção e afastando você de um bom fluxo unificado da repetição. Quando detecto o erro, abro uma nova camada, escolho uma cor distinta e a circulo. Eu quero mudar isso. Esse é um erro bastante óbvio em apenas um ponto e será fácil encontrá-lo quando eu voltar ao esboço do padrão principal. Mas se eu tivesse muitos erros diferentes em partes diferentes, não seria tão fácil controlá-los, então isso é o que eu faria nesse caso. Depois de circular o erro, pelo menos em um quarto, não em todos os quatro, como fiz neste exemplo, primeiro mesclaria essas quatro imagens padrão e as agruparia com a camada no topo onde eu fiz minhas marcas roxas. Depois que o grupo for selecionado, posso tocar em Transformar e pressionar um canto para alterar o tamanho. Meu objetivo é fazer um teste de repetição de padrões com marcas de erro no tamanho original da amostra. Como reduzimos a escala para testar, a repetição aumentará para que ela volte a ser como era. Vou dobrar o tamanho em vez de 5.400, vou adicionar 10.800. Agora, quando eu desligo a imagem de repetição de padrões que usamos para o teste e ativo o grupo principal de esboços de padrões em que estou trabalhando, você verá que uma marca roxa mostra claramente a parte I. precisa mudar. Como mencionei, se você tiver muitos erros diferentes, essa técnica será útil. Agora vou apagá-lo e refazer essa parte do padrão até que tudo se encaixe corretamente. Vou fazer outro teste, como fizemos antes. Estou muito feliz com esse. Parece muito melhor. Agora tenho uma base muito boa e sólida e posso começar a criar o padrão final. Eu já disse isso antes e vou dizer de novo. Fique nessa fase de esboço pelo tempo que precisar, é sua zona segura e nada é precioso. Vá e volte, apague e exclua e faça quantas alterações precisar até que tudo dê certo. A propósito, se você estiver usando apenas o Procreate para esse design de padrão, na próxima lição, começaremos a trabalhar no padrão final. Se você estiver combinando o Procreate e o Photoshop, ele pode ir para a Lição 11 para continuar. 10. P - Padrão final no Procreate: [MÚSICA] Nesta lição, vamos criar a amostra final do padrão. A base do esboço está definida e agora posso começar a ilustrar. Para manter esse arquivo profissional e editável, estou ilustrando em camadas. Cada cor está em uma camada separada. As camadas são organizadas pela posição dos elementos. Ter uma base sólida de esboço como ponto de partida torna tudo muito mais fácil. Na fase de esboço, resolvi muitos obstáculos criados e criei uma estrutura que agora posso levar para o próximo nível. Mais importante ainda, não estou ficando sobrecarregado com tudo de uma vez. Agora posso refiná-lo ainda mais e me concentrar nos detalhes da ilustração. As flores terão um contorno semanal sutil e as folhas e galhos terão formas definidas. Também estou focando na paleta de cores e no arranjo de cores. Quero criar algo suave e sutil, mas ainda colorido e divertido. Estou usando três cores pastel diferentes , mas semelhantes para todas as flores. Eu quero que eles sejam unificados visualmente. Também estou pensando em como dispersá-los uniformemente para obter uma composição de cores equilibrada. Perfeitamente, a flor principal nunca estará próxima a outra na mesma cor para evitar aglomerados de cores. Estou mantendo as folhas e galhos em uma cor verde que tem um bom contraste com as flores e fornece uma boa base, mas não as supera. Embora as folhas e os galhos sejam da mesma cor, eles não são nem um pouco chatos nem fio dental. O que os torna interessantes são essas belas formas e linhas curvas dispostas, modo que apontam em direções diferentes. Em uma repetição, eles proporcionaram bom fluxo e movimento, mantendo tudo unido em equilíbrio. Além dessas cores, apresentarei detalhes amarelos espalhados por todo o padrão. Vou preencher o centro das flores com ela, usá-la como brotos dos meus galhos menores e também preencher alguns espaços vazios entre os elementos. É um detalhe bonito, um toque de cor que tem um bom contraste e pode brilhar em todo o padrão e adicionar mais diversão. Vou terminar tudo adicionando detalhes de linha nas folhas. Depois que tudo estiver pronto no primeiro Canvas, usarei ações personalizadas para invertê-lo. Como você notará, suas ações personalizadas girarão dependendo de como sua tela é girada. Não faz diferença. Eles funcionam da mesma forma. Você pode escolher se deseja usar as Seleções 1 e 2 ou Seleções 3 e 4, dependendo da parte do padrão que você deseja trabalhar em seguida. Eu ainda estou usando as mesmas camadas de cores e estou me certificando de que tudo está correto. Quando essa parte estiver concluída, usarei outro conjunto de ações personalizadas e continuarei da mesma forma. Você pode ver que eu tenho apenas uma folha na parte inferior que precisa ser finalizada. Usarei ações personalizadas mais uma vez para alcançar essa parte. É isso mesmo. A amostra do padrão está completa. Essa é definitivamente a melhor parte de todo o processo e nunca é entediante ver o padrão finalizado e repetir. Como não consigo duplicar todas as camadas para criar a imagem de teste porque não tenho camadas suficientes disponíveis, vou apenas salvá-la como JPEG e adicionar a imagem salva. Vou duplicá-lo, então eu tenho quatro no total. Em seguida, posso selecionar cada um e reduzi-lo em um quarto, garantindo que ele se encaixe corretamente. Vou desligar as guias e você poderá ver a repetição final. É muito lindo. Tudo funcionou muito bem. Mais tarde, talvez eu brinque com paletas de cores para ver o que posso criar. Mas eu também gosto do jeito que está agora, e é assim que vou mantê-lo. Na próxima lição, mostrarei como eu combino Procreate e o Photoshop e explicarei por que adoro usar os dois nos padrões que crio atualmente. Se você não planeja usar o Photoshop em um futuro próximo, pode pular essas aulas e ir direto para a Lição 14, onde mostrarei como preparo meus desenhos de padrões para que eu possa mostre-os aos clientes. 11. Padrão no Procreate e Photoshop: [MÚSICA] Vamos falar rapidamente sobre a colaboração entre o Procreate e o Photoshop. Na lição 7, falei sobre o Procreate e alguns obstáculos que ele apresenta quando você o usa para design de padrões. Também forneci soluções criativas para esses problemas, porque é possível criar até desenhos de padrões complexos usando apenas o Procreate. Mas se você puder investir em uma assinatura do Photoshop e um computador que possa lidar com esses tipos de arquivos, eu digo que vá em frente. Se você já tem, isso é ótimo porque nessas lições eu vou te mostrar meu fluxo de trabalho do Procreate e do Photoshop. Antes de começarmos, veja como e por que estou combinando o Procreate e o Photoshop. Estou usando o Procreate, um iPad basicamente como meu tablet de desenho. Se eu estiver trabalhando em repetições simples como essa, eu uso o Procreate para esboçar e ilustrar elementos de padrões individuais, que posteriormente coloco no Photoshop para organizar a repetição final. Agora, se estou criando um design de padrão floral complexo como o que estou trabalhando agora, gosto de esboçar manualmente todo o padrão, repita no Procreate para que todos os elementos naturalmente se encaixam um com o outro. Depois, posso fazer ilustrações de padrões finais no Procreate e colocá-las no Photoshop. Dessa forma, meu arquivo se torna mais profissional e facilmente editável. Posso fazer alterações e ajustes adicionais, se necessário. Posso criar facilmente testes de padrões e também criar uma organização de camadas organizada. Em suma, com o Photoshop, tenho mais controle e flexibilidade nessas etapas finais. Além disso, o Photoshop resolve todos os obstáculos do Procreate que mencionei antes. Ele pode funcionar em tamanhos e resoluções maiores. Não há limites para o número de camadas que você está usando. Se você decidir girar e duplicar elementos e movê-los, perda de qualidade estará presente, mas em comparação com o Procreate, ela será significativamente menor. Finalmente, os elementos que você coloca na borda da tela para repetir não serão recortados. Além disso, o Photoshop tem alguns recursos incrivelmente úteis, como o Pattern Preview, que permite organizar o padrão de forma que vejamos a repetição geral em tempo real. Abordei o Pattern Preview na minha aula: Narração de histórias em Design de padrões: ilustre um padrão narrativo. Se você estiver interessado nisso, confira mais tarde. 12. P&Ph - elementos de teste padrão no Procreate: Agora que a base do esboço dos padrões está definida e concluída, posso começar a ilustrar os elementos. Em vez de finalizar todo o padrão aqui no Procreate, criaremos os elementos finais do padrão em algumas telas separadas que poderemos enviar posteriormente como arquivos PSD para o Photoshop. Para manter esse arquivo profissional e editável, estou ilustrando em camadas. Cada cor está em uma camada separada e as camadas são organizadas pela posição dos elementos. Ter a base sólida do esboço como ponto de partida torna tudo muito mais fácil. Na fase de esboço, vendi muitos obstáculos criativos e criei uma estrutura que posso levar para o próximo nível. Mais importante ainda, não estou ficando sobrecarregado com tudo de uma vez. Agora posso refiná-lo ainda mais e me concentrar nos detalhes da ilustração. As flores terão um contorno sutil e ondulado, e as folhas e galhos definirão as formas. Também estou focando na paleta de cores e no arranjo de cores. Quero criar algo suave e sutil, mas ainda colorido e divertido. Estou usando três cores pastel diferentes , mas semelhantes para todas as flores. Eu quero que eles sejam unificados visualmente. Também estou pensando em como dispersá-los uniformemente para obter uma composição de cores equilibrada. Perfeitamente, a flor principal nunca estará próxima a outra na mesma cor para evitar aglomerados de cores. Estou mantendo as folhas e os galhos em uma cor verde que tem um bom contraste com as flores e fornece uma boa base , mas não as supera. Embora as folhas e os galhos sejam da mesma cor, eles não são nem um pouco achatados ou enfadonhos. O que os torna interessantes são essas belas formas e linhas curvas dispostas forma que apontem em direções diferentes. Em uma repetição, eles fornecerão um bom fluxo e movimento enquanto mantêm tudo unido em equilíbrio. Além dessas cores, apresentarei detalhes em amarelo que espalharei por todo o padrão. Vou preencher o centro das flores com ela, usá-la como brotos de meus galhos menores e também preencher alguns espaços vazios entre os elementos com ela. É um detalhe bonito, um toque de cor que tem um bom contraste e pode brilhar em todo o padrão e adicionar mais diversão. Vou terminar tudo adicionando detalhes de linha nas folhas. Todos os elementos desta tela estão finalizados. Essa tela é meu primeiro grupo de elementos e eu quero preservá-la como está. Antes de começar a usar ações personalizadas para inverter as coisas, voltarei à galeria e a duplicarei. A segunda tela será meu segundo grupo de elementos, e essa é a tela na qual continuarei trabalhando agora. Vou selecionar o grupo e usar ações personalizadas para invertê-lo, como mostrei antes. Como você notará, suas ações personalizadas girarão dependendo de como sua tela é girada. Não faz diferença, eles funcionam da mesma forma. Você pode escolher se deseja usar Seleções 1 e 2 ou as Seleções 3 e 4, dependendo da parte do padrão que você deseja trabalhar em seguida. Antes de começar a ilustrar o novo grupo de elementos, preciso fazer alguma ordem em camadas. Como cada tela separada terá um grupo separado de elementos diferentes, mesclarei os elementos anteriores em uma camada e manterei apenas a camada de esboço na parte superior e no plano de fundo camada na parte inferior. A camada com os elementos anteriores agora pode ser configurada para diminuir a transparência e servir como um simples lembrete do que já foi feito. Assim como antes, continuarei ilustrando esses novos elementos em novas camadas separadas. Depois que essa parte estiver pronta, vou me certificar de que tudo está correto. Mais uma vez, vá até a galeria, preserve essa tela e duplique-a. Agora estou criando o terceiro grupo de elementos no qual posso trabalhar. Assim como antes, quando estiver nessa nova tela, recuperarei a transparência do elemento Grupo 1 e mesclarei todas as camadas, exceto o esboço e o plano de fundo. Agora posso selecionar esse grupo e usar outro conjunto de ações personalizadas para invertê-lo. Eu diminuirei novamente a transparência da camada com os elementos anteriores e começarei a ilustrar novos elementos em novas camadas separadas. Quando terminar, posso mais uma vez ir à galeria para preservar esse grupo de elementos como está. Vou duplicá-lo e criar o quarto e último grupo de elementos. Vou repetir o mesmo processo novamente. Vou trazer de volta a transparência da camada que contém os elementos anteriores e mesclá-la com os outros elementos que eu criei. Vou selecionar o grupo e usar ações personalizadas para invertê-lo. Você pode ver, há apenas uma folha no centro que precisa ser ilustrada. Vou diminuir a transparência da camada mesclada e ilustrar o elemento de padrão restante. É isso mesmo. Todos os elementos do padrão estão finalizados. Quando volto para a galeria, tenho quatro telas diferentes contendo quatro grupos de elementos diferentes que posso colocar no Photoshop onde organizarei o padrão final. Vou voltar para cada grupo, exportá-lo como um arquivo PSD e enviá-lo para o meu computador. Na próxima lição, mostrarei como eu crio um padrão final no Photoshop usando e organizando esses elementos. 13. P&Ph - Padrão final no Photoshop: Os arquivos PSD do Procreate estão no meu computador e agora posso começar a organizar os elementos e criar a amostra final do padrão no Photoshop. Eu tenho esses quatro arquivos PSD em uma pasta e vou abrir cada um deles no Photoshop. Depois de fazer isso, posso abrir um novo Canvas no mesmo tamanho do meu Canvas padrão Procreate, que tem 18 por 18 polegadas em 300 DPI. Primeiro, vou ao padrão Elements 1 e seleciono todas as camadas, copio-as, “Command C”, e volto para minha tela principal e cole-as, “Command V”. Vou renomear rapidamente esse grupo e, em seguida, tirar o esboço do grupo , colocá-lo na parte superior e bloqueá-lo. Esse esboço me ajudará a organizar o resto dos elementos para que você queira mantê-los separados. Também vou tirar a camada de cor, colocá-la na parte inferior e travá-la também. A próxima coisa que eu quero fazer é acessar esse menu de hambúrguer na janela da camada para que eu possa alterar a visualização de todas as camadas. Vou selecionar Opções do painel e definir o tamanho da miniatura como médio e o conteúdo da miniatura para os limites da camada. A visualização das camadas é um pouco maior agora, o que torna muito mais fácil ver qual elemento está em qual camada, especialmente porque eu não as nomeei. próximo passo na minha lista de tarefas é verificar cada camada usando a ferramenta de seleção. Você pode ativá-lo pressionando “V” no teclado. Estou fazendo isso por causa de uma pequena discrepância que acontece quando você coloca um arquivo PSD Procreate no Photoshop. Às vezes ocorre e outras vezes não. Ainda não descobri por que e quando, então sempre tenha em mente essa discrepância e corrija-a, se necessário. De qualquer forma, você pode ver isso claramente neste exemplo. Quando essa camada de pontos amarelos é selecionada, a seleção não está ao redor dos elementos, mas na verdade cobre toda a área da tela. Portanto, inclui muito espaço vazio desnecessário. Para resolver esse problema, preciso pressionar “L” para acessar a ferramenta Lasso e fazer uma seleção solta de todos os elementos da camada. Nesse caso, pontos amarelos. Depois que a área é marcada com a ferramenta Lasso, pressiono “Comando X” para cortar e “Comando V” para colar. Agora, se eu pressionar “V” para a ferramenta Seleção mais uma vez, você pode ver que toda a seleção está ao redor apenas do grupo de pontos amarelos, e não de toda a área da tela. Dessa forma, vou verificar cada camada com a ferramenta de seleção ativada. Vou usar a ferramenta Lasso para criar um caminho ao redor dos elementos e depois recortá-los e colá-los. A propósito, só preciso selecionar livremente com a ferramenta Lasso. Não precisa ser preciso. Só estou me certificando de me afastar um pouco dos elementos para não cortar acidentalmente algumas peças. A principal razão para fazer isso é ter um espaço de trabalho organizado. Se eu estiver selecionando e movendo elementos ou depois criando uma repetição, essas enormes áreas de seleção espaço vazio atrapalharão e ficarão muito confusas. Tudo isso está feito. Agora vou mudar o tamanho do Canvas para que você possa ver facilmente o que farei nas próximas etapas. Vou até a imagem e seleciono o tamanho da tela. Agora eu posso ver o tamanho do meu Canvas em pixels. É 5.400 por 5.400. Vou memorizar esse número ou anotá-lo porque precisarei dessas informações mais tarde, quando começar a criar a amostra do padrão e também quando decidir trazer o Canvas de volta ao seu tamanho original. Para torná-lo maior, vou usar 10.000 por 10.000 pixels. Você também pode fazer isso. Isso pode ser útil ao organizar os elementos nas bordas, pois você terá uma visão melhor do que está acontecendo. Portanto, você poderá criar um melhor plano de organização de elementos. Agora vou padronizar Elements 2 e pegar todos os elementos sem o esboço e as camadas de fundo. Não precisamos mais deles. Vou copiar e colar isso na prancheta principal. Vou girar os elementos, pressionar “Enter” para colocá-los e depois “Comando G” para agrupar todas essas novas camadas. Vou renomear o grupo e posicioná-lo abaixo do esboço. Isso agora se torna um jogo de quebra-cabeça. Precisamos encaixar as peças que faltam. Esse grupo estará no lado direito da amostra, mas eu preciso invertê-lo primeiro. Vou até Editar, Transformar e virar horizontalmente. Agora, posso posicioná-lo corretamente seguindo as linhas do esboço. Antes de continuarmos, mudarei rapidamente cor do plano de fundo para que você possa ver claramente a área de amostra dos padrões. A propósito, se eu abrir esse grupo e selecionar cada camada com a ferramenta de seleção ativada, você poderá ver que as áreas selecionadas estão corretas. Eles estão ao redor dos elementos e não há espaços vazios incluídos. Isso significa que não preciso lidar com o mesmo problema de seleção que fiz no início. Agora vamos ao padrão Elements 3 para copiar os novos elementos e colá-los na prancheta principal. Assim como fizemos antes, vou rotacioná-los. Pressione “Enter” para colocá-los, agrupar e renomear o grupo também. Agora, você pode ver que este não pode ser posicionado como está. Uma parte caberá no lado esquerdo enquanto a outra caberá no lado direito. Não há nada de estranho nisso. É por causa da forma como invertemos a amostra de padrões no Procreate usando ações personalizadas. Para resolver esse problema, vou abrir o grupo e usar a ferramenta Lasso para separá-lo em dois grupos. Vou começar com as folhas. Lace as peças que eu preciso, corte e cole, o que criará uma camada separada. Eu farei o mesmo com todas as camadas. Quando terminar, vou até a janela Layer e selecionar todas as novas camadas de recorte que criei e pressiono “Comando G” para agrupá-las. Vamos nomear esses elementos 3.1 e colocá-los fora do grupo. Agora, posso trocar seus lugares e posicioná-los corretamente. Só falta um elemento. Vou até Elements 4, seleciono e copio a folha e depois cole-a na prancheta principal e a posicionarei corretamente. Em vez de agrupá-lo sozinho, vou adicioná-lo ao grupo Element 3.1 ao qual ele pertence. Agora terminei de colocar e posicionar todos os elementos do padrão corretamente, mas isso não significa que eu terminei. Neste ponto, quero me concentrar em como organizar logicamente todos esses elementos. O que quero dizer com isso é que quero organizá-los para que eu possa facilmente repetir os elementos nas bordas e completar a amostra do padrão sem torná-la confusa e complicada. Por outro lado, quero fazer esse arranjo lógico de elementos para criar um arquivo de padrão profissional que tenha uma organização de camadas organizada. Há duas abordagens principais que eu uso. A primeira abordagem é pegar uma ferramenta Lasso e separar cada elemento em sua própria camada. Então eu colocaria esses elementos em pequenos grupos lógicos. Nesse caso, grupos de pequenas composições florais. Essa é a abordagem que eu usaria se estivesse criando todo o arranjo de padrões no Photoshop. Dessa forma, eu teria mais liberdade para mover e girar elementos ou grupos individuais até encontrar uma boa composição repetida. Isso também é algo que estou mostrando na minha aula: contar histórias e desenhar padrões ilustram e narram melhor. Se você estiver interessado nessa abordagem, vá em frente e assista a essa aula mais tarde. Mas para esse padrão específico e todos os padrões que criei no Procreate como amostras repetidas finalizadas, estou usando a segunda abordagem. Como tenho o esboço completo e a disposição completa dos elementos, sei que não vou mover os elementos nem mudar drasticamente sua posição. Talvez eu faça apenas alguns ajustes, se necessário. Em vez de perder tempo cortando, colando e separando os elementos de antemão, vou simplesmente organizar tudo em grupos lógicos maiores. Nesse caso, o primeiro grupo lógico será o que está no centro e começarei renomeando-o. Este permanecerá como está, já que nenhum dos elementos desse grupo está cruzando as bordas do Canvas. Depois, posso me concentrar no lado direito da amostra do padrão. Quando ligo e desligo os dois elementos, você pode ver que ele cobre a maior parte do lado direito, mas não inclui todos os elementos dessa borda. Essas duas folhas também devem fazer parte dela. Além disso, eu também quero duplicá-los e colocá-los na borda superior direita. Só então todo o lado direito será concluído, e eu poderei duplicá-lo e repeti-lo no lado esquerdo assim que eles começarem a criar a repetição da amostra do padrão. Mas primeiro, vou renomear esse grupo para Direita, e depois vou encontrar as folhas que mostrei para vocês. Vou separar as folhas e contornos em novas camadas com a ferramenta Lasso e arrastar essas duas camadas para fora do grupo. Agora, preciso copiar essas camadas e movê-las para a borda superior direita da amostra. A propósito, a única razão pela qual estou fazendo uma cópia desse elemento em particular, e não farei isso para nenhum outro, é porque essas folhas são o único elemento que está cruzando todas as quatro fronteiras do a amostra do padrão. Eu realmente espero que isso faça sentido, mas se isso não acontecer, não se preocupe, em breve você verá como tudo se encaixará. Ambas as camadas estão selecionadas e agora posso duplicá-las, “Comando C”, “Comando V”. Enquanto as duplicatas são selecionadas, posso movê-las para a borda superior. Como preciso fazer isso com precisão para repetir o padrão correto posteriormente, usarei a ferramenta de transformação pressionando “Command T”. No menu do canto superior esquerdo, agora você pode ver os eixos x e y. Se você já criou padrões no Photoshop, já conhece essa ferramenta porque ela é indispensável para fazer uma amostra repetida. Mas aqui está um lembrete rápido de como isso funciona, X é o eixo horizontal. Usando menos, podemos mover objetos para a esquerda e, usando mais, podemos movê-los para a direita. Y é o eixo vertical. Usando menos, podemos mover objetos para cima e, usando mais, podemos movê-los para baixo. Neste canto superior esquerdo, você pode ver que x e y já têm alguns números. Esses números indicam onde o objeto que eu selecionei está localizado atualmente. Como eu quero movê-lo corretamente na borda da amostra do padrão, preciso usar o tamanho do meu Canvas original em pixels. Neste canto inferior esquerdo, estão os números do meu Canvas atual e grande, quais eu não preciso. Mas se você se lembrar, antes de aumentar o Canvas, eu memorizei e reduzi o tamanho original do meu Canvas padrão, que é de 5.400 por 5.400 pixels. Então, esses são os números que vou usar. No eixo y, vou digitar menos 5.400 e pressionar “Enter”. Como você pode ver, as folhas estão posicionadas perfeitamente. Agora posso selecionar essas duas folhas e adicioná-las ao grupo certo. Agora, o grupo à direita tem todos os elementos necessários, mas também alguns adicionais. Esse ponto amarelo pertence ao grupo central, e esse galho verde e flor azul pertencem ao grupo inferior. Eu farei a mesma coisa de antes. Vou usar a ferramenta Lasso para recortar e colar esses elementos em novas camadas. Em seguida, vou arrastá-los para fora do grupo, selecioná-los e, sem fazer duplicatas desta vez, pressionarei “Comando T” novamente para a ferramenta de transformação e, no tipo de eixo x menos 5.400, a ramificação é posicionado. Agora vou fazer a mesma coisa o ponto amarelo e colocá-lo no grupo central. Vamos organizar os elementos que estão na borda inferior da amostra do padrão. Eu tenho esses dois elementos que estão no lado direito e devem ser colocados no lado esquerdo. Primeiro de tudo, vou desagrupar todos esses grupos de elementos antigos. Não preciso mais deles e, assim como fiz antes, vou recortar e colar esses elementos em novas camadas e reposicioná-los. Feito isso, posso agrupar todas as camadas na parte inferior e nomear o grupo para baixo. Como você pode ver, agora eu tenho três grupos lógicos abaixo, à direita e no centro. Estou quase pronto para fazer uma amostra final de padrão. Mas antes de fazer isso, tenho que arrumar um pouco. As camadas dentro dos grupos estão um pouco confusas e, antes de duplicar ou mover qualquer coisa, quero criar uma organização de camadas organizada. Vou até cada grupo e mesclarei as mesmas camadas. Então, por exemplo, esse único ponto amarelo que eu movi aqui antes será mesclado com um grupo de outros pontos amarelos. É importante observar que eu nunca vou mesclar camadas diferentes, somente as mesmas camadas no mesmo grupo. A maneira mais fácil de fazer isso é selecionar uma camada, segurar “Command” e selecionar outra camada e assim por diante, uma vez que todas as camadas que você está mesclando estejam selecionadas, basta pressionar “Comando E” para mesclar. Neste ponto, ao criar uma organização de camadas organizada e mesclar as mesmas camadas, também estou me certificando de que tudo esteja posicionado corretamente. As folhas estão para baixo e as flores para cima. Depois de terminar, posso começar a criar uma amostra final de padrão repetindo os elementos nas bordas. Em primeiro lugar, mudarei o preenchimento da cor para minha cor de fundo original e excluirei a camada de cor anterior. Agora, posso ir para Imagem, tamanho da tela e converter essa tela para o tamanho da amostra do padrão original, que é de 5400 por 5400 pixels. Como passei um tempo organizando tudo em grupos lógicos, finalizar essa amostra de padrão será incrivelmente fácil. Eu tenho um grupo central que ficará onde está, e eu tenho grupos para baixo e para a direita que consistem em elementos nas bordas e agora vou duplicá-los e movê-los para preencher a esquerda e a parte superior partes da tela. Vou selecionar o grupo certo e duplicá-lo, “Comando C” e “Comando V”, e vou renomear essa duplicata para a esquerda. Enquanto estiver selecionado, posso pressionar T para transformar e, no eixo x, digitar menos 5400. Essa parte está pronta. Agora vou duplicar o grupo descendente e renomeá-lo para up, transform e no tipo de eixo y menos 5400. Agora posso excluir o esboço para ter uma visão melhor da amostra final do padrão. Você pode ver que neste canto superior esquerdo, eu tenho o posicionamento errado dos elementos. Essas folhas devem estar embaixo da flor e não assim. Mas o problema é que as folhas pertencem ao grupo central, que está no topo, e se eu colocá-las na parte inferior, isso não resolverá o problema. Porque agora o posicionamento errado das camadas é visível em outros lugares. Então, o que vou fazer para resolver esse problema é dividir o grupo central em duas partes. Uma parte será de flores, haverá na parte superior, e a outra parte serão folhas, que estarão na parte inferior, e pronto. A amostra do padrão está concluída. Tudo está posicionado corretamente, as camadas estão bem organizadas e agora vou salvar esse padrão. Na janela de padrões, selecionarei um grupo e pressionarei este ícone de adição para adicionar essa repetição de padrão. A única coisa que resta a fazer é testá-la e ver aparência geral da repetição e garantir que ela não tenha nenhum erro de repetição. Gosto de testar padrões em uma nova tela. Vou fechar esses arquivos PSD anteriores para que eles não atrapalhem. Vou abrir um novo arquivo no formato A4. Você pode realmente usar o que quiser. Agora vou abrir uma nova camada, clicar no ícone “Criar novo preenchimento” e pressionar “Padrão”. Agora posso selecionar minha nova repetição de padrão e reduzi-la. É bom testar seus padrões em uma escala menor para que você possa ter ideia do fluxo geral de repetição. Mas, em seguida, sempre amplie o zoom para ver se há algum erro, especialmente aqueles que podem ocorrer nas bordas da amostra. Tudo parece bom aqui e estou muito feliz com os resultados. O padrão é lindo e tudo funcionou bem. Talvez eu brinque com paletas de cores diferentes mais tarde, mas também gosto da aparência agora, então vou mantê-la como está. Na próxima lição, mostrarei como vou preparar essa repetição de padrão, que eu possa mostrá-la aos clientes. 14. Design pronto para promoção: O padrão está concluído, a parte criativa do trabalho está concluída. Você fez uma bela repetição de padrões que pode potencialmente funcionar em uma variedade de produtos. Seja tecido, papel de parede ou talvez produtos de papelaria. A questão é o que vem a seguir? O que eu sempre faço é arquivar meu padrão final para meu portfólio e , ao mesmo tempo prepará-lo de forma que eu possa mostrá-lo aos clientes, e é isso que vou mostrar nesta lição. Na seção de projetos e recursos, você pode baixar um arquivo PSD chamado Template Pattern Promotion. Agora vou abri-lo no Photoshop. Como você pode ver, este é um modelo muito básico que você pode usar e adaptar como quiser. Nesta camada de máscara de recorte, você pode inserir seu padrão e ele permanecerá dentro das bordas desse retângulo e você também pode usar as outras camadas de texto para adicionar suas próprias informações, informações padrão, e também altere as fontes. Para adicionar a repetição do padrão, selecionarei essa camada e, em seguida, poderei criar uma nova camada de preenchimento ou ajuste e tocar no preenchimento do padrão. Neste novo menu, selecionarei a repetição do padrão que já salvei na lição anterior e posso ajustar a escala. Não quero que seja muito grande ou muito pequeno, quero mostrar a repetição geral enquanto ainda mostro detalhes. A escala dependerá principalmente do tipo de padrão que você tem. Enquanto você ainda estiver no modo de preenchimento de padrões, basta selecionar um padrão e arrastá-lo até encontrar uma boa posição. Depois de fazer isso, você pode digitar o nome do padrão e, se ele pertencer a uma coleção, você também pode incluí-lo. Certifique-se de adicionar seu site e e-mail para que um cliente possa entrar em contato com você facilmente e, no lado direito, escreva seu nome ou nome de marca. Você pode realmente personalizar essa barra para atender às suas próprias necessidades. alguns designers não escrevem nomes de padrões, eles apenas usam uma certa combinação de letras e números, o que também é uma ótima ideia para uma classificação eficiente. Agora eu posso salvar esse modelo. Vou para Arquivo, Exportar e Exportar como imagem JPEG. O mais importante quando se trata de imagens que você usa para promoção é salvá-las em uma resolução mais baixa. O motivo principal é muito prático. Ao enviar esses arquivos de imagem por e-mail, você quer que eles tenham um tamanho menor. Na maioria das vezes, em vez de apenas uma imagem padrão, você envia algumas, para não sobrecarregar o e-mail com arquivos de imagem enormes. Outro motivo é a produção se você está enviando seu trabalho para as mídias sociais ou enviando-o como material promocional para clientes em potencial, é bom fazer isso em uma resolução menor. Vou definir a qualidade para quatro, essa tela já tem um tamanho bastante pequeno. Se eu mantiver a qualidade em quatro, minha imagem JPEG final terá um pouco menos de 200 kilobytes, o que é muito bom. Essa resolução é baixa, mas não muito baixa, então a imagem final ficará bonita sem ser pixelizada ou desfocada. Agora eu posso simplesmente tocar em Exportar para salvá-lo e pronto. A propósito, aqui está a aparência do meu modelo original com todas as informações e fontes ajustadas. Tudo bem, agora podemos passar para a próxima lição, onde falaremos sobre o tipo de arquivo que você enviará aos clientes depois de assinar um contrato de licenciamento. 15. Arquivo para clientes: [MÚSICA] Nesta lição, quero falar com vocês sobre o que acontece nessas etapas finais. Você criou o padrão, promoveu, um cliente gostou da sua impressão e queria licenciá-la. Você discutiu o que precisava ser discutido, encontrou o meio termo e assinou o contrato com o qual ambos estão satisfeitos. Agora, a questão é: que tipo de arquivo você deve enviar ao cliente após a assinatura do contrato? Além disso, como seu arquivo deve ser organizado e preparado para o cliente? Em primeiro lugar, nunca envio arquivos finais antes de assinar o contrato. Mas uma vez que eu assino o acordo, eu sempre envio arquivos PSD. Há esse equívoco recorrente entre os novos designers de padrões que surge do medo do uso indevido de arquivos. Eles não têm certeza se devem enviar o arquivo PSD final ou proteger sua arte enviando uma imagem PNG ou JPEG de alto risco. A resposta é que, depois de assinar o contrato, você sempre envia um arquivo PSD editável final. O relacionamento entre você e um cliente é determinado de antemão no momento em que você discutiu o preço, os termos e o contrato geral. Depois que vocês dois assinarem o contrato, seu relacionamento é estabelecido e vocês dois devem trabalhar juntos. Você está fornecendo sua arte como um arquivo PSD editável para que um cliente possa pegar esse arquivo e fazer ajustes adicionais. Eles podem ajustar as cores, alterar os perfis de cores ou criar uma escala de padrão diferente. Às vezes, pode acontecer que você licencie apenas uma ilustração e o cliente pegue essa ilustração e a transforme em uma repetição de padrão. Agora, vamos falar sobre como arquivo PSD final que você está enviando deve ser organizado. Na aula sobre o que constitui um padrão profissional, já falamos sobre as principais qualidades que um arquivo profissional deve ter. Ele precisa estar em um bom tamanho e alta resolução. Ele deve ser editável e também deve ter uma organização de camadas organizada. Durante toda a aula, enquanto criava meu padrão, segui todos esses princípios. Este arquivo tem um bom tamanho e resolução, é editável porque tudo está em camadas e pode ser ajustado e alterado. Esses dois são bastante óbvios e claros de seguir. Mas quando se trata de uma organização organizada de camadas, pode ser um pouco confuso porque depende do tipo de arquivo em que você está trabalhando. Como mencionei antes, a regra principal que você pode seguir aqui é perguntar a si mesmo o que posso fazer para tornar esse arquivo claro e compreensível para outra pessoa que o abrirá e o verá pela primeira vez? Quando se trata de organização de camadas para esse arquivo de padrões, decidi não nomear as camadas porque está bem claro o que está acontecendo lá. Em vez disso, organizei tudo em grupos lógicos e nomeei esses grupos. Para fazer uma pequena comparação, quero mostrar dois exemplos diferentes de organização de camadas para arquivos que eu já licenciei. Este é um design de padrão licenciado, neste caso, uma repetição de diamante. Você pode ver que eu criei uma organização de grupo lógico muito similar. É apenas um pouco ajustado para esse tipo de repetição. Eu tenho um grupo separado para os elementos da flor por causa de como eles se repetem e, em seguida, eu tenho um grupo para a composição central que é novamente dividido em subgrupos, dependendo da posição do motivo. Nesse arquivo, eu também não nomeei as camadas porque é bastante óbvio entender o que está acontecendo. A segunda é uma ilustração licenciada. Esse é um ótimo exemplo de uma organização de camadas mais detalhada com informações adicionais. Novamente, tenho grupos, um para folhas e outro para flores. Dentro dos grupos, as camadas são nomeadas. Além de nomeá-los, eu também especifico o modo de mesclagem para este e o nomeei folhas multiplicadas para indicar que ele precisa ser mantido nesse modo de mesclagem específico. O mesmo vale para o grupo de flores. Eu indiquei que a camada de flores permanecerá no modo de mistura normal. Você pode ver essas duas camadas adicionais na parte inferior. Se a camada de cor de fundo for branca, elas não serão necessárias. Mas se o cliente quiser mudar a cor do plano de fundo, eles são muito importantes. Essas camadas base criam um bom efeito de impressão incorreta de branco nas bordas quando o fundo é colorido. Se essa camada não existisse, a camada azul no modo de mesclagem de multiplicação teria uma cor diferente, o que não é algo que eu quero que aconteça. Ao adicionar essas informações adicionais, estou apenas tentando evitar qualquer possível confusão. Resumindo, existem muitas abordagens para a organização em camadas, mas o mais importante é mantê-la fácil de entender. 16. Considerações finais: [MÚSICA] Bem, pessoal, estamos no final desta aula. Foi uma jornada e tanto e eu só queria agradecer por passar tempo comigo e acompanhar a leitura. Espero que essa aula se torne um guia de criação de padrões, ao qual você possa consultar sempre que tiver dúvidas. Espero que tenha fornecido novos conhecimentos e exemplos que você possa seguir ao melhorar seu trabalho. Finalmente, espero que você se sinta encorajado e capacitado para concluir essa jornada completa enviando seus padrões aos clientes e licenciando suas obras de arte. Com tudo isso dito, se você está apenas começando sua carreira de design de padrões ou tem alguns anos de experiência, saiba que aprender, melhorar e descobrir novas coisas e técnicas um processo sem fim que torna nosso trabalho muito empolgante. Estou ansioso para ver seus projetos e ouvir sobre o que você aprendeu. A seção de projetos de aula sempre acaba sendo um lugar maravilhoso onde podemos mostrar nossa arte e celebrar uns aos outros. A propósito, eu adoraria ouvir o que você pensa sobre essa aula, então não deixe de avaliá-la e analisá-la. Como sempre, se você tiver alguma dúvida ou algo que eu estivesse fazendo e não estivesse claro, sinta-se à vontade para perguntar qualquer coisa na seção de discussão desta aula, e eu entrarei em contato com você assim que puder. Para ser notificado sobre minhas próximas aulas, siga-me aqui no Skillshare. Você também pode manter contato comigo no Instagram @DIUJDI. Estou lhe enviando muito amor e boas vibrações. vejo na próxima.