Crie um padrão de repetição não alinhado no Photoshop usando objetos inteligentes

1. 1. Olá!: Oi, todo mundo. Meu nome é Melissa, e eu sou uma designer de padrões de superfície e ilustradora vivendo nas belas Terras Altas do Sul, na Austrália. Nesta classe, vou mostrar a vocês uma técnica que eu uso para criar padrões de repetição complexos no Adobe Photoshop. Vou ensiná-lo a usar uma repetição de meia gota usando objetos inteligentes para criar um padrão contínuo. Vou então mostrar-lhe como aplicar esse padrão às maquetes. Como um bônus, vou mostrar-lhe como criar um arquivo especificamente para flor de primavera para aplicar seu tecido patenteado, embrulho ou até mesmo papel de parede. Então, por favor, junte-se a mim na minha aula. Mal posso esperar para ver seus projetos. Vamos começar. 2. 2. Seu projeto: Seu projeto para essa classe é criar sua própria rotação de meia gota perfeita no Adobe Photoshop. Use ícones que você criou para criar sua repetição usando as técnicas que estou prestes a mostrar. Você também pode aplicar seu projeto final a uma maquete que eu tenha provisão ou você pode criar sua própria maquete ou comprar um online usando um dos links que eu fornecerei para você. Mal posso esperar para ver o que você inventou. 3. 3. Configurando o seu documento: Para começar a criar um novo documento, eu vou para Arquivo, Novo, e precisamos criar um documento quadrado, então eu vou criar um a 12 por 12 polegadas. Você pode criar um em qualquer tamanho que você quiser, mas este é o que eu meio que faço o tempo todo, dependendo do que eu estou criando realmente. Crie uma resolução de 300 DPI e você pode selecionar RGB ou CMYK para cor. Agora precisamos criar um guia para o nosso mosaico patenteado. Então, para fazer isso, vamos selecionar a Ferramenta de seleção retangular, e vamos usar o tamanho fixo e digitar seis por seis polegadas, que é metade do tamanho do documento real. Então, se o seu documento fosse de 16 polegadas, então você colocaria um oito por oito polegadas. Agora, para criar o diamante, só precisamos clicar no meio do documento em qualquer lugar, e na verdade, primeiro precisamos colocá-lo em uma nova camada, sim, e depois preenchê-lo. Então, Editar e, em seguida, Preencher ou comando F5. Selecione 50% de Cinza e 10% de Opacidade. Precisamos girar isso para fazer um diamante e colocá-lo no meio. Então, comando T, mantenha pressionada a tecla Shift e gire isso para fazer um diamante e, em seguida, coloque-o no meio do documento. Agora vamos criar outra camada, renomear essa primeira para Guide para que eu saiba o que é e, em seguida, criar uma nova camada. Então eu vou arrastar alguns elementos para nossos padrões. Eu tinha estes aqui. Vou selecioná-los todos mantendo pressionada a tecla Shift e arrastando-os para o nosso arquivo. Eles vão ser muito grandes, então eu vou reduzir o tamanho mantendo pressionado o comando T, ou Control T, e apenas segure mostrar a tecla Shift e reduzir o tamanho. 4. 4. Criando uma peça do padrão: Tudo bem, agora o que vamos fazer é criar o nosso padrão. Primeiro, vou bloquear essa camada, a camada guia porque não queremos mover essa. O que vamos fazer é colocar nosso padrão dentro desse diamante. Pode passar pelas bordas. Vou começar por brincar e colocar os ícones em várias partes do azulejo. Você pode ir um pouco acima da borda e, mais tarde, quando juntarmos tudo, podemos voltar e nos ajustar. Em vez de sobrepostos, simplesmente não pareça certo, que é o benefício de fazê-lo com objetos inteligentes. Vou te mostrar isso na próxima lição, como isso é fácil. Agora, eu vou apenas criar este bloco. Vou acelerar. Coloque um pouco de música, e deixe você sentar e assistir a criação de nossa telha padrão. Te vejo em um minuto. Acho que terminamos. Na próxima lição, vou ensinar a vocês tudo sobre objetos inteligentes e criar o padrão de repetição com esse bloco padrão. 5. 5. Usando objetos inteligentes: Ok. Nesta lição, vamos usar objetos inteligentes para criar nosso design. A primeira coisa que precisamos fazer é nos livrar do guia que criamos. Não precisamos mais disso, então vamos apenas “Excluir” essa camada. Então o que eu normalmente faço é agrupar todas essas camadas em um grupo. Agora eu gosto de criar uma cópia apenas no caso de eu querer manter a original que tínhamos, mas por enquanto não precisamos dela. Com a nova cópia dessa camada desse grupo. Clique com o botão direito do mouse e clique em “Converter em objeto inteligente”. Vamos esperar que isso crie. Agora, o que isso faz é criar um objeto inteligente, que se você clicar duas vezes nele, você pode entrar e editar seu bloco, e o que vamos fazer é criar um número de blocos em torno disso. Quando você atualizar este, o original, ele irá e atualizará todos os outros. Você não tem que mover tudo. Só faz com que seja muito mais fácil. Se voltarmos aqui. A primeira coisa que vou fazer é criar um azulejo no fundo. Vou duplicar o primeiro azulejo. Na verdade, vou mudar o nome do original para o meio, só para saber qual é. Depois, o segundo, vou mudar o nome para o fundo do meio. Então eu vou subir para Filtrar em Deslocamento. Vou mudar a horizontal para zero, e vou mudar a vertical. Normalmente é em torno de 2.500, mas isso parece muito perto. Você pode usar seu pequeno controle deslizante aqui para apenas ajustá-lo para onde quiser. Você só quer que ele fique bem no fundo. Eu vou com os 2.500 lá. Em seguida, clique em “Ok”. Agora vamos fazer o mesmo. Vamos colocar este de baixo no topo. Duplicar essa parte inferior do meio e renomeá-la para a parte superior do meio. Então, se você clicar duas vezes nesse “Deslocamento”, ele irá trazer de volta essa caixa, e tudo que você precisa fazer é mudar a vertical para um negativo, e isso irá colocá-lo no topo. Tudo bem. O próximo que vamos fazer é o fundo bem aqui. Vou pegar o fundo do meio e duplicá-lo. Renomeie para o meio direito. Clique duas vezes em “Deslocamento”. Agora, eu vou mudar essa vertical para ser metade dos 2.500, modo que serão 1.250. Isso vai movê-lo para a metade, e então nós vamos colocá-lo em um número horizontal. Basta colocá-lo em 1.800. Acho que vai ser perto. Então vamos usar o controle deslizante para obtê-lo para uma posição que eu gosto. Pode ser um pouco complicado às vezes, mas por que não? Vou mudá-lo para 1.400. Agora você pode ver que há algumas coisas aqui que precisariam ser modificadas porque elas estão se sobrepondo, mas podemos fazer isso quando tivermos todas as nossas peças para cima. Vou clicar nisso. Agora, antes de avançarmos, precisamos anotar alguns números. Vou anotar o número horizontal. Vou escrever H igual a 1.400. Eu também vou anotar o número vertical original. Vamos voltar ao fundo do meio, clicar duas vezes nele e pegar aquele número ali. Os 2.500. Vertical é igual a 2.500 e apenas tê-los escritos para mais tarde. Agora vamos fazer este azulejo aqui. Vou pegar o meio direito e duplicá-lo. Clique duas vezes em “Deslocamento”. Desta vez eu vou mudar a horizontal para um negativo e então vamos colocá-lo ali. Vou mudar o nome para o canto inferior esquerdo. Agora vamos fazer estes de cima aqui, então vamos fazer isto primeiro à esquerda. Vou duplicar a parte inferior esquerda e clicar duas vezes em “Deslocamento” e, em seguida, mudar a vertical para um negativo. Então vamos criar uma duplicata deste e colocá-lo aqui. Deveríamos renomear este primeiro, que é no canto superior esquerdo. Vou pegar no canto inferior direito e duplicá-lo. Altere a vertical para um negativo. Lá vamos nós. Muito melhor. Vamos mudar o nome para o canto superior direito. Ok, nós só temos dois para ir, estes dois do meio. Para fazer isso, vou pegar a telha do meio e duplicá-la. Renomeie para o meio direito. Eu vou ter que voltar para o Filtro e diferente de Offset, ou você pode ver que ele é apenas colocá-lo no topo lá. Você pode apenas clicar lá. Agora, eu vou limpar a vertical neste e eu vou dobrar esse número horizontal. Então isso vai ser 2.800 e isso vai colocá-lo perfeitamente lá. Vou duplicar esse meio novamente para fazer o lado esquerdo, renomeá-lo para meio esquerdo. Vá para Filter Offset e vamos mudar a horizontal para menos negativo, e isso irá colocá-lo sobre o lado esquerdo. Aí está você. Agora há algumas coisas que precisamos consertar. Você pode ver que há algumas coisas sobrepostas que eu realmente não gosto. Há uma sobreposição de alguns pontos aqui embaixo que estão se sobrepondo. É aqui que os objetos inteligentes entram em jogo. Também acho que vou mudar esse cara para cá, talvez para esta área aqui porque ele está muito perto do ganso lá em cima. Vamos para o meio e clique duas vezes nele, e isso abrirá nossos objetos inteligentes. Qualquer coisa que eu mude aqui se aplicará a todos aqueles azulejos lá dentro. A primeira coisa que vou fazer é mover esse cara aqui, para este lugar. Aguenta comigo um minuto enquanto faço isso. Ok, vamos ver como isso parece agora. Vou guardar isso. Então vamos dar uma olhada. Como você pode ver, ele moveu-o em todos os azulejos. Agora há algumas coisinhas que quero limpar. Isto aqui, e esta sobreposição aqui, e esta flor roxa. É um pouco perto dele, então. Vamos arrumar isso. Vamos fazer isso um pouco menor. Salve esse objeto inteligente e isso atualizará o padrão principal. Ok. Acho que está quase lá. Ainda precisa de um casal aqui que eu preciso mudar. Pronto. Vou me livrar desses. Solte aqui. Tragam esses dois. Selecione isso novamente. Tudo bem. Vamos dar uma olhada nisso. Tudo bem, acho que estou feliz com isso. Na próxima lição, mostrarei como extrair o padrão de repetição desse documento. 6. 6. Extraindo a repetição: Nesta lição, vou mostrar-lhe como extrair a repetição do novo documento do seu design. A primeira coisa que faço é pegar todas as camadas inteligentes e agrupá-las, e depois vou duplicá-las. Vou esconder o original. Posso mudar o nome para original para que eles saibam. Objetos inteligentes originais. Eu só faço isso para que eu tenha um registro de onde eu fui e se eu preciso voltar. Normalmente não tens porque tens tudo aí, mas eu gosto de fazer isso. Com este novo grupo, vou fundi-lo. Agora vou extrair essa repetição. Agora, para fazer isso, você precisa dos números que você escreveu na última lição, o vertical e o horizontal. Agora, vá até a sua ferramenta de letreiro retangular e mude isso para um tamanho fixo. Na largura, eu quero que você digite seu número horizontal vezes dois. Se a sua horizontal fosse 1400, então você colocaria 2800, que é o que o meu é. Vou colocar 2800 e px para pixel. A altura é o número vertical que você escreveu. No meu caso, eram 2500 pixels, em seguida, basta clicar em algum lugar no canto esquerdo lá e você pode ver a marca aqui mostrou onde está essa repetição. Você pode ver se olharmos para onde está o topo, e então aqui em baixo, você pode dizer que é onde ele se repete e, em seguida, o mesmo curso desta maneira. É apenas na cabeça lá e depois se repete lá. Agora, se você clicar na borda da tenda para festas, você pode movê-la para um local que você gosta. Não importa porque tudo se repete. Este é o que você vai extrair e manter para sua paixão repetida. Quando estiver satisfeito com isso, vá até a edição e defina o padrão, e dê um nome a ele. Vamos usar isto mais tarde para a nossa maquete. Clique em OK e, em seguida, vamos copiar isso e colocá-lo em um novo documento. Edite, copie e, em seguida, vá para arquivo novo. Lembrou-se que eu mencionei que você tem o 2800 por 2500. Criar e, em seguida, editar, colar, e esse é o seu arquivo de repetição. Você pode salvar isso como quiser. Normalmente guardo como um PSD primeiro. Eu sempre coloco repetição nele para que você saiba que é um arquivo repetido. Eu também gosto de salvá-lo como um JPEG, e é isso. Na próxima lição, vou mostrar-lhe como usar esse arquivo de repetição para aplicar a uma maquete. 7. 7. Aplicando sua repetição em uma réplica de produto: Nesta lição, vou mostrar-lhe como aplicar seu design a esses cadernos. Esta é uma maquete que eu criei. Eu realmente vendo isso no Mercado Criativo, mas eu dei a vocês de graça durante a minha aula. Você é livre para fazer com ele o que quiser. Você pode colocar seu design nele e exibi-lo em [inaudível] ou em seu site, onde quiser. Primeiro há dois cadernos aqui, este à esquerda e à direita. Podemos aplicar o seu design na capa disso. Também para a parte de trás ou para a frente deste, que é apenas o lado de fora que você vê, e você pode colocar seu próprio pequeno design aqui. Você pode querer colocar um esboço de algo que você desenhou. Você também tem este lápis aqui. Incluí a habilidade de mudar a cor para combinar com o seu design. Estes são todos feitos através de Objetos Inteligentes. Vamos em frente e aplicar nosso design a este caderno aqui à esquerda. Sobre o meu último painel aqui, vou abrir o caderno à esquerda e descer para o design da capa frontal. Agora que é um objeto inteligente, então basta clicar duas vezes nele. Nós não queremos esse texto lá, então nós apenas excluímos aquele. Agora você pode ter apenas uma cor, você pode mudar isso para qualquer cor que você gosta, ou se nós tivéssemos isso, nós podemos adicionar uma paixão. Basta abrir, clicar duas vezes para abrir o campo padrão e selecionar o padrão. Como você pode ver eu tenho alguns padrões aqui, e este é o que acabamos de fazer, então vamos colocar aquele ali. Agora, para reduzir o tamanho dele, se você clicar duas vezes sobre ele e assim reduzir isso para 50%, então ele vai ser um pouco menor. Então podemos fechar isso e salvá-lo. É aplicado a esse caderno. Também podemos alterar a cor do elástico na fita do marcador em ambos estes. Para fazer isso, se formos até aqui e encontrar a camada chamada elasticribbon, clique duas vezes sobre a cor lá e você pode simplesmente mudá-la para qualquer cor que você gosta, ou você pode simplesmente escolher uma de seu design assim. [ inaudível]. Experimente este, e apenas brinque até encontrar algo que goste. Basta ficar com o amarelo, e então vamos fazer o caderno à direita. G sobre o notebook no grupo certo e encontrar o design da capa que é o cuspe apenas indo ao redor do lado de fora e clique duas vezes sobre isso. Novamente, eu não vou usar uma cor, eu vou usar um design e ele já está selecionado para mim. Mude esse para 50% também, e depois feche isso e salve. Você pode ver o design apenas do lado de fora lá, embaixo das páginas. Eu deveria mudar a fita elástica para a mesma cor que esta aqui, para que corresponda. Podemos colocar o que quisermos aqui. Vamos entrar e nos livraremos disso. Digite alguma mensagem aqui [inaudível] e feche e salve. Vamos fazer o lápis. Então vá para a camada de lápis, clique na cor e, em seguida, selecione a cor. Eu poderia ir com amarelo, e lá. Eu recomendaria guardar isso para a Web como Lawrence JP, e você está pronto para ir. 8. 8. Carregando seu design no Spoonflower: Nesta lição, eu vou mostrar-lhe como extrair seu padrão de repetição em um arquivo que você pode enviar para spoonflower para criar papel de lã, tecido e papel de embrulho entre outras coisas. Abra seu arquivo de padrão original. Vamos pegar a repetição de lá novamente, então você vai até a ferramenta de marcação e selecione-a. Você provavelmente ainda tem as mesmas dimensões ainda ativadas e apenas mantenha isso lá e clique em qualquer lugar para criar. Então o padrão está caindo um pouco. Controle C ou edite cópia ou Comando C, desculpe, para copiar isso e, em seguida, criar um novo documento. Agora, ele vai se lembrar, quais dimensões você copiou. Então vamos deixar isso como está, mas vamos mudar a resolução para 150. Mantenha-o no RGB também. Se você tivesse um marcador invisível, deveria ser RGB para a flor da colher. Crie e edite colar. Então vamos salvar isso. Agora você pode salvá-lo como um arquivo PNG, JPEG ou TIFF para o plano colher. Eu gosto de usar o TIFF de qualquer maneira ele só parece funcionar melhor. lake.birds.spoonflower2tiff porque eu já tenho um lá de anteriormente e, em seguida, salvar isso. Eu vou manter todos esses padrões também. Então eu vou para o Spoonflower. Agora, se você não conseguiu uma conta. Você pode simplesmente ir até o canto direito lá e clicar no botão Juntar-se e juntar-se. É fácil, é grátis. Caso contrário, se você já tiver uma conta, basta fazer login. Então vamos para Design e Upload. Escolha seu arquivo. Eu vou selecionar aquele que acabamos de criar, você precisa selecionar isso para dizer que você tem permissão para usar esse design que é seu. Em seguida, você clica no botão “Fazer upload de arquivo”. Isso pode demorar um pouco, dependendo do tamanho do seu design. Você precisa mantê-lo abaixo de 40 megabytes, que é bastante generoso, mas apenas significa que leva um pouco de tempo para fazer upload. Aqui está. Agora, algumas coisas que você precisa fazer depois de fazer o upload, dê um nome, dê uma descrição. Gosto de ser um pouco pessoal. Então eu muitas vezes bem ali onde a inspiração veio para este projeto e quaisquer outros detalhes adicionais, colocá-los lá dentro. Agora certifique-se de marcar. Se você está indo para vender em spoonflower, etiquetas são muito importantes e permite que as pessoas para encontrá-lo. Então este projeto, eu vou escrever coisas como pássaros, lago, fauna, floral, etc. Aqui você deve escolher, isso é o que o cliente verá quando estiver analisando seu design. Então escolha o que tem a melhor aparência e mostre o seu design. Às vezes, é a versão ampliada, a Swatch, ou pode ser a visualização Fat Quarter, o que parecer melhor. Agora você também pode apenas verificar novamente, que parece ok. Eu costumo entrar aqui e mudar para Yard e você pode ver que se repete bem lá dentro. Mude isso de volta para o Bairro Gordo. Havia muito para dar uma olhada e ver o que parece para o papel de lã e, em seguida, o embrulho de presente. Está demorando um pouco para subir. Infelizmente, minha velocidade de internet não é tão grande. Agora, o que você precisa fazer, se você quiser que as pessoas possam vê-lo em sua galeria, você precisa selecionar essa caixa de seleção lá. Você pode ser capaz de vendê-lo até que você realmente pediu uma amostra. Aí está a caixa de presente, ela voltou agora. Você precisa encomendar uma prova antes de poder realmente vendê-la em spoonflower a melhor maneira de fazer isso é depois de ter alguns desenhos carregados, você pode colocá-los em uma coleção e comprar um monte de amostras juntos como um [inaudível] e isso faz com que seja um pouco mais barato. É isso. 9. 9. Considerações finais: Muito obrigado por ter assistido à minha aula. Espero que tenha gostado e aprendido algo novo. Eu adoraria ver seus projetos, então, por favor, enviá-los para a galeria do projeto e se você fizer upload do seu projeto para flor da primavera, certifique-se de incluir um link para que todos possamos ir e dar uma olhada. Além disso, se você quiser postar nas mídias sociais, por favor use a hashtag, melarmstrongskillshare. Se você achou um pouco esmagador, não se preocupe, ao longo do tempo você será capaz de dominar esta técnica. Não demorou muito, por isso tenho a certeza que também não vai demorar muito. Obrigado, e não se esqueça de ficar de olho na minha próxima aula. Vejo você então. 10. Vídeo bônus: correção de corte deslocado: Só quero compartilhar com você um vídeo rápido, para mostrar um problema que parece ter acabado de começar a acontecer no Adobe Photoshop. Não tenho certeza se é porque foi atualizado. Eu não tenho certeza, mas talvez isso costumava acontecer antes, onde seu grupo de objetos inteligentes, quando você usa o deslocamento do filtro e movê-lo, ele é cortado, que pode ser um problema. Vou te mostrar o que quero dizer com isso. Eu tenho meu bloco aqui, meu Objeto Inteligente aqui, Eu vou arrastar e duplicar isso e, em seguida, filtrar , outro, offset, talvez para baixo. Se eu pegar isso, você pode ver que ele foi cortado, que é um pouco de dor, na verdade. Então, se eu fosse movê-lo para lá, você pode nem ver. Às vezes você faz, às vezes você não. É muito aleatório. A única maneira de contornar isso é mudar o tamanho da tela de pintura. Se você subir para a imagem, o tamanho da tela e aumentá-la, eu vou usar 36 polegadas. Você pode ver que ainda está lá. Na verdade, não foi cortado. Cortada, desculpe. Então você pode continuar e criar seu padrão. Lá vai você. Você só tem um documento extra grande que você pode então ir e redimensionar clicando na ferramenta de corte e, em seguida, reduzindo-a.