Barra Estilo Glass Imprimir E-mail

Tutorial Photoshop: como fazer uma barra com um estilo Glass.

Este tutorial foi desenvolvido por Breno S. Barboza e cedido ao site.

 

1. Abra uma imagem de sua preferência, no meu caso irei usar essa:

A layer onde a imagem se encontra irei chamar de “Base”.

 

2. Pinte o seu background com a ferramenta Lata de Tinta e com a cor “#2f2f2f”. Agora aperte a tecla “D” para resetar sua paleta de cores. Selecione a ferramenta “Rectangular Marquee Tool” e faça em sua imagem uma seleção mais ou menos com as mesmas dimensões de altura representada abaixo:

Ferramenta Lata de Tinta (Paint Bucket)


Ferramenta de Seleção Retangular (Rectangular Marquee)

Barra estilo Glass 02

 

3. Com a layer “Base” ativa e com a seleção mostrada na figura acima feita, pressione “Ctrl+C” e em seguida “Ctrl+V”. Perceba que foi criado uma nova layer, apresentando a cópia da área da seção feita sobre a layer “Base”. De o nome dessa nova camada de “Blur 1″.

 

4. Agora pressione “Ctrl+Shift+N” para criar uma nova layer, nomeando-a de “Sobrepor”. Aperte “X” para inverter sua paleta de cores. Com a tecla “Ctrl” pressionada de um clique na layer “Blur 1″. Pinte a seleção feita, usando a ferramenta “Paint Bucket ” (Lata de Tinta), com a cor branca.
Deixe o “Fill” (opção localizada logo abaixo da opção “Opacity”) dessa camada em “50%” e a “Opacity” em “70%”.

 

5. Sem ter desfeito a seleção, ative a layer “Blur 1″. Com a layer ativa e a seleção anterior ainda feita vá até Filter › Blur › Gaussian Blur… e aplique um Radius de 3 pixels.
Aperte “Ctrl+J” para duplicar a layer “Blur 1″. De o nome da layer duplicada de “Blur 2″.

 

6. Com a layer “Blur 2″ ativa de um clique sobre o “icone” da layer “Sobrepor” com a tecla “Ctrl” pressionada. Aperte “Ctrl+F” duas vezes para aplicar o último filtro usado, no nosso caso o “Gaussian Blur…”. Agora aperte “Ctrl+D” para desfazer a seleção.

 

7. Ative a layer “Sobrepor”, de um clique com o botão direito sobre seu icone e no menu que aparecera clique na opção “Blending Options”. Na janela que abrira atribua as configurações seguintes para o “Outer Glow” e “Inner Glow”:

Barra estilo Glass 03

Barra estilo Glass 04

 

8. Agora crie uma nova layer (”Ctrl+Shift+N”) denominada “Brilho”. De um clique no ícone da layer “Sobrepor” com a tecla “Ctrl” pressionada. Pressione “Ctrl+Shift+I” para inverter a seleção. Faça uma seleção como mostra a figura (parte destacada em branco) abaixo com a tecla “Shift” pressionada:

Barra estilo Glass 05

Feita a seleção mostrada na figura acima aperte “Ctrl+Shift+I” para inverter a seleção.

OBS.: Como pode se notar o objetivo final é dividir a seleção do retângulo branco em duas partes.

 

9. Agora selecione a ferramenta “Gradient Tool” e configure-a da seguinte forma:

Ferramenta Gradiente

Barra estilo Glass 06

Com a layer “Brilho” ativa, trace o seguinte gradiente:

Barra estilo Glass 07

Se o gradiente tiver ficado muito forte refaça ou altere sua “Opacity” até chegar a um resultado semelhante ao abaixo:

Barra estilo Glass 08

 

10. Agora vamos arrumar alguns detalhes. Essa etapa tem como objetivo tirar as bordas do “Outer Glow”, aplicadas no passo “7″, que ficaram sobrando para fora da imagem.
Ative a layer “Sobrepor” e crie uma nova layer (se quiser pode nomeala de “Sobrepor2″).
Com a layer “Sobrepor2″ ativa, de um clique sobre o nome da layer “Sobrepor” com a tecla “Ctrl” pressionada. Aperte Ctrl+E para unir as layers selecionadas.
Com a lauer “Sobrepor2″ ativa, de um clique no ícone da layer “Base”. Aperte “Ctrl+I” para inverter a seleção. Aperte “Delete” e em seguida “Ctrl+D” para desfazer a seleção.

 

11. Brilho Lateral. Ative a layer “Brilho”. Agora crie uma nova layer denominada “Lateral”. Com a layer “Lateral” ativa, de um clique sobre o ícone da layer “Base” com a tecla “Ctrl” pressionada. Pressione “D” e em seguida “X”. Usando a ferramenta “Paint Bucket Tool” (Lata de Tinta) e com a layer “Lateral” ativa, pinte a seleção. Deixe o “Fill” da layer “Lateral em “0%”.
Clique com o botão direito sobre a layer “Lateral” e em seguida “Blending Options”. Aplique as configurações abaixo para o “Inner Glow”:

Barra estilo Glass 09

 

12. Crie agora uma nova layer denominada “Lateral2″. Com a layer “Lateral2″ ativa, de um clique sobre o nome da layer “Lateral” com a tecla “Ctrl” pressionada. Aperte Ctrl+E para unir as layers selecionadas.

 

13. Reta Final. Selecione a ferramenta “Eraser Tool” e use as seguintes configurações:

Ferramenta Borracha (Eraser)

Barra estilo Glass 10

Agora basta apagar o exesso superior da layer “Lateral2″.
Repare no resultado final o brilho lateral:

Barra estilo Glass 11

Webtutoriais:A6B8EE9D