Tutorial Photoshop – Menu horizontal de links Para site

Crie um novo documento, de qualquer tamanho. Agora preencha o fundo com a cor #1a1a1a.

Crie uma nova camada, em seguida, com a ferramenta Rectangular Marquee Tool, faça uma
seleção do tamanho da barra de navegação que deseja criar (no nosso exemplo, de 40px).
Preencha a seleção com a mesma cor usada no fundo.

Após preencher a nova camada, aplique o estilo de camada Gradient Overlay para dar um
destaque à seleção:

Gradient Overlay

Crie uma nova camada e, usando a ferramenta Rectangular Marquee Tool, faça uma seleção
na parte superior da barra de navegação criada, mas, desta vez apenas com a metade da
altura:

Usando a ferramenta Gradient Tool, faça um gradiente branco para transparente do topo
para a base da seleção. Se você não souber como fazer isso, basta preencher a seleção com
branco.

Altere o modo da camada para Soft Light ou Overlay, e diminua a opacidade para cerca de 20-
50%.

Vamos criar os botões?

Na camada brilhante, faça uma seleção da altura da barra, mas com cerca de 80-120 pixels de
largura.

Em uma nova camada, preencha a seleção com a cor #2a88c5 e aplique o mesmo estilo de
camada Gradient Overlay utilizado anteriormente, na camada da barra de navegação. Teremos
algo parecido com isso:

Por último, vamos adicionar o texto.

Crie uma nova camada e escreva o texto em cima da camada do botão, use a cor branca.
Agora aplique à camada de texto os estilos da camada Outer Glow e Stroke, com os
parâmetros seguintes:

Outer Glow
Stroke

Agora é só criar outros botões!

Faça o primeiro comentário a "Tutorial Photoshop – Menu horizontal de links Para site"

Comentar

O seu endereço de email não será publicado.


*