Barra de navegação estilizada

Bom, hoje vou traduzir uma barra de navegação, muito útil para sites e
portfolios. :)

Veja o resultado final:





1º Passo: Faça um novo documento do tamanho que preferir, no caso
400x150. Use uma cor para começar o botão, no caso azul. Agora faça um shape
com a Rounded Rectangular Tool, mais ou menos como o layer abaixo.



2° Passo: Selecione o layer do shape, clique no botão Layer Style e
selecione Blending Options.


Utilize esssas configurações:


Drop Shadow:








sua imagem deverá estar assim:




3º Passo: Crie uma linha branca de 1px, posicione-a em cima do retangulo e
deixe sua opacidade em 30%:



4º Passo: Agora vamos criar o brilho. Faça um novo layer, escolha a
cor branca e faça um shape como mostrado na figura, usando a Rounded
Rectangular Tool.



5º Passo: Agora você pegue esse retangulo branco e ajuste sua
opacidade para 20%, e pronto, está criada sua barra ;)




Creditos: http://www.100tutorials.com/navigation.html