Tutorial: Como Criar e Inserir Patterns no Photoshop

como-criar-inserir-patterns-no-photoshop-tutorial

Como Montar Seu Negócio Online e Ganhar Dinheiro na Internet

Como criar Patterns no Photoshop?

As Custom Patterns no Photoshop são pequenas imagens que são repetidas infinitas vezes, inseridas lado a lado automaticamente, para formar aqueles fundos simétricos (background patterns) que utilizamos nos fundos dos documentos criados.

Neste artigo, vou ensinar-lhes passo a passo a criar padrão no Photoshop, fazer um custom photoshop pattern simples, que servirá como ponto de partida para os seus próprios patterns (fundos simétricos personalizados).

Essa matéria tutorial está dividida em 3 partes:

Então, vamos começar com as instruções passo-a-passo.


Ex.: Criando um Photoshop Pattern para fundo listrado cinza (6 passos):

1. Crie um novo arquivo no photoshop  com 3 x 3 pixels e 72 pixels/inch,  com fundo transparente e em RGB.

Passo 1 p/ criar Patterns Photoshop = Criando um novo arquivo de fundo

2. Dê um zoom máximo no arquivo, até mais ou menos, 3200% de zoom.

Passo 2: Dê um zoom no arquivo do pattern

3. pinte o fundo de cinza (ou da cor que quiser, ou deixe sem fundo).

Passo 3: cor de fundo do pattern no Photoshop

4. Desenhe uma linha de 3 pixels na diagonal, conforme desenho abaixo. É mais fácil desenhá-la com a ferramenta Lápis, definindo 1 pixel de ponta do lápis.

Passo 4 - Final: Desenhar o Layout do Pattern Photoshop

5. Pronto. O layout do seu background pattern está criado. Agora basta transformar essa arte em um pattern. Para isso, basta ir no menu EDIT e depois em DEFINE PATTERN. Dê um nome para sua Pattern, como por exemplo “Meu Fundo Listrado” e OK.

6. Pode fechar o documento. Pode inclusive fechar o documento sem salvá-lo, pois o pattern já estará salvo na lista. Se quiser realizar alterações no futuro, ai sim, salve o arquivo do photoshop pattern em PSD.


Como Usar o Pattern no Photoshop (4 passos)

1. Agora, abra um arquivo com as características: 400 x 400 pixles, 72dpi, transparente, RGB.

2. Vá até o menu EDIT > Fill… (Acho que é Preencher, no Photoshop em Português)

Passo 1: Como usar o Photoshop Pattern Background

3. No primeiro campo escolha “Use: Patterns”. Embaixo, onde tem escrito “Custom Patterns“, clique na imagem do quadradinho ao lado. Surpresa! Seu pattern está na na lista! Clique nele, para que ele seja selecionado e dê OK!

Passo 2: Usar o Photoshop Pattern Background (Fundo Padrão)

4. Pronto. Você verá o resultado.



+60 Opções de Download de Photoshop Patterns (.PAT):

As Patterns para Photoshop são arquivos com extensão .PAT que você pode achar de forma gratuita em diversos sites de download na internet. Alguns deles:

Como inserir os Background Patterns no Photoshop?

Após fazer o download desses arquivos .pat, siga os seguintes passos para inserir o pattern no Photoshop:

  1. Com o Photoshop aberto, vá até o menu Edit > Preset Manager…
    (fica lá embaixo, logo acima de configurações de cor)
  2. Abrirá uma tela. No tipo, escolha “Patterns ou Padrões” e clique em LOAD ou Carregar.
  3. Localize o arquivo .PAT e dê OK para carregar.
  4. Pronto. Os padrões baixados foram inseridos na listagem!

Se você observou bem essa dica, deve ter percebido que esse processo não funciona apenas para inserir “Patterns”. Ele funciona para inserir TUDO no Photoshop: patterns, styles, shapes, pincéis personalizados, gradientes, tudo…

Espero que tenha gostado da dica e dos links para download de packs com patterns de Photoshop. Qualquer dúvida, conta pra gente abaixo nos comentários.

Como Montar Seu Negócio Online e Ganhar Dinheiro na Internet

2 comentários em “Tutorial: Como Criar e Inserir Patterns no Photoshop”

  1. essa pagina de download de patterns não tem nada gratuito, só perdi tempo me cadastrando

    1. Oi Kelly, muito obrigado pela informação! Esses patterns eram gratuitos antes no site, mas mudaram e não tínhamos como saber. Modificamos o texto do nosso artigo e colocamos novos links de patterns GRÁTIS, para que você possa experimentar! Obrigado!

Comentários encerrados.

WhatsApp Chat