André Sugai
Descrição: Neste tutorial veremos como criar uma barra de navegação para website usando algumas ferramentas e layer styles.
(adsbygoogle = window.adsbygoogle || []).push({});
01. Pressione Ctrl+N para criar um novo documento e defina os valores abaixo.
02. Vá em Layer> New> Layer ou pressione Ctrl+Shift+Alt+N para criar uma nova layer.
03. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada e crie um retângulo que pegue toda área do documento.
04. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
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. Clique com o botão direito do mouse sobre a layer e escolha a opção Duplicate Layer ou pressione Ctrl+J para duplicar a layer.
08. Agora vá em Layer> Layer Style> Blending Options e defina os valores abaixo.
09. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.
10. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção como a da foto abaixo, 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 Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique dentro da seleção para preencher com a cor branca, defina a opacidade da layer em 10%, pressione Ctrl+D para desabilitar a seleção.
11. Pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva os links que estarão na sua barra de navegação.
Site de origem: http://www.webdesign.org/photoshop/web-layout/striped-navigation.15305.html
