2011Tudotutorial

Criando um menu de site com campo de busca no Photoshop.

Preview Descrição: Hoje veremos como criar uma barra de menu para sites usando layer styles e ferramentas.

tutoriaisphotoshop.net

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

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

tutoriaisphotoshop.net

02. Escolha a cor #313131, pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro do documento para preencher a layer com a cor escolhida, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, defina os valores de 30 pixels para Height e 960 pixels para Width na barra de opções da ferramenta, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, clique no documento,pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor escolhida.

tutoriaisphotoshop.net

03. Vá em Layer> Layer Style> Gradient Overlay e depois em Layer> Layer Style> Stroke, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

04. Escolha a cor #757575, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escolha a fonte Tahoma no tamanho 4, escreva os links como na foto abaixo, para o link em hover a cor usada foi a #ff7200.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

06. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, certifique-se de que a opção Shape Layers esteja ativada, escolha a cor cinza escuro e defina o Radius da ferramenta em 2 pixels, aplique a ferramenta e crie o campo de busca como na foto abaixo.

tutoriaisphotoshop.net

07. Vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow, Layer> Layer Style> Outer Glow, Layer> Layer Style> Color Overlay e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

08. No final seu menu estará como o da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://tutsdir.com/2011/11/26/create-a-clean-dark-navigation-bar/

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 *

cinco × um =

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 :)