Elegante menu azul no photoshop

2010-06-07 18:37

1º passo

Crie um novo documento no photoshop com o tamanho de 800x600 pixels e preencha o fundo com a cor #333333.

Para deixar o fundo com uma aparência melhor, aplique um efeito noise. Vá emfilter/noise/add noise e deixe em 1%.

2º passo

Selecione a ferramenta Rounded Rectangle Tool, defina seu radius em 5px e crie um retângulo que servira como nosso menu.

3º passo

Com o retângulo criado, vá no painels layers e renomeie a camada para menu. Isso facilita e organiza o trabalho.

4º passo

Na camada do menu, clique com o botão direito do mouse e escolha blending options. Configure como mostra abaixo:

Gradient overlay

Inner shadow

Drop shadow

5º passo

Volte no painel das layers, crie uma pasta e renomeie para "separadores".

6º passo

Com a pasta separadores selecionada, crie uma nova layer.

7º passo

Selecione a ferramenta Line tools e crie uma linha vertical no menu.

8º passo

Duplique essa camada e desloque para o lado formando duas linhas. A dica é dar um zoom para melhorar a visualização.

9º passo

Defina a cor das duas linhas de acordo com a imagem abaixo:

10º passo

Com a tecla control pressionada, selecione as duas camadas do separador e dê um control + E.

Após unir as camadas, renomeie a camada que sobrou para separador.

11º passo

Agora temos que retirar as rebarbas das linhas que ficaram para fora do menu. Para isso, pressione a tecla Control e dê um clique na camada menu.

Repare que surgiu uma seleção em torno do menu. Retorne para a camada separador (pode soltar a tecla control), e acesse o menu Layer/Layer mask/Reveal selection.

Veja como ficou perfeito o separador.

Obs: Para criar todos os outros separadores, basta que você duplique o já existente.

12º passo

Esquecendo um pouco os separadores, vamos dar um toque especial no fundo do nosso menu. Crie uma pasta acima da layer menu e renomeie para "fundo menu".

Crie uma layer e renomeie para "bg-menu".

13º passo

Selecione a ferramenta brush tool.


Related Posts with Thumbnails