Webdesign, Dicas CSS e WebStandard, Temas, Plugins e Tutorias de WordPress, Otimização SEO, Marketing Digital e +…


 Powered by Max Banner Ads 

Como criar e inserir patterns no Photoshop


 Powered by Max Banner Ads 

» Hospedagem Profissional de Sites por R$ 11,99. Acredite!
Você terá seu site ou blog hospedado por 1 ANO, com suporte 24hs, contas de e-mail ilimitadas, banco de Dados, PHP + MySql, painel em portugûes, ferramentas de estatísticas de acesso e muito mais. Conheça a HostDime!


Como criar Patterns no Photoshop?

Patterns são pequenas imagens que são repetidas infinitas vezes, inseridas lado a lado automaticamente, formando aqueles backgrounds(fundos) que utilizamos nos documentos criados.

Vou ensiar-lhes a fazer um pattern simples, que servirá como ponto de partida para os seus próprios patterns personalizados.

Criando um pattern para fundo listrado cinza

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


pattern-no-photoshop-1

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

pattern-no-photoshop-2

3. pinte o fundo de cinza.

pattern-no-photoshop-3

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.

pattern-no-photoshop-4

5. Pronto. O layout do seu 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 esse arquivo em psd.

Como utilizar o Pattern Criado no Photoshop

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)

pattern-no-photoshop-5

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!

pattern-no-photoshop-6

4. Pronto. Você verá o resultado.

Como inserir novos Patterns Personalizados no Photoshop?

Patterns para photoshop são arquivos com extensão .PAT
Após fazer o download dos arquivos, siga os seguintes passos:

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…

Para testar a dica acima, faça o DOWNLOAD de um pack com 25 patterns de Photoshop e tente inserí-lo no seu painel.

Veja também nesse blog:

Comente a matéria

7 comentários

  1. nossa, me ajudou muito.
    obg. ^^

  2. Que bom q pode aproveitar nossa dica, Sah!
    Nosso blog está um pouco desatualizado no momento, porém a próxima equipe que tomará conta do blog entrará com tudo! rs
    Mantenha contato!

    Att,
    Rhodes (Filardi)

  3. Valeu Fera!

  4. Samira /

    Olá! foi bem difícil encontrar uma explicação tão preciosa quanto esta, para instalar meus patterns!
    Valeu!!

  5. Que bom que gostou, samira. Se tiver duvida em algum outro assunto, me pergunte. Terei o maior prazer em dedicar um post para sua duvida!!! Isso vale pra todos, ta! Outra coisa q vale p todos eh conhecer a fabrica dos milionarios clicando no banner do meu site. Estou nesse momento escrevendo atraves do meu novo celular smartphone android, que comprei com o dinheiro ganho na fabrica! Simplesmente sensacional.

  6. Valew,parabens pelo site

  7. Marco Souza /

    Muito bom, Gostaria de receber em meu e-mail essas dicas. Obrigado pela atenção

Trackbacks/Pingbacks

  1. Download Wood Style e Patterns para Photoshop - Estilo Madeira | RHOdesign Blog: Webdesign, Otimização SEO e Webmarketing - [...] Aprenda a usar e instalar patterns e styles no Photoshop [...]
  2. teste « Geraldo José Fernandes - [...] Como criar e inserir patterns no Photoshop | RHOdesign Blog … www.rhodesign.com.br/blog/como-criar-e-inserir…/224/ – Em cache [...]
  3. Patterns « Bianca Giglio - [...] RHOdesign ♦ Gisele Roncon ♦ Padronagens ♦ Patterrific Rate this: FacebookTwitterEmailPrintMaisRedditStumbleUponDiggLike this:LikeBe the first to like this post. [...]

Deixe um comentário