Tutorial Photoshop: Criando uma barra de navegação do estilo Glasstuto14.jpg

1. Crie uma camada e nomei-a como “nav“. Com a ferramenta Rounded Rectangle ( Aperte a tecla “U”) faça sua barra de navegação . Utilize as configurações abaixo, com raio de 12px.

tuto14a.gif

2. Aplique os seguintes efeitos (Blending Options) para a camada “nav“:

tuto14b.gif

tuto14c.gif

tuto14d.gif

3. Coloque 20% para opacidade da camada nav.

tuto14e.gif

4. Criei uma nova camada e nomei-a como “Linha Superior“. Com a ferramenta de Seleção Retangular ( Aperte a tecla M), faça uma linha na parte superior da barra e pinte com a cor branca. Coloque como 40% de opacidade.

tuto14f.gif

5. Crie uma nova camada e nomei-a como “brilho“. Com a ferramenta Rounded Rectangle ( Aperte a tecla “U”) faça um retângulo como mostra a figura. Defina a camada “brilho” com 20% de opacidade.

tuto14g.gif

tuto14h.gif

6. Escreva o nome das seções.

tuto14i.gif

7. Crie uma nova camada e nomei-a como “barra“. Com a ferramenta Rounded Rectangle ( Aperte a tecla “U”), faça um retângulo como mostra a figura.

tuto14j.gif

8. Pinte a seleção com a cor branca. Defina 20% de Opacidade, e aplique o seguinte efeito:

tuto14l.gif

9. Repita os passos 7 e 8 para fazer as barras divisórias das outras seções. (Dica: Apenas duplique a camada barra, e movimente as barras. Com isso, você não terá que fazer os passos 7 e 8). Repare que sua barra é ainda transparente.

tuto14m.gif

Fonte: OnLab