Como criar um efeito de vidro no Photoshop

Se quiser aprender a criar um efeito de vidro fosco no Photoshop, neste tutorial você aprenderá uma maneira rápida de fazer isso, bem como criar um efeito de vidro reflexivo realista. Como um efeito de vidro fosco pode significar duas coisas diferentes, mostrarei as técnicas para obter os dois: uma sobreposição de vidro fosco útil para elementos de interface do usuário e uma textura de vidro realista.

O que você aprenderá neste tutorial de efeito de vidro do Photoshop

  • Como adicionar um efeito de vidro no Photoshop
  • Como criar um efeito de vidro fosco no Photoshop
  • Como criar três tipos de sobreposição de vidro no Photoshop
  • Como adicionar uma textura de vidro no Photoshop
  • Como criar um efeito de vidro reflexivo no Photoshop

1. Como criar um efeito de vidro fosco no Photoshop

Passo 1

Vamos começar com o efeito de vidro mais básico do Photoshop. Abra sua imagem no Photoshop, clique com o botão direito e selecione Converter para Objeto Inteligente. Dessa forma, você poderá facilmente substituir a foto mais tarde, mantendo o efeito de vidro intacto!

transformar camada em objeto inteligentetransformar camada em objeto inteligentetransformar camada em objeto inteligente

Passo 2

Duplicado o Objeto Inteligente (Control-J) e colocá-lo em um grupo (Control-G).

colocar camada em grupocolocar camada em grupocolocar camada em grupo

etapa 3

Use o Ferramenta Letreiro Retangular (M), ou qualquer outra ferramenta de seleção, para selecionar a área à qual deseja aplicar o efeito de vidro fosco. Em seguida, adicione um Máscara de camada ao grupo.

faça uma seleçãofaça uma seleçãofaça uma seleção
ga-analytics#sendElementsClickEvent”>Fonte da imagem: Envato Elements
adicione uma máscara de camada ao grupoadicione uma máscara de camada ao grupoadicione uma máscara de camada ao grupo

Passo 4

Selecione a camada dentro do grupo e vá em Filtro > Desfoque > Desfoque Gaussiano. Ajusta a Raio para o efeito que você deseja alcançar.

adicionar desfoque gaussianoadicionar desfoque gaussianoadicionar desfoque gaussiano

Passo 5

Nosso efeito de vidro fosco do Photoshop está quase pronto, mas lembre-se de que um efeito de vidro fosco não apenas desfoca a imagem, mas também a ilumina! Então, vamos iluminar a imagem usando um Matiz/Saturação Camada de ajuste. Aumente o Leveza sobre 30.

adicionar saturação de matizadicionar saturação de matizadicionar saturação de matiz
ajustes de saturação de matizajustes de saturação de matizajustes de saturação de matiz
imagem iluminadaimagem iluminadaimagem iluminada

Passo 6

Para torná-lo mais convincente, altere o Modo de mistura para Cor mais clarae ajuste o Opacidade sobre 50%.

altere o modo de mesclagem para uma cor mais claraaltere o modo de mesclagem para uma cor mais claraaltere o modo de mesclagem para uma cor mais clara

E é isso: o efeito de vidro fosco do Photoshop está pronto!

efeito de vidro fosco finaefeito de vidro fosco finaefeito de vidro fosco fina

2. Como criar um efeito de vidro fosco texturizado no Photoshop

Passo 1

Se você deseja criar uma textura de vidro mais detalhada no Photoshop, pode começar da mesma maneira: transforme sua imagem em um objeto inteligente (clique com o botão direito do mouse > Converter em objeto inteligente).

transformar camada em objeto inteligentetransformar camada em objeto inteligentetransformar camada em objeto inteligente

Passo 2

Duplicado o Objeto Inteligente (Control-J) e colocá-lo em um grupo (Control-G).

coloque a camada no grupocoloque a camada no grupocoloque a camada no grupo

etapa 3

Use o Ferramenta Letreiro Retangular (M), ou qualquer outra ferramenta de seleção, para selecionar a área à qual deseja aplicar o efeito de vidro texturizado. Em seguida, adicione um Máscara de camada ao grupo.

selecione a áreaselecione a áreaselecione a área
ga-analytics#sendElementsClickEvent”>Fonte da imagem: Envato Elements
adicionar uma máscara ao grupoadicionar uma máscara ao grupoadicionar uma máscara ao grupo

Passo 4

É aqui que o processo muda. Selecione a camada dentro do grupo e vá para Filtro > Galeria de Filtros. Abra o distorcer guia e selecione Vidro. Use o Fosco textura. Ajuste as configurações para criar o efeito que você precisa – os valores exatos dependerão do tamanho da foto (a minha tem 2.000 px de largura), bem como de sua própria visão. Aqui estão os meus:

  • Distorção: 19
  • Suavidade: 3
  • Dimensionamento: 139%
adicionar filtro de vidroadicionar filtro de vidroadicionar filtro de vidro
filtro de vidro adicionadofiltro de vidro adicionadofiltro de vidro adicionado

Passo 5

O efeito de vidro fosco texturizado é claramente visível agora, mas parece um pouco áspero. Vamos fazer alguns ajustes. Duplicado esta camada (Control-J) e Duplo click isso é Filtrar Galeria filtro. Altere os valores para tornar o glacê menor, quase como ruído. Aqui estão meus valores:

  • Distorção: 19
  • Suavidade: 2
  • Dimensionamento: 95%
adicionar segundo filtro de vidroadicionar segundo filtro de vidroadicionar segundo filtro de vidro
segundo filtro de vidro adicionadosegundo filtro de vidro adicionadosegundo filtro de vidro adicionado

Passo 6

Vá para Filtro > Desfoque > Desfoque Gaussiano. Adicione um pouco de desfoque a esse ruído.

adicionar desfoque gaussianoadicionar desfoque gaussianoadicionar desfoque gaussiano

Passo 7

Mudar o Modo de mistura para clarear—isso misturará os efeitos dessas duas camadas. Em seguida, arraste esta segunda camada um pouco para cima e para a direita – isso tornará a distorção ainda mais convincente.

alterar o modo de mesclagemalterar o modo de mesclagemalterar o modo de mesclagem
modo de mesclagem alteradomodo de mesclagem alteradomodo de mesclagem alterado

Passo 8

Vamos adicionar alguns toques finais. Clique com o botão direito o grupo e selecione Opções de Mistura. Verificar Sobreposição de cores e defina-o como azul (#769eda), Modo de mistura para Core Opacidade sobre 13%. Isso dará ao vidro uma bela aparência invernal. Sinta-se à vontade para usar uma cor diferente para complementar o esquema de cores da sua foto.

mudar as opções de misturamudar as opções de misturamudar as opções de mistura
cor adicionadacor adicionadacor adicionada

Passo 9

Vamos adicionar um Brilho interior. Isso é opcional – o efeito de vidro ficará bom mesmo sem ele. Aqui estão as configurações que usei para tornar o vidro mais brilhante por dentro:

  • Modo de mistura: Sobreposição
  • Opacidade: 14%
  • Barulho: 59%
  • Cor: Branco
  • Técnica: Mais suave
  • Fonte: Centro
  • Estrangular: 40%
  • Tamanho: 213%
  • Faixa: 100%
  • Jitter: 0%

Os valores exatos dependerão do tamanho da sua foto.

adicionar brilho interioradicionar brilho interioradicionar brilho interior

E o efeito de vidro texturizado está feito!

efeito de vidro texturizado finalefeito de vidro texturizado finalefeito de vidro texturizado final

3. Como criar um efeito de vidro reflexivo no Photoshop

Passo 1

Se você deseja criar um efeito de vidro reflexivo no Photoshop, pode começar como antes: transforme sua imagem em um objeto inteligente (clique com o botão direito do mouse > Converter em objeto inteligente).

converter camada em objeto inteligenteconverter camada em objeto inteligenteconverter camada em objeto inteligente

Passo 2

Duplicado o Objeto Inteligente (Control-J) e colocá-lo em um grupo (Control-G).

agrupar a cópia da camadaagrupar a cópia da camadaagrupar a cópia da camada

etapa 3

Use o Ferramenta Letreiro Retangular (M), ou qualquer outra ferramenta de seleção, para selecionar a área à qual deseja aplicar o efeito de vidro texturizado. Em seguida, adicione um Máscara de camada ao grupo.

faça uma seleçãofaça uma seleçãofaça uma seleção
ga-analytics#sendElementsClickEvent”>Fonte da imagem: Envato Elements
adicionar uma máscara de camadaadicionar uma máscara de camadaadicionar uma máscara de camada

Passo 4

Mudar o Modo de mistura da camada no grupo para Tela. Então vá para Editar > Transformar > Inverter horizontalmente.

definir o modo de mesclagem para a teladefinir o modo de mesclagem para a teladefinir o modo de mesclagem para a tela
virar a imagemvirar a imagemvirar a imagem

Passo 5

A reflexão já está aí, mas vamos deixar ainda melhor agora. Imprensa Controle-T para redimensionar e arrastar o reflexo. Isso permitirá que você remova quaisquer reflexos óbvios da área principal (qualquer coisa que desvie a atenção do assunto real da foto).

redimensionar a imagemredimensionar a imagemredimensionar a imagem

Passo 6

Clique com o botão direito o grupo e selecione Opções de Mistura. Verificar Brilho interior e ajuste estas configurações:

  • Modo de mistura: Tela
  • Opacidade: 15%
  • Barulho: 0%
  • Cor: branco
  • Técnica: Mais suave
  • Fonte: Borda
  • Estrangular: 0%
  • Tamanho: 57%
  • Faixa: 50%
  • Jitter: 0%

Novamente, os valores exatos dependerão do tamanho da sua foto.

mudar as opções de misturamudar as opções de misturamudar as opções de mistura
brilho interno adicionadobrilho interno adicionadobrilho interno adicionado

Passo 7

Adicionar um Sobreposição de Gradiente. Use estas configurações:

  • Modo de mistura: Tela
  • Opacidade: 30%
  • Gradiente: preto e branco (ou branco e preto, Invertida)
  • Estilo: refletido
  • Ângulo: 148
  • Escala: 100%
adicionar sobreposição de gradienteadicionar sobreposição de gradienteadicionar sobreposição de gradiente
sobreposição de gradiente adicionadasobreposição de gradiente adicionadasobreposição de gradiente adicionada

Passo 8

Finalmente, adicione um Sobreposição de cores. Isso diminuirá o contraste no reflexo. Usar Cor Enquanto o Modo de misturacom baixo Opacidade (sobre 13%). Aqui eu usei verde (#24a268).

adicionar sobreposição de coradicionar sobreposição de coradicionar sobreposição de cor

E seu efeito de vidro reflexivo está pronto!

efeito de vidro reflexivo finalefeito de vidro reflexivo finalefeito de vidro reflexivo final

Bom trabalho!

Agora você sabe como adicionar um efeito de vidro no Photoshop, nas versões fosca, texturizada e reflexiva. Se você estiver interessado em efeitos de vidro no Photoshop em geral, continue lendo para encontrar uma boa coleção de sobreposições de vidro do Photoshop, pronta para download.

exemplo de photoshop efeito de vidroexemplo de photoshop efeito de vidroexemplo de photoshop efeito de vidro

Ativos do Photoshop de sobreposição de vidro – prontos para uso!

Se quiser economizar tempo, você pode obter incríveis efeitos de vidro do Photoshop com esses recursos prontos de ga-analytics#sendElementsClickEvent”>Envato Elements.

ga-analytics#sendElementsClickEvent”>Efeito de foto espelho de vidro quebrado [ATN, PAT]

Essa ação do Photoshop permitirá que você estilhace rapidamente sua foto em pedaços nítidos, criando um efeito de espelho quebrado. É mais do que uma simples sobreposição – também move o reflexo em várias posições para criar um efeito mais realista.

ga-analytics#sendElementsClickEvent”>Efeito fotográfico de espelho de vidro quebradoEfeito fotográfico de espelho de vidro quebradoEfeito fotográfico de espelho de vidro quebrado

ga-analytics#sendElementsClickEvent”>Efeito de vidro texturizado [PSD]

Se você precisa de um efeito de vidro texturizado rápido semelhante a um efeito de vidro fosco realista, essa sobreposição será perfeita para você. Basta substituir a imagem no objeto inteligente e pronto!

ga-analytics#sendElementsClickEvent”>Efeito de vidro texturizadoEfeito de vidro texturizadoEfeito de vidro texturizado

ga-analytics#sendElementsClickEvent”>Efeito de sobreposição de claridade [ATN]

Este conjunto contém quatro tipos de texturas de vidro do Photoshop, retas e onduladas, que você pode aplicar facilmente às suas fotos. O efeito final é altamente realista.

ga-analytics#sendElementsClickEvent”>Efeito de sobreposição de vidro transparenteEfeito de sobreposição de vidro transparenteEfeito de sobreposição de vidro transparente

ga-analytics#sendElementsClickEvent”>Efeito de foto de vidro molhado [PSD]

Este arquivo permitirá que você cubra sua foto com gotas de chuva. É um objeto inteligente, então tudo que você precisa fazer é colocar sua própria foto dentro.

ga-analytics#sendElementsClickEvent”>Efeito Foto Vidro MolhadoEfeito Foto Vidro MolhadoEfeito Foto Vidro Molhado

ga-analytics#sendElementsClickEvent”>Efeito fotográfico de reflexo de vidro [PSD]

Você deseja obter um efeito rápido de foto de reflexão de vidro? Este arquivo é exatamente o que você precisa – basta adicionar sua foto e ver o efeito de vidro sendo aplicado a ela automaticamente.

ga-analytics#sendElementsClickEvent”>Efeito fotográfico de reflexo de vidroEfeito fotográfico de reflexo de vidroEfeito fotográfico de reflexo de vidro

Agora que você sabe como criar um efeito de vidro fosco no Photoshop, também pode querer aprender outros efeitos úteis. Aqui estão minhas sugestões:

Deixe uma resposta