Fazendo uma barra de navegação brilhante

Este tutorial te encinará a fazer uma barra de navegação brilhante e com cores bem vivas.

Site original: Photoshop Star
Idioma: Inglês (Traduzido para o Português por PSD STAR)
Autor: Photoshop Star
Categoria: Gráficos Web




1. Criando um novo documento.

Em primeiro lugar, comece fazendo um novo documento em que você possa fazer esta barra de navegação! (Eu usei um modelo regular de tamanho 800 × 1000, mas você pode querer usar um tamanho muito menor para este tutorial.)

2. Criando a barra.

Comece criando uma nova layer. Agora faça uma seleção dentro de seu documento, preencha com a cor # 52A1C4 .

Agora aplique um Gradient Overlay com estas opções.

3. Adicionar o brilho.

Crie uma nova layer e selecione a layer da barra principal (CTRL + Clique na layer miniatura) agora vá em Select> Modify> Contract .

Depois de fazer o contract na seleção, encontre a Gradiente Tool (T) e defina o Gradiente transparente.

Desde o início da seleção faça um gradiente para a área central da seguinte maneira:

Agora um gradiente menor no fundo:

Mude o modo da layer do Gradiente para Overlay, e diminua a opacidade se necessário.

4. Adicionando o texto.

Para o texto eu usei: Tahoma, 11 pt, Negrito, Branco com 100% Drop Shadow, como mostrado na imagem abaixo:

Resultado final:

Se ficou alguma dúvida, pergunte-a nos comentários.