André Sugai 
Descrição: Neste tutorial veremos como criar uma barra de navegação usando ferramentas, layer styles, modos de blend e filtros.
(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 escolha a cor #030d1a.
03. Pressione Ctrl+J para duplicar a layer, dê o nome de Noise, vá em Filter> Render> Add Noise, defina os valores abaixo e pressione Ok.
04. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, defina os valores abaixo e crie um retângulo como o da imagem seguinte.
05. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo
06. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
07. Defina o gradiente como a cor #2a4060 em 0%, #334e71 em 12%, #263f64 em 40%, #a6ccda em 75% e #395374 em 100%.
08. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.
09. Para o gradiente defina a cor #ffffff em 0% com opacidade em 0%, #ffffff em 100% e opacidade em 100%, #ffffff em 0% e opacidade em 0%.
10. Sua barra deverá ficar como a da foto abaixo.
11. Com a tecla Ctrl pressionada clique sobre a miniatura da layer para ativar a seleção ao redor do retângulo criado.
12. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Left Side Stroke, vá em Edit> Fill e escolha a cor #ffffff, pressione Ok.
13. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, mova o retângulo 1 pixel para a direita, com a tecla Ctrl pressionada clique sobre a miniatura da layer para ativar a seleção, vá em Layer> Hide Layers para retirar a visibilidade da layer, clique na layer original e pressione Delete, mude o modo de blend da layer para Overlay.
14. Pressione Ctrl+J para duplicar a layer, vá em Edit> Transform> Flip Horizontal para girar a layer horizontalmente, pressione a letra V do teclado para selecionar a Move Tool e posicione a cópia da layer no canto direito do retângulo.
15. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva o nome dos links que irão na barra.
16. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
17. Vá em Layer> Layer Style> Gradient Overlay e crie um gradiente que vá da cor #6892d8 para a cor #dcffff.
18. Sua barra deverá ficar como a da foto abaixo.
19. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie uma seleção como a da foto abaixo.
20. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do transparente para o preto no modo Radial.
21. Aplique como na foto abaixo.
22. Defina a opacidade da layer em 90% e o modo de blend em Soft Light.
23. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção com 1 pixel de largura e 45 pixels de altura, pressione Ctrl+Shift+Alt+N para criar uma nova layer.
24. Pressione a letra G do teclado para selecionar a Gradient Tool, defina o gradiente no modo Linear, defina o gradiente em #ffffff em 0% e opacidade em 0%, #ffffff em 0% e opacidade em 0%, #ffffff em 50% e opacidade em 100% e #ffffff em 0% e opacidade em 0%.
25. Mude o modo de blend da layer para Overlay, repita o procedimento mudando a cor branca para preta e deixe ao lado da barra em branco, no final sua barra estará como a da foto abaixo.
Site de origem: http://www.moderntuts.com/tutorials/interfaces/how-to-create-navigation-bar-in-photoshop/
