/Design

voltar
/Design

Criando uma bola de vidro e trabalhando com relfexo

PorFabio Lody em

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 300×300 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!

Deixe um comentário! 20

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Comentando como Anônimo

  1. amigo, esse passo eh feito com a ferramenta Gradiente… fiz dessa maneira e obtive o resultado esperado, pois naum eh citado no passo 12…

  2. Olá! Sou inciante no photoshop, e a cada dia me interesso mais pelo programa graças a você! As materias e os efeitos ensinados são maravilhosos! Mas a minha dúvida é a seguinte … poderia por exemplo melhorar a qualidade de uma foto? Algumas fotos (principalmente de webcam) ficam meio embassadas.. teria como ajeitar isso?

  3. Opaaa fabiooo venho sempre vendo ke vc utiliza se mto dessa letra em japones eu gostaria de saber onde adquiri la para mim poder usar em meus trabalhos…
    valeu

  4. Fábio a dica é show, mas só pra ajudar a galera, no 12º passo temos devemos selecionar a ferramenta degradê / degradê radial.

  5. Olá Fábio, admiro muito o seu trabalho, gostaria que você nos dasse algumas dicas de como fazer para selecionar cabelos de uma pessoa na foto, já que isso é uma tarefa muito difícil…. desde já agradeço a atenção…

  6. Ola meus amigos como vao?
    Bom eu peço a todos q direcionem suas duvidas para meu email por favor. Bom, Luiz gostei da sua sugestao e alias muitos leitores me pedem isso…vou providenciar para proxima semana abraço meus amigos!

  7. Parabéns Fábio, pela extraordinaria capacidade profissional em ajudar a galera com os macetes de FANTASTICO PROGRAMA PHOTOSHOP e Força para continuarmos…
    a construir todos os seus objetivos profissionais!!!
    Tambem gostaria de saber se vc pode mostar uma montagem legal para foto de casamento.
    desde ja fico grato
    sucesso a vc

  8. Olá Fábio, quero te parabenizar pelo trabalho q tem feito, creio q ajudou muita gente, inclusive a mim, como instrutor de Photo Shop, tenho utilizado muitos os seus tutoriais, velu um abraço!

  9. parabéns pelo site, ele é bom pra caramba, ta me ajudando muito com o photoshop, fireworks, e outros continua assim que você vão longe
    VALEW!!!!!!!!!!!!!

  10. Olá Fábio, não consigo fazer o último reflexo como o teu… meu gradient não fica escuro o suficiete na base do circulo para que se confunda com o outro reflexo. Se puderes me ajudar agradeço! valeu, Diego.

  11. Oi Lody. Bom demais ler seus tutos. Há algum tempo os leio e como tenho paixão por design e por photoshop especificamente, já me arrisquei criando alguns tutos também. Estou precisando de um tuto pra criar bolhas com efeito de luzes. Você poderia me dar uma força. Abração pra ti. Denise-BH

  12. olá fábio, tudo bem? olha eu encontrie esse site por acaso e nao posso deixar de elogiar, pois eu odiava o photoshop e agora eu adoro mexer com esse programa.
    fiz várias aulas e deram certas e com final satisfatório demais…
    fábio gostaria de saber como passo a imagem do photoshop para o draw sem que ele perca seus efeitos e estilos?

  13. Caros,
    No 12º passo, só o que eu consigo fazer é arrastar a
    2ª elipse, não consigo clicar em uma posição para definir
    o espaço da máscara.
    Aguardo ajuda.

leia mais