2011Tudotutorial

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.

www.tutoriaisphotoshop.net

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

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

www.tutoriaisphotoshop.net

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

www.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.

www.tutoriaisphotoshop.net

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

www.tutoriaisphotoshop.net

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

www.tutoriaisphotoshop.net

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

www.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.

www.tutoriaisphotoshop.net

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

www.tutoriaisphotoshop.net

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

www.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.

www.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.

www.tutoriaisphotoshop.net

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

Deixe seu voto

Mostrar mais

Artigos relacionados

Deixe uma resposta

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

1 × 5 =

Botão Voltar ao topo

Add to Collection

No Collections

Here you'll find all collections you've created before.

Fechar
Fechar

Adblock Detectado

Este site sobrevive com anúncios, desative seu Adblock para acessar nosso conteúdo. Isso garante que possamos continuar com nosso conteúdo de forma gratuita! Obrigado :)