Design de padrões de superfície: crie um padrão reproduzível e editável no Procreate

1. Introdução: Oi lá. Sou Emily nova literalista. Sou um designer autodidata baseado em Gotemburgo, na Suécia. Adoro desenhar padrões divertidos e repetíveis no Procreate. Nesta aula, vou mostrar como criar padrões com cores editáveis no Procreate. Quando comecei a criar padrões no Procreate. E então sabíamos como torná-los editáveis. Então eu tentei, falhei e tentei novamente, e agora tenho uma técnica que realmente gostei. Durante o projeto. Quero que você crie e construa equipes de diário em diferentes camadas. Crie um padrão repetível a partir desses motivos. Em seguida, também mudou a cor do seu padrão. Imagine seus padrões em todos os tipos de variações de cores. Leitura fantástica. Esta classe é para designers de padrões de superfície iniciantes ou mais avançados que querem aprender uma maneira divertida e fácil de criar padrões que podem variar de cor usando o Procreate. Você está pronto para criar alguns padrões incríveis? Sim, vamos começar. 2. Projeto do curso: Durante o seu projeto de aula, você criará motivos e, em seguida, também padrões repetíveis e editáveis usando esses motivos, mostrarei minhas técnicas personalizadas para criar esses padrões. Cada lição é muito prática e você sempre terá a tarefa definida para trabalhar. Isso o aproximará do objetivo de criar um padrão repetível e, em seguida, também variar as cores do seu padrão. Escolhi este projeto porque, na maioria das vezes, vi que quando criamos padrões no Procreate, muitas vezes o fazemos de uma forma que não é editável. Pelo menos fiz isso quando comecei a criar padrões no Procreate. Eu poderia mudar a cor de fundo do peptídeo, mas nada mais. Não precisa ser assim. Você pode criar padrões no Procreate e variar a cor dos seus motivos tanto quanto quiser. Basta seguir as lições uma após a outra. E você acabará criando motivos e padrões repetíveis e editáveis, como esses. Vai ser incrível. Na próxima lição, mostrarei as ferramentas que usarei durante esta aula. Vejo você então. 3. Ferramentas: Antes de começarmos, eu só queria mostrar as ferramentas que vou usar durante esta aula. Este é o meu iPad Pro, quinta geração. Meu Apple Pencil. Segunda geração. Vou usar o aplicativo de desenho, Procreate versão 5 x. Eu encorajo você a aprender fazendo e tenha seu iPad, seu lápis e procriar, prontos para uso durante esta aula. Na próxima lição, veremos alguns motivos. Vejo você em breve. 4. Crie motivos: Ok, é hora de ver mais algumas dicas. Já preparei meus motivos. Eles estão na tela que é 1800 pixels vezes cem, dezentos e 800 pixels. Vamos dar uma olhada. Você pode ver aqui que eu dividi meus motivos em camadas diferentes. Isso é muito importante para depois poder mudar a cor dos seus motivos. E quando construí meus crocodilos e tentei ter a mentalidade de como eu poderia dividi-los nessas diferentes partes. Então eu escolho corpos, costas, rostos, bochechas fofas e alguma decoração. E antes da próxima lição, quero que desenhe seus motivos e os divida em camadas diferentes. Agora, escolhi o fundo, o corpo, as costas, o rosto e o núcleo. Você pode desenhar exatamente o que quiser. Eu realmente encorajo você a dividi-los em camadas diferentes para que seja muito mais fácil mudar a cor disso. Mais tarde. Ao criar seus motivos, certifique-se de tê-los dentro da tela e não contra as bordas. Certo? Eu realmente espero que você se divirta um pouco agora ao criar seus motivos. E te vejo em breve. 5. Prepare-o padrão: Você desenhou seus motivos? Sim, espero que sim. Agora é hora de preparar esses motivos para que possamos criar padrões deles. Mais tarde. Selecionaremos nosso arquivo de motivos, duplicá-lo. Vou renomeá-lo para ficar verde porque isso é para meus crocodilos verdes. Vamos entrar neste novo arquivo. Vamos desenhar para a direita, marcar todas essas camadas que queremos usar. Podemos manter o plano de fundo como uma camada separada. Esses que estão marcados, vamos agrupá-los, renomear esse grupo para baixo, para cima. Esta foi, na verdade, sua preparação. Então, antes da próxima lição, quero que você crie um novo arquivo com exatamente o mesmo tamanho. E nesse arquivo, deve haver um grupo. Seus motivos e você pode manter o plano de fundo como uma camada separada. Na próxima lição, vou te mostrar por que chamo esse grupo para baixo. Vejo você em breve. 6. Crie um padrão: É hora de criar esse padrão. Entramos em nosso arquivo padrão. Vamos adicionar uma nova camada e preenchê-la com cor escura. Diminuímos a opacidade para cerca de 50%. Essa camada nos ajudará a ver que o padrão foi criado corretamente. Mais tarde. Nós combinamos até o nosso grupo para baixo, para cima. Duplicamos esse grupo. Agora vamos começar a movimentar as coisas. Portanto, certifique-se de que o encaixe e a magnetics estejam ativados. Começaremos com os crocodilos para baixo, para baixo, até o meio. Você vê isso durante o meio quando ele fica laranja assim. Então, deixe-o ir lá. Nós derrubamos o outro, Up Group. E sim, vamos mover isso para cima, para cima, para cima, para cima. E aqui você pode ver agora que fomos longe demais. Agora fomos muito pouco. E você pode ver essas presas também, essa camada escura que foi adicionada. Então solte-o no meio. Ótimo. Agora vamos abrir esses grupos. Removeremos essa camada escura de ambos os grupos. Agora vamos mesclar o curso juntos. As bochechas juntas, rostos , costas e seus corpos. Agora temos um grupo aqui que está vazio. Podemos simplesmente remover esse. Vamos renomear o grupo para padrão. Certo, ótimo. Agora, para seguir em frente com nosso padrão, faremos algo semelhante. Adicionamos uma nova camada, preenchemos com cor escura, diminuímos a opacidade para cerca de 50%. Combine com nosso padrão agrupado. Duplicamos o grupo. Agora vamos mover as coisas ao redor. Então, novamente, certifique-se de que a magnetics e o encaixe ativados. Começamos a movê-lo para a esquerda. Aqui você também pode ver Miro semelhante. Pegamos o outro braço e depois movemos isso para a direita. Longe demais. Tarde demais. Não. Amino. Sim. Abrimos o grupo CAN remover a camada escura de ambos. Mescle a decoração G. do corpo G. E novamente temos um grupo completamente vazio que acabamos de remover. Legal. Esse é o padrão. Incrível. Na próxima lição, veremos como esse padrão se parece quando for repetido. Divirta-se agora. 7. Padrão de repetição: Ok, então agora que você tem seu padrão, vamos repeti-lo e ver como ele se parece. Para isso, criaremos uma nova tela, 3600 pixels vezes 3600 pixels. E vou chamá-lo de grade repetida. Podemos entrar em nosso arquivo padrão. Vamos duplicar nosso grupo de padrões e achatá-lo. Então também duplicaremos o plano de fundo. Então nós mesclamos esses juntos. Então agora temos uma imagem que copiamos. Vá para o nosso arquivo repetido, cole-o. Certifique-se de que a magnetics e o encaixe estejam ativados. Agora vamos movê-lo para movê-lo para que ele se encaixe. Também duplique. E um deles faz, é ótimo. Podemos mesclar isso, duplicá-lo e subir, subir, subir, subir, subir, subir. Certo? É assim que você pode repetir seu fator e ver como ele se parece. Na próxima lição, tentaremos fazer algumas alterações em nosso padrão. E antes disso, mostrarei algo que minha filha de cinco anos criou. E isso é apenas para lhe dar alguma inspiração. 8. Faça mudanças de padrões: Então, agora vamos tentar fazer algumas alterações em nosso padrão. Podemos começar selecionando e duplicando. E vamos movê-lo um pouco e renomeá-lo para atualizado. Fique verde. Agora vamos para dentro desse novo arquivo. Aqui está a imagem que criamos antes. Podemos simplesmente excluir isso. Se você quiser mudar algo que agora está fora das linhas, você pode fazer algumas coisas semelhantes a isso. Mas você só poderá movê-lo para a esquerda e para a direita. Não podemos movê-lo para baixo ou para cima. Normalmente, não mudo as coisas que estão no limite. Então, se eu quiser fazer algumas mudanças, costumo entrar na criação de meus motivos e faço as mudanças lá. Então, mesmo antes de começar com essa técnica de padrão para baixo, e pode levar um pouco mais de tempo. Mas é apenas parte da jornada para explorar e experimentar como você realmente quer que seus padrões sejam criados. Mas se você quiser mudar algo que está dentro do seu Canvas, esta é a oportunidade perfeita. Vou adicionar um pequeno crocodilo. Então, agora o item marcou a camada do corpo. Selecionaremos isso e o tornaremos o mais fácil possível. Então, apenas copiamos a pasta. E agora temos uma nova camada aqui. E faremos a mesma coisa até que tenhamos tomado todas as camadas que queremos ter em nosso novo crocodilo. E a razão pela qual eu não o movo. Só estou deixando a cópia colada estar onde ela está. Isso porque eu quero mover tudo de uma vez mais tarde para que ele fique no lugar certo. Então aqui temos alguns ursos novos. Passaremos o dedo para a direita e marcaremos aqueles que queremos usar. E então vamos nos mover assim. Legal. E eu estava pensando que estou girando a parte, algo assim. Agora podemos mesclar esses juntos. A árvore central, as bochechas, fase, as costas e os corpos. Certo? Então, antes da próxima lição, tentei fazer algumas alterações no seu padrão e ver onde você subiu. E então, é claro, veremos como isso parece quando se repete. Então divirta-se agora. 9. Repetição de padrão alterado: Agora vamos ver como esse padrão atualizado se parece quando ele é repetido. Criaremos uma nova tela. Isso é 3600 pixels vezes 3600 pixels. Vou chamar isso de P vermelho, e eles batem no verde. Ótimo. Agora podemos entrar em nosso arquivo padrão atualizado. Portanto, é muito parecido com o que fizemos antes. Duplicamos o padrão. Nós o achatamos. Duplicamos o plano de fundo para que possamos obter essa nova imagem. Nós copiamos isso. Vá para nosso novo arquivo, cole. Certifique-se de que a magnetics e o encaixe sejam todos. Agora nós o movemos, duplicamos e movemos este para a esquerda até que ele se encaixe. Nós os fundimos, duplicamos. E então, para cima, para cima, para cima, para cima, vamos até que ele se encaixe. Incrível. Então aqui temos muitos crocodilos super-duper. Então, agora, faça isso com seu padrão. E será muito divertido para mim também ver como parece mais tarde. Divirta-se. Vejo você em breve. 10. Faça alterações de cores: Agora é hora da parte quase mais divertida. Se você me perguntar, faremos algumas mudanças de cor em nosso padrão. Selecionarei esse padrão atualizado. Vou renomeá-lo para ficar rosa, porque agora terei alguns crocodilos rosa. Então eu entrei no arquivo. Podemos remover esse plano de fundo ou Sim, ele foi chamado de fundo, mas a imagem, desculpe. Então aqui temos todas as nossas camadas. Agora eu quero mostrar como você pode mudar de cor disso. Então eu escolhi os corpos. Agora, escolhi uma cor. Agora vamos pressionar Alpha Lock. Você vê que sua ajuda alfa bloqueia quando se parece com transporte. bloqueio alfa agora nos ajudará a colorir apenas os corpos de crocodilo. Opa, preencha a camada assim. Então, se nós, se não tivermos bloqueio alfa, a camada, tudo será pino. Então, seguirei a camada Ville. E vou mudar a cor de fundo, inchar. Aqui podemos pegar apenas a camada de preenchimento. As costas dos crocodilos. Certifique-se de ter, antes de pressionar Camada de preenchimento, certifique-se de ter a cor correta que você realmente deseja usar. Como essa camada de preenchimento. Talvez as bochechas também possam ser brancas. Na decoração. Vamos deixá-lo escuro. Camada de preenchimento de bloqueio alfa. Certo. Portanto, essa é uma ótima maneira, segundo mim, poder editar seus padrões e variá-los em cores tanto quanto você quiser. Então, agora, por favor, experimente isso com seu padrão. Você algumas cores muito, muito boas. Divirta-se. 11. Repit o padrão de alteração com cores: É hora de ver como nossos crocodilos cor-de-rosa se parecem quando se repetem. Criaremos novas câmeras, 3600 pixels vezes 3600 pixels. Nós chamamos isso de rosa repetido. Portanto, é muito semelhante ao que fizemos antes. Entramos em nosso padrão rosa. Duplique isso, achatando-o. Agora você vê que ele ainda tem um bloqueio alfa nele. Isso não é nenhum problema quando vamos criar essa imagem. Portanto, não se preocupe com isso. E copie para o novo arquivo onde colamos. E nós nos movemos. Mais uma vez. Isso é muito divertido ver como os padrões se tornam quando eles se repetem. Adorei isso. Talvez você ouça isso. Então, oh meu Deus, estes são meus crocodilos rosa. Eu os amava. Agora, você vê como seu padrão se parece quando ele é repetido. Certo, vejo você em breve. 12. Faça alterações 2: Certo, agora vamos tentar. Outra coisa quando se trata de mudar a cor do seu padrão, começará selecionando nosso padrão verde atualizado. Vamos apenas movê-lo. E vou chamar esse padrão de arco-íris. Legal, certo? Sim. Então, vamos entrar. Podemos remover essa imagem. E agora temos nosso padrão aqui. Como de costume. Eu só queria começar dizendo que estamos prestes a fazer alguns grupos de grupos. Isso é possível quando você cria seus motivos. Mas eu realmente acredito em eficiência e otimização. Então eu nunca faço nada a menos que eu realmente saiba que tenho que fazer isso. E é um pouco difícil saber que quando você cria seus motivos você quer fazer isso. Então eu costumo fazer isso com um, criei um padrão e quero mudar a cor de outra maneira do que fizemos antes. Então, o que faremos é marcar os corpos. E vamos pegar esse select, tomaremos um corpo. Na verdade, vamos guardá-lo e depois colar. Então, estará em outra camada. Podemos fazer isso com alguns dos corpos que queremos mudar a cor. Então corte, cole. Agora temos outro. Tomamos essa camada para que possamos fazê-lo em mais um corpo. Pegue este, corte, cole. Ok, então agora temos quatro corpos aqui. Agora vamos fazer a mesma coisa com a parte de trás. E vou te mostrar como podemos agrupar bits. Corte, cole. Ok, então este nó, este é o crocodilo na esquina lá, e esta é a parte de trás daquele crocodilo. Agora, eu realmente vou começar a agrupá-los como crocodilos. Este será um grupo. Podemos começar a criar um grupo aqui. E vou chamar esse chapéu de 1. Então esse grupo estará com um monte de camadas que constrói esse crocodilo. Em breve, você será capaz de ver mais do que estou falando, eu acho. Portanto, temos a camada traseira selecionada. Nós pegamos esses crocodilos de volta, cortamos a pasta. Agora vamos fazer coisas semelhantes. Então este e este estão juntos. Nós crescemos pouco, podemos chamar isso de um tinha dois porque é o outro crocodilo com um chapéu legal. Continuaremos com esses crocodilos de volta. Nós marcamos, colamos. Ok, então agora temos este, este e este. Eles são amigos. Agrupe esses. E podemos chamar isso de unhas. Então, vamos dividi-los de acordo com o tribunal que eles têm. Acho que essa é a coisa mais básica agora. Certo. Então agora temos um aqui que está por conta própria. Então, agrupamos esses que agrupamos. E este chamamos de óculos. Ok, então eu acho que você vê para onde, para onde isso está indo. Agora, faça a mesma coisa com os rostos. Corte, cole. E agora certifique-se de saber em qual grupo colocá-lo. Então, esses são amigos, certo? Ótimo. Agora nós pegamos esse rosto, é baseado. E isso estava acontecendo Número 2, eu acredito. E então esta pasta de corte facial com os machos crocodilo assim. E então temos uma fase aqui, que estará no nosso grupo de óculos. Então, os trigs enfrentaram este assim. Agora, esse espaço truque para fazer, para fazer homens. Então, isso parece correto aqui. Incrível. Agora temos esses pequenos anéis lá. Então agora é apenas a decoração deixada com base no Hat número 1. Incrível. Mais uma vez, em cabeças. Número 2. Agora pegamos essas unhas cortadas anteriormente, e temos os óculos aqui. Incrível. Vamos levá-lo lá em cima. Certo, legal. Então, agora temos um grupo de padrões. E dentro desse grupo, temos um grupo para um crocodilo, outro grupo para outro crocodilo. E você vê, e isso é para que possamos mudar a cor um pouco mais delas. Podemos começar com esse chapéu. Número um. Escolhemos esse corpo. Talvez isso possa ser rosa. Bloqueio alfa, camada de preenchimento, bloqueio alfa na parte de trás e camada de preenchimento. A mesma coisa com a camada de preenchimento de bloqueio alfa G. Então este pode ser como o rosa que criamos antes da camada de preenchimento de bloqueio alfa. Agora podemos pegar este. O que deveria ser? Deve ser azul? Talvez? Claro, por que não? Camada de preenchimento de bloqueio alfa? E a parte de trás? Talvez azul claro e veja como parece. Camada de preenchimento de bloqueio alfa. Sim. Então o chapéu faz com que seja azul escuro. Camada de preenchimento de bloqueio alfa. Podemos levar este com as unhas. Estava pensando que talvez o amarelo legal. E siga a camada de preenchimento do corpo. Sim. A bochecha pode ficar um pouco mais leve assim, branca? Sim. As unhas talvez tenham outra cor? Talvez eles possam ser cor-de-rosa ou algo assim. Camada de preenchimento de bloqueio alfa. Sim. Então aqui temos alguns crocodilos arco-íris. Certo. O que você acha disso? Então o que eu queria mostrar a vocês com esta lição era o duque e dividi-los assim. Acho que esta é uma maneira limpa de fazer isso com grupos, subgrupos. Você sabe, exatamente qual crocodilo com o qual é bastante fácil mudar a cor. Então você pode fazer algumas delas com o preenchimento ou desculpa, com a queda de cor. E então talvez você não precise agrupá-los assim. Mas se você tem muitas fotos que são assim de volta, não é muito divertido, soltar a cor tudo isso. Então eu acho que essa é uma maneira muito mais fácil de fazer isso. É mais limpo e mais estruturado. Então eu realmente espero que você tenha gostado desse grupo de técnicas de grupo que eu tenho. É muito divertido poder mudar a cor assim. Não sei se você viu, mas foi isso que eu fiz na introdução com meus pinguins. Então, antes da próxima lição, apenas brinque com isso. Tente ver como você pode fazer algumas coisas legais do arco-íris do seu padrão. É apenas para explorar e experimentar, apenas fazer algo divertido disso. Mas, pessoalmente, acho que isso é uma coisa muito boa de se fazer. Ok, então divirta-se um pouco agora e te vejo em breve. 13. Repit o padrão de alteração com cores: Certo, vamos tentar repetir nosso padrão de arco-íris. Começamos com a criação de uma nova tela, 3600 pixels vezes 3600 pixels. Então, é exatamente como fizemos antes. Repinte arco-íris Entramos em nosso padrão de arco-íris. E agora eu mudei a cor de fundo também para azul claro. Eu não fiz isso no menos do que antes, mas fiz isso no meio. Só para você saber. Então aqui está o nosso padrão. Nós o duplicamos, achatamos para que obtenhamos a imagem, duplicamos o plano de fundo. Nós os mesclamos, copiamos e entramos em nosso novo arquivo de repetição, onde o colamos. Certifique-se de que o encaixe e a magnetics estejam acesos. Mova-o até que ele se encaixe. Você o move de novo. Mescle, sai, depois duplique e arraste-o para cima. Certo, incrível. Então você pode ver aqui nosso novo arco de chuva. Patrono. Legal, certo? Eu realmente acho que essa técnica de mudar as cores assim é muito, muito divertida. Então agora dê uma olhada e veja como seu novo padrão se parece quando ele é repetido. Certo. Vejo você em breve. 14. Conclusão: Ok, então só uma pequena conclusão porque eu gosto de ser muito organizado. Esses são os arquivos que você deve ter até agora. Um deles seria seus motivos, seu primeiro padrão, uma repetição do primeiro padrão e o arquivo padrão atualizado. E repita para isso para que você possa ver como ele se parece. Em seguida, um padrão com uma mudança de cor, uma repetição para esse. E, em seguida, um arquivo padrão com o grupo ou grupos onde você pode mudar muito a cor. E também uma repetição para esse. Então você pode vê-lo quando ele é repetido. Certo. Eu acho que esta é uma maneira muito divertida, CE, clara e estruturada de ter seus motivos, padrões e repetições. Eu realmente espero que você goste também. E agora, compartilhe seus padrões repetidos em diferentes variações de cores na galeria de projetos de classe. Eu realmente adoraria vê-los lá. Ok, e assim na próxima lição, teremos apenas alguns pensamentos finais. E muito obrigado. 15. Considerações finais: Eu realmente espero que você tenha se divertido por ter aprendido algo útil e que tenha gostado da aula. Se você fez, por favor me avise nos comentários e comentários. Esta é minha primeira aula do Skillshare, e eu só quero saber o que posso melhorar até a próxima vez. Então, se você tiver alguma dúvida ou comentário, basta deixá-los nas discussões e eu entrarei em contato com você. Muito obrigado por se juntar e verei você mais tarde. Tchau.