Magia de padrão no Adobe Photoshop: aprenda o básico de design de padrões | Freya Riedlin | Skillshare

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Magia de padrão no Adobe Photoshop: aprenda o básico de design de padrões

teacher avatar Freya Riedlin, Designer, Illustrator, Plant Lady

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução do curso

      1:04

    • 2.

      Criando um azulejo de repetição

      9:49

    • 3.

      A ferramenta de visualização de padrões

      5:34

    • 4.

      Verificação de padrões finais

      3:00

    • 5.

      Brincando com cores

      2:30

    • 6.

      Exportando o azulejo de padrões

      1:49

    • 7.

      Considerações finais

      0:52

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

325

Estudantes

4

Projetos

Sobre este curso

Se você quiser criar padrões que retenham essa bela textura de motivos desenhados à mão ou pintados, este curso é para você!

Adobe Photoshop é uma das ferramentas mais poderosas e versáteis para criar padrões, e não precisa ser difícil. Vou mostrar-lhe todas as minhas melhores dicas e truques para criar padrões bonitos e rápidos e facilmente no Adobe Photoshop. Mesmo como um iniciante, você aprenderá rapidamente a criar um padrão que esteja pronto para impressão.

Neste curso, você aprenderá a:

  • configurar sua tela para um padrão de repetição simples;
  • criar um bloco de repetição básica;
  • verificar se há erros;
  • mudar de colorways; e
  • Exporte seu arquivo para que ele esteja pronto para ir para a impressora.

Também estou fornecendo um guia de início rápido, e alguns motivos de amostra para que você possa acertar no chão em funcionamento. No final do curso, você terá criado um belo padrão que você pode se aplicar a todos os tipos de projetos.

Por que Adobe Photoshop?

Photoshop tem uma série de vantagens em relação a outros programas de ilustração. Ao contrário de programas baseados em vetores, o Adobe Photoshop permite que você retenha a textura linda de suas obras artísticas desenhadas à mão ou pintadas à mão, como você criou. E ao contrário de alguns outros programas baseados em raster, o Photoshop não clip obras de arte que se estendem após o final do lona, e os motivos podem ser movidos pelo menos que você goste sem perder a resolução. Além disso, o Adobe Photoshop tem uma prévia de padrão ao vivo que permite que você veja o padrão emerge antes de seus próprios olhos - ou até mesmo desenhá-lo ao vivo do zero.

Este curso é o primeiro de uma série de aulas de tamanho mordido a guiá-lo pelos bite-size e outs de criar padrões no Photoshop, desde o planejamento de seu padrão até lidar com motivos em aquarela. Siga-me aqui no Skillshare para ser o primeiro a saber quando o próximo curso cai!

Você também pode me encontrar aqui:

Instagram

Substack

Site

Conheça seu professor

Teacher Profile Image

Freya Riedlin

Designer, Illustrator, Plant Lady

Professor
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução do curso: Oi, eu sou Brian Read Lin. Sou artista e designer de padrões de superfície. E hoje vou explicar como simplificar as coisas. Repita o padrão no Adobe Photoshop. O Adobe Photoshop não precisa ser difícil, mas tem muitos recursos Portanto, pode parecer avassalador à primeira vista. Mas estou aqui para desmistificar o processo e orientá-lo em todas as pequenas dicas e truques que aprendi ao longo Quando terminar esta aula, você terá um arquivo pronto para impressão que poderá usar para criar tecido, papel de parede, papel de parede, papel de embrulho ou qualquer outra coisa em que queira imprimir o padrão. Nesta aula, vou mostrar como, para configurar sua tela, para configurar sua tela, criar um padrão simples de repetição. Verifique seu padrão, altere suas cores e exporte-o para que esteja pronto para ser usado na impressora. Também forneça um guia de início rápido para que você possa voltar e consultá-lo sempre que quiser. Tudo o que você precisa para esta aula é Adobe Photoshop e um motivo que você deseja transformar em Se você ainda não tem um motivo próprio, pode baixar um dos meus exemplos de motivos para começar a trabalhar. Então, vamos começar. 2. Criando uma telha de repetição: Vamos começar configurando nossa tela. No Photoshop. Você vai querer clicar em Arquivo e Novo. Então eu gosto de configurar isso com polegadas. Então, vamos fazer uma tela de seis por seis polegadas. Haverá muito espaço para qualquer padrão que você queira usar em tecido, papel de embrulho ou algo parecido Se você quisesse fazer papel de parede, provavelmente gostaria de escolher 12 "ou 24”. Em seguida, verifique se a resolução é de pelo menos 300 DPI. Qualquer coisa abaixo disso, a resolução ficará muito pixelada se você imprimi-la Portanto, 300 DPI tem um mínimo. Se você sabe que talvez queira imprimir isso em um tamanho maior, você pode aumentar e DPI, mas eu sempre começo com 300 DPI E então eu gosto de criar no modo de cores RGB. E então podemos simplesmente clicar em Criar. Esses serão nossos designs onde nossa repetição é quadrada. Então, a primeira coisa que vamos fazer é importar nosso motivo Então, vou até Arquivo e Abrir e encontrar esse motivo e abri-lo, abrindo-o em um novo Como você pode ver. Vou selecionar isso e copiá-lo. Então, vou pressionar Control C ou Command C. Se você estiver em um Mac. Clique novamente em nossa repetição, jure e pressione Command ou Control V para colar E então temos nosso primeiro motivo aqui. Eu realmente não gosto desse logotipo em preto e branco. Então, vou recolorir isso primeiro. Eu vou mudar a cor de fundo. Então, estou clicando na camada de fundo aqui. Na verdade, não vou mudar esse player de fundo. O que eu realmente gosto de fazer é clicar aqui embaixo e clicar na camada sólida. Isso vai abrir esse pequeno pop-up. E então eu posso mudar a cor aqui ou posso ir para minhas amostras Na verdade, tenho uma paleta de cores personalizada. Vou escolher essa cor e clicar em Ok. Uma coisa com a qual você sempre quer lidar evitar o branco puro ou o preto puro, porque são cores muito, muito fortes Então, você quase sempre quer ter algo um pouco fora dessa cor apenas para suavizá-la Então eu vou recolorir o motivo. Então, clique na camada que tem esse motivo. E o que você quer fazer aqui é que eles fiquem logo acima dessa camada e apertem o botão de bloqueio. É esse pequeno padrão quadriculado. E o que isso vai fazer é garantir que, quando recolorirmos, a única coisa que seja recolodida seja o Então, vou selecionar uma nova cor da minha paleta de cores E então vamos recolorir indo até o painel de menu, pressionando Editar, Preencher Certifique-se de que a cor do primeiro plano esteja selecionada aqui, pois é aí que essa cor está aparecendo E bateu. Ok. colocar o motivo na borda da tela para que ele o corte Em seguida, vamos duplicar a camada. Então você pode fazer isso clicando com o botão direito do mouse e selecionando Duplicar camada até aqui Ou você pode pressionar Command ou Control J e isso criará outra camada logo acima desta. Em seguida, queremos selecionar nossa camada duplicada para transformar. A maneira como fazemos isso é com o Control T ou Command T em um Mac. Esse pequeno comando, essa lei que podemos desembalar vai aparecer e a barra aqui em cima vai mudar E esse é muito importante que vamos usar. Então, a primeira coisa que eu quero que você faça é clicar nesse pequeno veterano delta entre os eixos x e y, que está dizendo onde exatamente na tela ele está localizado atualmente Então, eu vou pressionar delta e ele o redefine para zero. E agora vou mudar isso para polegadas. E vou fazer isso, porque temos isso definido como zero e sabemos que nossa tela tem 6” de largura. Vou mudar isso para 6”. Ele vai movê-lo em 6" no eixo x. Então vá 6" para a direita. Então, agora temos uma repetição perfeita disso. Agora vou fazer outra cópia disso para poder movê-lo para o topo. Então, novamente, Command ou Control J têm uma nova camada. Controle ou Comando T Para transformar. Então eu vou mover isso de um lado para o outro e ver onde eu poderia querer colocar isso. E, na verdade, vou reverter isso um pouco. Tão poucos pairam perto da caixa de transformação, que ele pegará essas pequenas flechas Se você estiver perto de um canto dobrado e clicar, você pode simplesmente girá-lo para qualquer lado. Você também pode reduzir seus motivos. Ao agir assim. A única coisa que você quer ter certeza, porém, é que você nunca suba mais do que era originalmente. A maneira de verificar isso é indo até aqui, volta à barra de comando. Há uma opção de largura e altura, e ela mostra enquanto você a transforma, como se eu tivesse ultrapassado 100% e isso significa que , quando imprime , pode ficar pixelizada Então, não queremos isso. Queremos garantir que ele permaneça em uma área 100% urbana mais baixa. Na verdade, vou mantê-lo no tamanho porque eu meio que gosto A outra coisa que você pode fazer aqui é girá-lo horizontalmente, se quiser Então, você vai em Editar transformação e vira na horizontal para obter alguma variação na aparência Então, vou mover isso para cá. Está sobreposto a uma parte superior brilhante aqui em cima. Vou clicar na camada para deixá-la assentar. E, novamente, vou fazer uma cópia dessa camada. Pressione o Comando T. Já temos isso equalizado aqui no eixo x, y. Então, agora eu vou mudar isso para polegadas. E eu vou digitar 6" e ele move para baixo 6" para mim. Portanto, temos uma repetição perfeita na parte superior e inferior. Agora queremos repetir isso e eu realmente gosto de ter certeza de que tenho os lados preenchidos antes de ir para o centro. Só porque é um pouco mais complicado mover as coisas pelas bordas Então, vamos fazer outra cópia em mãos. Vindo em frente, basta mover isso para cá. Bom. Eu vou fazer uma cópia disso. E apenas mova isso para baixo. Aqui. Você pode ver que isso se sobrepõe ao outro motivo Então, nós queremos, nós realmente não gostamos disso. Isso vai parecer estranho quando tivermos isso no próprio padrão. Na verdade, vou deletar essa camada e movê-la um pouco mais para cima. Acho que isso realmente funciona melhor. E você pode ver que ela se sobrepõe aqui à borda porque esse pequeno quadrado está acima da parte superior da tela Então esse é o seu signo. Se isso acontecer, você precisa mover, você precisa fazer uma cópia e movê-la para baixo para garantir que você a obtenha. Perfeito. Repita. Lá vamos nós. E agora vou adicionar mais um ou dois para preencher essas lacunas aqui Eu gosto disso. Ok. Eu vou fazer mais um. Outra coisa com a qual você deve ter muito cuidado é se estiver sobrepondo aqui em um canto, você precisará se certificar de que está movendo uma cópia para a direita, mas também precisa se certificar de que está movendo uma cópia para cima porque ela está sobreposta horizontal Ok, então essa é uma repetição básica que agora configuramos. Vamos verificar nossa repetição e , em seguida, podemos fazer qualquer ajuste 3. A ferramenta de visualização de padrões: Tudo bem, vamos verificar nosso padrão. Enquanto estou criando o padrão, o que eu realmente gosto de fazer é ir em Exibir e selecionar Visualização do padrão. Esse é um recurso muito legal do Adobe Photoshop, que gera a pré-visualização para você E então você pode reduzir o zoom e ver como é esse padrão. Eu posso ver aqui que há algumas coisas que eu gostaria de corrigir. Portanto, há uma grande lacuna aqui. E isso é um pouco confortável demais para esse outro motivo Faz com que pareça um pouco apertado aqui. Então, acho que vamos querer aumentar isso um pouco e um pouco mais. Ou gire isso. Vamos nevar um pouco as coisas. E podemos fazer isso treinando a visualização de padrões e movendo as coisas ou fazendo isso enquanto estamos na Visualização de Padrões. Então, na verdade, vou desligar isso só por um segundo. E vamos examinar o básico disso. Então, vamos mover essa folha primeiro e acho que quero girá-la O que você deve saber aqui é que, se você girar essa locação superior, a parte inferior girará automaticamente Então, na verdade, vou excluir essa camada inferior e entrar aqui. Novamente, execute o Comando T e gire-o um pouco. Mova-o para cima. Assim. Vamos apenas testar isso. Faça uma cópia, Controle T ou Comando T e mova-a para baixo 6”. Então eu acho que isso precisa ser movido um pouco. Mova isso para cima. Acho que eu poderia tentar invertê-lo, na verdade. Acho que gosto um pouco mais disso . Organize isso. Tente garantir que você tenha uma distribuição relativamente uniforme dos espaços em branco Posso suspeitar que haverá muito espaço em branco aqui embaixo agora, então vou mover este aqui porque esse é um Você pode ver aqui que isso está próximo à borda e, e esse caule também está próximo à borda. Então era aí que eles estavam um pouco próximos demais para serem confortáveis. Então, vou reorganizar isso um pouco, ver se podemos criar um espaçamento um pouco melhor Novamente, isso é um espaçamento muito irregular. Acho que vou girar isso um pouco e depois não consigo esquecer de mudar o equivalente e depois espelhar a imagem do outro lado Então, vou deletar isso. E vamos repetir isso. Mova-o para cima de 6" e veja que estamos sobrepostos novamente. Então, isso fica um pouco complicado, você não tem a pré-visualização do padrão Então, na verdade, vou voltar ao Pattern Preview porque isso realmente torna as coisas muito mais fáceis. E o que eu quero fazer é selecionar os dois no topo deste e, em seguida, manter pressionada a tecla Shift. E também selecione essa camada inferior e o Controle T. E agora temos os dois selecionados ao mesmo tempo e podemos movê-los livremente. Podemos ver se podemos encontrar um ajuste melhor. Novamente, não é, simplesmente não é muito adequado, certo? Então, eu vou desfazer isso. Vou deletar esse último. Selecione isso e eu posso girá-lo. Sim, acho que isso vai ficar muito melhor. Agora está realmente me mostrando como isso seria aqui embaixo. Só estou mudando isso. Isso parece bom. Eu gostei muito disso. E então eu estou vendo aqui que isso está novamente chegando bem perto. Eu vou selecionar isso. Basta girá-lo e diminuir o zoom. E eu acho que isso realmente parece muito fofo. Há um bom movimento aqui com as hastes. Estou indo nessas direções, então vou manter isso, estou descontente com esse padrão Essa é uma ótima maneira de organizar seu padrão em tempo real e ver o que está acontecendo com ele. Então, estou desativando a visualização de padrões. E eu vou te mostrar uma outra maneira pela qual podemos provar esse padrão 4. Verificação de padrões finais: Eu sempre gosto de usar uma segunda maneira de testar o padrão porque a pré-visualização do padrão , embora seja muito útil hora de configurar o padrão, ela fica um pouco pixelizada E eu gosto de ver o padrão sem isso, aquela caixa delimitadora, aquela caixa azul que ela coloca ao redor dela, eu quero ver isso como um padrão puro Então você quer ir para o padrão de janela. E vai abrir uma pequena caixa aqui. E você pode adicionar essa pequena linha positiva. E aparecerá uma prévia do seu padrão de repetição e você simplesmente clicará em Ok. E isso o adiciona aos seus padrões. Quaisquer padrões que existam neste campo de padrões aqui. E então eu gosto de abrir um novo documento maior que o original. Então eu vou abrir isso em sim, vamos fazer 12 por 12”. Clique em Mais para uma nova camada, eu apenas clico em nosso padrão que está em uma caixa de padrões. Então, na verdade, vai gerar esse padrão para nós. E então podemos alterá-lo para tamanhos diferentes. Vamos para a opção Layer, Layer Content. Vai aparecer essa pequena caixa de preenchimento padrão aqui. Você pode manipulá-lo muito para mudar o ângulo Na verdade, gostaria de mantê-lo em zero. Mas você também pode alterar a escala aqui. Então, vamos acabar com isso em 50%. E então podemos simplesmente ampliar e garantir que nada seja cortado em nenhum lugar. Não há pixels dispersos. Isso parece muito bom e suave. Agora, você também pode usar isso para aplicar um padrão a literalmente qualquer coisa que você tenha no Photoshop Então, se eu apenas excluir essa camada, por exemplo, você pode usar a ferramenta de marcação retangular Você pode criar qualquer tipo de retângulo e, em seguida, preenchê-lo com um padrão para entrar em uma nova camada Clique no padrão. Novamente. Você pode redimensionar isso de qualquer forma nas opções Camada, Conteúdo da camada para 25% Então, por exemplo, se você quiser configurar uma planilha de portfólio, essa é uma maneira fácil de configurá-la. Você pode configurar todos esses retângulos e , em seguida, inserir seus padrões como quiser 5. Brincando com cores: Agora que temos nosso padrão ou configuração, vamos falar um pouco sobre colorir. Você pode, é claro, ir camada por camada. Novamente. Você deseja bloquear a camada toda vez que mudar a cor. Você pode selecionar todas as camadas e apertar o botão de bloqueio, o que acelerará um pouco o processo. Mas o que eu realmente gosto de fazer quando tenho um padrão simples como esse, que não se sobrepõe, é mesclar todas as camadas Mas caso você queira voltar e mexer um pouco nas coisas . Algum tempo depois, você pode notar que a composição simplesmente não está certa e você quer mover algo um pouco Então, eu gosto de colocar todas essas camadas em grupos. Então selecione todas as camadas e pressione Control ou Command Z. E então vamos colocá-las em um grupo E então eu vou duplicar esse grupo com Comando ou Controle J. Desmarque o grupo inferior Agora, para esse grupo, vou mesclar todas as camadas Então você pode fazer isso pressionando Merge Group aqui ou pressionando Command ou Control E. E eu vou bloquear essa camada e agora eu posso recolorir a camada inteira Então, eu vou jogar com a gente. Eu vou mudar a cor de fundo. Vou fazer disso um azul. E então eles realmente precisarão mudar essa cor. Então, vou escolher um azul mais claro e criar um padrão sutil Vou clicar em editar e preencher a cor do primeiro plano. Um pouco sutil demais Então, vou escolher uma cor mais clara e fazer isso de novo. Ok, vamos ver isso e a pré-visualização do padrão. Isso parece muito legal, mas eu vou tentar. Mais uma cor. Escolha esse verde profundo, escuro, limpo e claro para as folhas. Escola. Eu adoro isso. Acho que vou ficar com essa cor. Tudo bem, isso é tudo sobre recolorir, isso é bem simples quando você tem camadas simples como Vamos seguir em frente. 6. Exportando a telha de padrão: Ok, nós criamos um padrão, nós recoloremos nosso padrão Estamos prontos para ir. Agora, tudo o que precisamos fazer é exportá-lo. Então, vamos para Arquivo, Salvar uma cópia. E então eu gosto de exportar isso como um JPEG de alta resolução. Então, vou selecionar JPEG aqui. Clique em Salvar. Então, eu gostaria de ter certeza de que a qualidade é 12 e que você deseja que o padrão básico seja selecionado Então, basicamente, um otimizado e progressivo, na verdade, tem uma resolução menor, ele comprime o arquivo. A ideia para eles é facilitar o carregamento rápido dos sites . Portanto, a qualidade está um pouco degradada. Mas se você quiser que isso seja impresso, use o Baseline Standard E vamos clicar em Ok. E aí está. Eu tenho esse lindo padrão JPEG. Tudo pronto e pronto para ser enviado e pronto para ser enviado em breve, de qualquer maneira. Uma coisa que você também pode fazer, novamente, aqui é apenas mais uma verificação. Reabra esse arquivo JPEG no Photoshop e faça uma pré-visualização do padrão nele Photoshop e faça uma pré-visualização do padrão nele. De vez em quando. Se eu tiver um padrão complexo, gosto de fazer isso e só para ter certeza de que você está pronto para usar, você terá um arquivo pronto para impressão. Estão prontos para aplicar seu padrão 7. Considerações finais: Espero que você tenha gostado dessa aula e que se sinta inspirado a começar a usar Photoshop para seu design de padrões Se você gostou dessa aula, deixe de me seguir para não perder a próxima edição da série Vou falar sobre como criar padrões mais complexos. A melhor maneira de digitalizar motivos em aquarela. Muitas outras dicas e truques para usar o Photoshop com eficiência para economizar tempo e criar designs bonitos com rapidez Eu adoraria ver os padrões que você criou. Então, por favor, compartilhe-os. Você pode enviá-los na seção de projetos abaixo. Se você compartilhar o design que fez hoje no Instagram, certifique-se de me marcar para que eu possa admirar e compartilhar seu trabalho Se você tiver alguma dúvida sobre o processo, sinta-se à vontade para entrar em contato comigo. Você pode entrar em contato comigo ou através do Skillshare ou através do meu site Muito obrigado por assistir e nos vemos novamente em breve.