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

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.