Meus grandes amigos! Como vão? Hoje veremos uma matéria sobre um efeito muito usado em sites por aí, em topos, menus e outras áreas, dando a impressão de reflexo. Aqui veremos a criação desde o primeiro passo. Desde a criação de uma elipse perfeita, inclusive usando a grade do Photoshop para nos auxiliar, fazendo assim um trabalho bem mais profissional.

Criando uma bola de vidro

Descrição: Explicação sobre como criar uma bola de vidro no Photoshop
Software ultilizado: Photoshop 7.0 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,0
Ao som de: Charlie Brown Jr - Já Era

1º Passo: Crie um arquivo de 300x300 pixels com o fundo branco, 72 DPIs e em RGB.

2º Passo: Pressione "D" para suas cores voltarem às cores padrões do Photoshop. Agora clique sobre o quadro de cor Principal (Foreground).

3º Passo: No momento da tela de "Color Piker" (Seletor de cores), altere os valores exadecimais de cor para #0F2E5C.

4º passo: Agora escolha a ferramenta "Rectangle Tool".

E alterne para "Elipse Tool". Agora iremos fazer um circulo perfeito.

5º Passo: Agora pressione "CTRL" + "R" para podermos usar as linhas guia e termos noção exata do tamanho de cada guia e eixo. Pressione CTRL + " . Hablitando assim as "grades" .

6º Passo: Em seguida clique e arraste (segurando "SHIFT") para construir sua elipse, exatamente na coordenada 2.2 . (Lembrando que, caso faça sem a ajuda do "shift", a construção do eixo com o mesmo espaço se torna um pouco mais dificil).

7º Passo: Agora que já construimos nossa elipse, não precisamos mais da grade. Então novamente pressionaremos CTRL + ".

8º Passo: Na paleta de camadas, clique com o botão direito sobre a camada que possui o Shape (forma) que usamos e escolha a opção "Rasterize Layer" (Rasterizar a camada)

9º Passo: Como já temos nossa elipse, vamos contruir seu reflexo. Duplique sua camada clicando com o botão direito na paleta de camadas eescolhendo a opção Duplicate Layer (Duplicar Camada). Pressione "CTRL + U" para acessarmos a tela de "Hue/Saturation" e coloque os seguintes valores:

0
0
+100
V para colorize

10º Passo: Pressione "CTRL+T" e diminua seu tamanho, deixando um pouco menos do tamanho da elipse base como na imagem abaixo:

11º Passo: Vamos na barra de Opção item: Layer (camada) > Add Layer Mask (adicionar mascara) > Reveal all (Revelar todas). Assim adicionaremos uma máscara na nossa segunda camada de elipse.

12º Passo: Clique na posição indicada para definirmos o espaço ultilizado na máscara. (De cima para baixo).

13º Passo: Agora clique na paleta da elipse branca indicada com o quadro verde (tome cuidado para não clicar na máscara que alterará o efeito final).

Sua imagem deverá ficar assim:

14º Passo: Agora vá em Filter (Filtro) > Blur (Desfoque) > Gaussian Blur (Desfoque Gaussiano) e coloque : 9,9

15º Passo: De um CTRL + Clique sobre a camada base (SHAPE 1). Note que a seleção vai para a camada da forma de baixo. Agora repita o passo anterior.

16º Passo: Altere sua opacidade para 45%

Sua imagem deverá ficar assim:

17º Passo: Adicione uma nova camada e clique sobre a ferramenta Pincel (Brush Tool) e altere sua ponta para "Airbrush Soft Round 45" (Círculo Suave 45 pixels) com a cor branco. Faça um ponto como na imagem a seguir:

18º Passo: Agora de um "CTRL + clique" novamente sobre a camada "Shape 1". Vá em: Filter (filtro) > Blur (Desfoque) > Gaussian Blur (Desfoque Gaussiano) e coloque : 14,7

19º Passo: Nesse momento, usando a ferramenta "Elipse Tool", seguindo o mesmo conceito do 4º Passo, faça uma forma como na imagem abaixo (lembrando que a posição é um fator importantíssimo. (Não esqueça de, ao final, rasterizar sua elipse branca).

20º Passo: Repita o 11º Passo para adicionarmos uma máscara ao nosso último reflexo.

21º Passo: Agora altere as propriedades do nosso degradé na barra de opções como na figura abaixo. Em seguinda repita o passo 12 até atingir um reflexo satisfatório.

Seu efeito final:

Aqui com algumas alterações minhas...

Ufa! espero que tenham gostado de nossa aula. Um grande abraço, fiquem com Deus e boa semana a todos!