Júlio César Milanês: Barra de Navegação 02

Tutorial PhotoShop: Fazendo uma Barra de Navegação

1. Abra um novo arquivo. Nesse tutorial utilizei a cor #2D2D2D como fundo. Criei uma nova camada e nomei-a como “barra“. Com a ferramenta de Seleção Retangular (Tecla “M”), faça a seleção de um retângulo.

2. Pinte a parte que foi selecionada com a cor desejada. Neste tutorial, utilizei #4D86B7. Após pintar a área selecionada, você não irá precisar mais da seleção. Aperte CTRL + D para retirá-la.

3. Crie uma nova camada e nomei-a como “seções“. Com a ferramenta Rounded Rectangle (Tecla “U”), faça as abas das seções.

4. Duplique a camada “seções” para criar as outras seções. Faça isso o número de vezes necessário para a quantidade de seções que irá ter a barra. Nesse tutorial, utilizarei 4 abas e um pequeno pedaço da 5 aba. Ao duplicar a camada, utilizando as setas do teclado, movimente para a direita até que uma aba esteja completamente ao lado de outra. No meio das abas, deixei apenas uma linha central no topo.

5. Agora iremos unir a camada “barra” com as camadas duplicadas das seções. Selecione a última camada duplicada da camada “seções” e aperte CTRL + E. Faça isso até as camadas das seções se unirem com a camada “barra”.

6. Como a ferramenta Dodge (Tecla “O”), faça uma linha em cima da barra. Quanto mais vezes passar, mais brilho irá dar. (DICA: para manter uma linha reta, mantenha pressionado a tecla SHIFT). Configurações da ferramenta conforme a figura abaixo:

7. Agora aplique os seguintes efeito para a camada “barra“:

8. Crie uma nova camada e nomei-a como “linha“. Com a ferramenta Pencil (lápis, Tecla “B”), faça uma linha nas junções das seções. Repita o passo para as outras junções de seções.