Criando um Background estilizado com Patterns.

Descrição: Hoje veremos como criar um background usando um pattern criado no Photoshop.

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

02. Vá em Edit> Fill e defina os valores abaixo.

03. Pressione a letra V do teclado para selecionar a Move Tool, clique na seta direcional do teclado 7 vezes para a esquerda e 7 vezes para cima, seu documento deverá ficar como o da foto abaixo.

04. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Edit> Fill e defina os valores abaixo.

05. Pressione a letra V do teclado para selecionar a Move Tool, clique na seta direcional do teclado 7 vezes para a esquerda e 7 vezes para cima, seu documento deverá ficar como o da foto abaixo.

06. Agora clique duas vezes para a direita e mais duas vezes para baixo.

07. Defina a opacidade da layer em 14%.

08. Clique na layer que contém o quadrado preto e defina a opacidade da layer em 60%.

09. Vá em Edit> Defina Pattern, dê um nome qualquer e pressione Ok.

10. Agora pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

11. Escolha um cor qualquer, no caso deste tutorial foi usado um vermelho médio (R 117, G 0, B 0) vá em Edit> Fill e defina os valores abaixo.

12. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Edit> Fill e defina os valores abaixo, escolha o Pattern que criamos anteriormente e pressione Ok.

13. Defina a opacidade da layer em 25%.

14. Vá em Layer> New Adjustment Layer> Gradient, defina o gradiente abaixo e pressione Ok.

15. Mude o modo de blend da layer para Multiply e defina a opacidade em 65%.

16. Caso queira estilizar o grid clique na layer do Pattern pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Perspective, distorça a vontade, pressione Enter para finalizar a transformação e no final seu efeito estará como o da foto abaixo.

site de origem: http://www.webdesign.org/photoshop/drawing-techniques/photoshop-retro-grid-background.17082.html