Descrição: Neste tutorial veremos como criar um menu de navegação para sites com shapes e layer styles.
(adsbygoogle = window.adsbygoogle || []).push({});
01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.
02. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja selecionada, defina o Radius em 50 pixels e crie um shape como o da foto abaixo.
03. Vá em Layer> Layer Style> Drop Shadow, escolha a cor #b9b8b8 e defina os valores abaixo.
04. Vá em Layer> Layer Style> Inner Shadow, escolha a cor #fffafa e defina os valores abaixo.
05. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.
06. Defina o gradiente como na foto abaixo.
07. Vá em Layer> Layer Style> Stroke, escolha a cor #211f25, defina os valores abaixo e pressione Ok.
08. Escolha a cor #ffffff, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva os links da sua barra de menu, no caso deste tutorial a fonte usada foi a Arial Bold, 15 pt, sua barra de navegação deverá ficar como a da foto abaixo..
10. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, defina o Radius de 8 pixels, pressione Ctrl+Shift+Alt+N para criar uma nova layer e crie um shape como o da foto abaixo.
11. Para a pequena seta superior pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shape Layers esteja ativada, crie o pequeno triângulo como na foto abaixo e depois pressione Ctrl+E para mesclar as layers.
12. Agora vá em Layer> Layer Style> Drop Shadow, escolha a cor #acacac e defina os valores abaixo.
(adsbygoogle = window.adsbygoogle || []).push({});
13. Vá em Layer> Layer Style> Inner Shadow, escolha a cor #fffafa e defina os valores abaixo.
14. Vá em Layer> Layer Style> Stroke, escolha a cor #211f25 e defina os valores abaixo.
15. Adicione os links como fizemos anteriormente.
16. Agora pressione a letra M do teclado para selecionar a Single Row Marquee Tool, pressione Ctrl+Shift+Alt+N para criar uma nova layer, clique para aplicar a seleção, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher com preto.
17. Desça a seleção 1 pixel, escolha a cor #38363c e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique na seleção para preencher com a cor escolhida.
(adsbygoogle = window.adsbygoogle || []).push({});
18. Seu menu ficará como a da foto abaixo.
19. Repita o mesmo procedimento para o novo menu.
20. No final seu menu ficará como o da foto abaixo.
site de origem: http://www.webdesign.org/photoshop/drawing-techniques/how-to-create-a-sleek-navigation-bar-in-photoshop.21113.html