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

Tutorial que envolve técnicas usadas por web designers, para criar um menu no adobe photoshop, confira a baixo uma prévia do efeito.










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



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



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







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.



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



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.



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.









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



Fonte: Tutoriais photoshop