Para evitar o download de imagens de textura de vidro fosco ou tirar suas próprias fotos através do vidro fosco, você pode criar um efeito de vidro fosco no Photoshop.

Com este tutorial fácil de seguir, você poderá criar vidro fosco em todas as formas e tamanhos para seus projetos futuros. Quer você chame de efeito de vidro embaçado, vidro obscuro ou simplesmente vidro fosco, os resultados serão impressionantes.

Como criar um efeito de vidro fosco no Photoshop

Este tutorial funciona melhor se você já tiver uma imagem que gostaria que sua forma de vidro cobrisse. Depois de escolher sua imagem, abra-a no Photoshop.

Qualquer que seja a imagem ou design que você estiver usando, lembre-se de que a textura do vidro fosco obscurece qualquer detalhe. Use apenas efeitos de vidro fosco em áreas onde não há problema em perder os detalhes. Você também pode criar um efeito de vidro fosco no Figma.

Abra um novo grupo clicando no ícone de pasta no painel de camadas, mas você também pode fazer isso mais tarde. Usando um dos

Ferramentas de forma (você), desenhe uma forma em qualquer lugar da sua imagem. No Propriedades caixa, defina o Encher para preto (000000) e defina o Derrame a nenhum.

Com a forma selecionada, clique em fx no painel de camadas e escolha Derrame. Na janela Layer Style, defina as propriedades como: Tamanho para 4px, Posição para Fora, Modo de mistura para Normal, e Opacidade a 50%. Garantir Sobreimpressão está desmarcado. Colocou o Tipo de preenchimento para Cor e a cor como branco (FFFFFF).

À esquerda da janela Layer Style, escolha Brilho interior. Defina as configurações de brilho interno da seguinte forma: Modo de mistura ao normal, Opacidade para 50% e Ruído em 0%.

A cor deve ser definida como branca e deve haver um gradiente de branco para transparente por padrão. Definir Técnica para Mais suave, selecione Borda, definir Estrangular a 10%, Tamanho para 150%, Variar para 50% e Tremor para 0%.

Na janela Estilo de camada, escolha Sobreposição de cores e defina o Blend Mode para Normal e a cor como branco. Coloque o Opacidade a 10%.

Por último, escolha Sombra projetada no menu Estilo de Camada à esquerda. Defina o modo de mesclagem para Multiplicar com preto como a cor. Definir Opacidade para 10% e altere o ângulo para cerca de 137 graus. Definir Distância para 70px, Espalhar para 0%, Tamanho para 70px e Ruído para 0%. Clique OK.

Isso dará à sua forma um brilho branco ao redor da borda interna da forma, com o resto sendo preto. Duplique sua camada de fundo ou imagem principal clicando com o botão direito do mouse na camada e escolhendo Duplicar Camada​​​​​​.

Arraste a camada duplicada para o topo do grupo de camadas e solte-a lá—se você não abriu uma pasta de grupo no início, você pode fazer isso agora e arrastar a camada de forma e sua nova camada duplicada para o mesmo grupo. A imagem duplicada deve aparecer dentro do grupo acima da camada de forma, essencialmente ocultando a camada de forma abaixo dela.

Clique com o botão direito do mouse na camada duplicada e escolha Criar máscara de corte. Isso traz sua forma para a frente novamente e remove todo o preto dela, dando-lhe um efeito brilhante branco.

Com a camada de máscara de corte selecionada, vá para Filtro > Desfoque > Desfoque Gaussiano. Escolha algo em torno de 35 a 50 pixels na caixa de opções. Quando estiver satisfeito, clique OK.

Para poder mover livremente sua forma de vidro fosco em torno de sua imagem, você precisa selecionar a camada de forma. Se você selecionar a camada de máscara de recorte, apenas a imagem será movida. Isso estragaria o efeito. Você pode mover e transformar sua forma de vidro fosco em qualquer lugar ao redor de sua imagem, incluindo redimensioná-la usando o Ferramenta Transformar (Cmédico + T para Mac ou Ctrl + T para Windows).

Você pode querer adicionar mais efeitos ao seu vidro fosco, como o efeito de covinhas que você pode encontrar nas janelas de privacidade nos banheiros, por exemplo. É muito fácil adicionar o efeito de covinhas ao seu efeito de vidro fosco.

Com sua camada de máscara de corte selecionada, vá para Filtro > Galeria de Filtros > Distorcer > Vidro. Se a camada de fundo usada em sua máscara de recorte for baseada em vetor, ela precisa ser rasterizada primeiro para use a galeria de filtros, mas deve haver um pop-up avisando sobre isso e permitindo que você rasterize se precisava.

No Distorcer cardápio para Vidro, você pode brincar com efeitos diferentes, mas as configurações que recomendamos são Distorção definido para 5, Suavidade definido para 3, Textura definido como Frosted, e Escala ajustado para 145%. Isso pode mudar dependendo da sua imagem e dos resultados desejados. Quando estiver satisfeito com a janela de visualização, clique em OK.

Isso adiciona uma textura agradável que lhe dá um estilo de vidro diferente para o seu visual. Se você quiser experimentar mais texturas, confira nosso guia sobre como criar texturas no Photoshop.

Como você pode usar um efeito de vidro fosco em designs

Como em qualquer tipo de arte, a experimentação é fundamental para encontrar mais usos para seus projetos. Uma ótima maneira de experimentar seu vidro fosco opaco é adicionar um traço ao redor dele. Um traço com um gradiente sutil naturalmente aprimora um design sem ser muito intenso para os olhos.

Você pode usar o efeito de vidro fosco no Photoshop para adicionar textura às suas pinturas digitais. Se você estiver desenhando algo com janelas ou vidros, a textura de vidro fosco é uma ótima maneira de adicionar algum realismo à sua arte digital. Você pode adicionar vidro fosco junto com muitos outros efeitos, como um objeto brilhante, para imagens realistas.

Se estiver usando o Photoshop para o design do site, você pode usar esse efeito de vidro fosco para barras de pesquisa ou fundos de botão que se encaixam perfeitamente na imagem de fundo do site. O efeito se funde em um fundo bem sem que a forma seja perdida.

Assim como no tutorial, usar uma forma grande com um efeito de vidro embaçado sobre ela serve como a maneira perfeita de ter um plano de fundo complexo com uma seção clara para texto como títulos ou informações de contato. Quem disse que um plano de fundo deve ser simples e chato?

Adicione textura realista às suas imagens com um efeito de vidro fosco

Agora, com as novas habilidades que você aprendeu, você poderá transformar imagens e imagens em ativos mais úteis. Com tantos usos para efeitos de vidro fosco em seu trabalho, esta é certamente uma técnica que você usará repetidamente sem usá-la para a mesma coisa duas vezes.

Você pode usar formas definidas, como círculos ou quadrados, ou até mesmo desenhar uma forma personalizada para o seu copo. Experimentar traços, texturas e formas diferentes abrirá um mundo de opções de design para adicionar a essa técnica fabulosa.