em ,

Criando um menu de navegação azul.

Preview Descrição: Neste tutorial veremos como criar uma barra de navegação usando ferramentas, layer styles, modos de blend e filtros.

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. Vá em Edit> Fill e escolha a cor #030d1a.

tutoriaisphotoshop.net

03. Pressione Ctrl+J para duplicar a layer, dê o nome de Noise, vá em Filter> Render> Add Noise, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

04. 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 a letra U do teclado para selecionar a Rounded Rectangle Tool, defina os valores abaixo e crie um retângulo como o da imagem seguinte.

tutoriaisphotoshop.net

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. Defina o gradiente como a cor #2a4060 em 0%, #334e71 em 12%, #263f64 em 40%, #a6ccda em 75% e #395374 em 100%.

tutoriaisphotoshop.net

08. Vá em Layer> Layer Style> Stroke e defina os valores abaixo.

tutoriaisphotoshop.net

09. Para o gradiente defina a cor #ffffff em 0% com opacidade em 0%, #ffffff em 100% e opacidade em 100%, #ffffff em 0% e opacidade em 0%.

tutoriaisphotoshop.net

10. Sua barra deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

11. Com a tecla Ctrl pressionada clique sobre a miniatura da layer para ativar a seleção ao redor do retângulo criado.

tutoriaisphotoshop.net

12. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Left Side Stroke, vá em Edit> Fill e escolha a cor #ffffff, pressione Ok.

tutoriaisphotoshop.net

13. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, mova o retângulo 1 pixel para a direita, com a tecla Ctrl pressionada clique sobre a miniatura da layer para ativar a seleção, vá em Layer> Hide Layers para retirar a visibilidade da layer, clique na layer original e pressione Delete, mude o modo de blend da layer para Overlay.

tutoriaisphotoshop.net

14. Pressione Ctrl+J para duplicar a layer, vá em Edit> Transform> Flip Horizontal para girar a layer horizontalmente, pressione a letra V do teclado para selecionar a Move Tool e posicione a cópia da layer no canto direito do retângulo.

tutoriaisphotoshop.net

15. 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, sua cor de Foreground deve ser a branca, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva o nome dos links que irão na barra.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

17. Vá em Layer> Layer Style> Gradient Overlay e crie um gradiente que vá da cor #6892d8 para a cor #dcffff.

tutoriaisphotoshop.net

18. Sua barra deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

19. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie uma seleção como a da foto abaixo.

tutoriaisphotoshop.net

20. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do transparente para o preto no modo Radial.

tutoriaisphotoshop.net

21. Aplique como na foto abaixo.

tutoriaisphotoshop.net

22. Defina a opacidade da layer em 90% e o modo de blend em Soft Light.

tutoriaisphotoshop.net

23. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção com 1 pixel de largura e 45 pixels de altura, pressione Ctrl+Shift+Alt+N para criar uma nova layer.

tutoriaisphotoshop.net

24. Pressione a letra G do teclado para selecionar a Gradient Tool, defina o gradiente no modo Linear, defina o gradiente em #ffffff em 0% e opacidade em 0%, #ffffff em 0% e opacidade em 0%, #ffffff em 50% e opacidade em 100% e #ffffff em 0% e opacidade em 0%.

tutoriaisphotoshop.net

25. Mude o modo de blend da layer para Overlay, repita o procedimento mudando a cor branca para preta e deixe ao lado da barra em branco, no final sua barra estará como a da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://www.moderntuts.com/tutorials/interfaces/how-to-create-navigation-bar-in-photoshop/

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 um comentário

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

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

Ken e Ryu brigando em Stop-Motion.

Inspiração, Cartazes de Cinema: Super 8.