| Barra de Navegação estilo Glass |
|
|
|
Criando uma barra de navegação do estilo Glass
1. Crie uma camada e nomei-a como “nav“. Com a ferramenta Rounded Rectangle, faça sua barra de navegação . Utilize as configurações abaixo, com raio de 12px.
2. Aplique os seguintes efeitos (Blending Options) para a camada “nav“:
3. Coloque 20% para opacidade da camada nav.
4. Criei uma nova camada e nomei-a como “Linha Superior“. Com a ferramenta de Seleção Retangular, faça uma linha na parte superior da barra e pinte com a cor branca. Coloque como 40% de opacidade.
5. Crie uma nova camada e nomei-a como “brilho“. Com a ferramenta Rounded Rectangle faça um retângulo como mostra a figura. Defina a camada “brilho” com 20% de opacidade.
6. Escreva o nome das seções.
7. Crie uma nova camada e nomei-a como “barra“. Com a ferramenta de Seleção Retangular, faça um retângulo como mostra a figura.
8. Pinte com a ferramente Lata de Tinta a seleção com a cor branca. Defina 20% de Opacidade, e aplique o seguinte efeito:
9. Repita os passos 7 e 8 para fazer as barras divisórias das outras seções.
|



Barra de Navegação estilo Glass













