Dicas Rápidas Photoshop #10: Usando Pattern OverlayListThumbs

Dicas Rápidas Photoshop #10: Usando Pattern Overlay

junho 08, 2009

Hoje vou mostrar uma dica simples no Photoshop que muitas pessoas desconhecem e que pode ser muito útil. Criar patterns e fazer patterns overlay pode poupar bastante trabalho e também parecer muito legal se você souber usar as ferramentas de maneira certa.

Para começar precisaremos de um pattern, eu tenho um pattern que gosto de usar de vez em quando. É o mesmo que uso como background no meu twitter, www.twitter.com/paul0v2, você pode pegá-lo aqui.

Você pode usar essa imagem como pattern ou pode escolher qualquer outra. Para transformar essa imagem em um pattern você precisa abrir o Photoshop, pressionar Ctrl or Cmd+A (para selecionar tudo) e ir até Edit > Define Pattern, você pode nomear como wood pattern (pattern de madeira), depois que fizer isso o pattern será salvo no seu Photoshop até que o delete de lá.

Agora que temos um bom pattern nós vamos continuar para usar o efeito Pattern Overlay. Abra um documento novo, você pode usar o tamanho do seu background. No meu caso usei 1440x900 px com um background preto e fonte Sybil Green (faça o download em http://www.1001fonts.com/font_details.html?font_id=1183), escrevi Abduzeedo em branco.

Nós vamos aplicar o Pattern Overlay na layer do texto agora, clicando em Add Layer Style no seu layer pallet e clique em Pattern Overlay (selecione o wood pattern) e o seu resultado deve ser como este:

Agora que sabemos o que o Pattern Overlay faz, nós vamos brincar mais usando o BushPack01.2 (faça o download em http://ariel-g.deviantart.com/art/BrushPack-01-2-47913845). Vou adicionar o mesmo Pattern Overlay e brincar com o brush até que tenha algo legal como isto:

Clique na imagem para aumentá-la

Parece bom, mas precisamos de um contraste melhor entre o texto e o background, então o que vamos fazer é pressionar o Ctrl ou Cmd e clicar na layer do texto, isso vai selecionar o texto. Agora crie uma nova layer e pinte a seleção do texto de preto e vá até Select>Modify>Contract 1pixel e delete o restante. Com isso teremos uma borda de 1px ao redor do texto. Para melhorar ainda mais o contraste podemos clicar na layer do texto e ir até Add Layer Style novamente, mas desta vez vamos adicionar um Drop Shaddow e como resultado final terá algo assim:
Clique na imagem para aumentá-la

Download .psd

Apenas um lembrete, não fiz o tutorial para que você saiba fazer a imagem, fiz para que você aprenda a usar o Pattern Overlay e possa adaptar o efeito da sua maneira para usá-lo sempre que quiser ou precisar. Espero que tenha sido uma boa dica! Se tiver alguma sugestão para o próximo tutorial, deixe um comentário ou entre em contato. Obrigado.

Editado por GisMullr

Sobre o autor

Hi! I'm Paulo Canabarro and I'm here to post some really cool stuff for you, if you have any ideas or any requests please get @ me - pvpcanabarro@gmail.com you can also Follow me on twitter!

Sponsored Links:

Mais conteúdo sobre:

Compartilhe com os outros!

1 Comment

Fernando Fernandes07/14/2009

Perfeito!!!!

parabens!

poderia ser teu discipulo!

hauhuahuauhuahuahuau

abraço e fica com deus!

Comentar

O conteúdo deste campo é privado não será exibido ao público.

Ícones dos Anunciantes

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Você gostaria de anunciar aqui?