no ,

Criando uma barra de navegação para websites.

Preview Descrição: Neste tutorial veremos como criar uma barra de navegação para website usando algumas ferramentas e layer styles.

tutoriaisphotoshop.net

(adsbygoogle = window.adsbygoogle || []).push({});

01. Pressione Ctrl+N para criar um novo documento e defina os valores abaixo.

tutoriaisphotoshop.net

02. Vá em Layer> New> Layer ou pressione Ctrl+Shift+Alt+N para criar uma nova layer.

tutoriaisphotoshop.net

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.

tutoriaisphotoshop.net

04. Vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriaisphotoshop.net

05. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

tutoriaisphotoshop.net

06. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

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.

tutoriaisphotoshop.net

08. Agora vá em Layer> Layer Style> Blending Options e defina os valores abaixo.

tutoriaisphotoshop.net

09. Vá em Layer> Layer Style> Pattern Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

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.

tutoriaisphotoshop.net

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.

tutoriaisphotoshop.net

Site de origem: http://www.webdesign.org/photoshop/web-layout/striped-navigation.15305.html

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

vinte + 1 =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Jump, vídeo criado por Julien Regnard.

Inspiração, Cartazes de Rock: Buck 65.