Como fazer o efeito de vidro esfumaçado no Gravit Designer

Aqui no site temos ensinando como fazer uma série de efeitos. E no tutorial de hoje, nós veremos como criar o efeito de vidro esfumaçado no Gravit Designer.

Entre os softwares ensinados aqui, o Gravit é um dos mais versáteis. Nele, já vimos como criar os efeitos de texto glitch, e também, texto entalhado em madeira.

Assim como os tutoriais citados, criar o efeito de vidro esfumaçado é bem simples. Basta seguir o passo a passo e você conseguirá fazê-lo sem grandes problemas.

Em resumo, o efeito consiste em ter um objeto sobreposto por um vidro. Dessa forma, o objeto ficará desfocado, dando a impressão de que realmente há um vidro sobre ele.

Dadas as explicações, veja como criar o efeito de vidro esfumaçado no Gravit Designer.

Vamos ao que interessa!

Antes de mais nada, vamos precisar preencher o fundo com uma cor escura para facilitar a visualização. Então, com o arquivo criado, vá à barra lateral direita na seção Página e clique em Cor para alterar a cor do fundo (eu usarei essa #303033).

Agora precisamos inserir duas formas, sendo que uma será o vidro, enquanto a outra será o objeto por trás do vidro. Esse objeto por trás é o que dará a sensação de vidro esfumaçado. No meu caso, eu usarei duas elipses.

Assim sendo, selecione a ferramenta Elipse (tecla E) na barra de ferramentas e crie duas formas, uma ao lado da outra (basta clicar e arrastar). Mantenha o Shift pressionado para criar as elipses com proporção igual. Depois de criadas, vá à seção Camadas na barra lateral esquerda e renomeie-as para “object” e “glass”, respectivamente.

Selecione a elipse object, que está por baixo, e altere sua cor para um tom vívido (usarei esta cor #4857FF). Para alterar a cor, vá à barra lateral direita na seção Preenchimentos e clique na opção de cor .

Feito isso, é hora de alterar a cor da elipse glass. No caso dela, por se tratar de um vidro, seu preenchimento será diferente. Além de usarmos gradiente, também mudaremos sua opacidade.

Com a elipse glass selecionada, faça o seguinte:

1. Clique na opção de cor (a mesma usada anteriormente);
2. Na janela de cor, clique na primeira opção (tipo de preenchimento) e altere para Gradiente Linear;
   

   Opção de gradiente linear ativa

3. Logo abaixo, na barra do gradiente, selecione o ponto da esquerda e defina a cor branca para ele (#FFFFFF);
4. Em seguida, selecione o ponto da direita e defina novamente o branco;
5. Ainda com o segundo ponto selecionado, altere a opacidade da cor no campo A (alpha) para 50%;
6. Por fim, clique no botão para girar o gradiente de forma que ele fique na vertical.

O vidro está quase pronto. Agora é necessário diminuir sua opacidade como um todo. Já com a seleção de cor fechada, vá à barra lateral direita na seção Aparência e diminua o campo Opacidade para 25%. Pronto, nosso vidro está feito.

Criando o efeito esfumaçado

Para criarmos o efeito de vidro esfumaçado, temos que duplicar ambas as elipses. Assim sendo, selecione as duas formas e clique no menu Editar > Duplicar (Ctrl+D).

Logo após isso, criaremos uma máscara usando as formas duplicadas, assim aparecerá somente a parte da primeira elipse que estiver dentro da área da segunda. Para criar a máscara, mantenha os objetos duplicados selecionados e então, clique no menu Modificar > Máscara com Forma (Ctrl+Shift+M).

Com a máscara criada, vá à barra lateral direita na seção Efeitos e remova o efeito Sobreposição. Em seguida, vá à seção Aparência, aumente a opacidade da máscara para 100% e remova seu preenchimento clicando no ícone . Assim, apenas a parte visível da primeira elipse aparecerá.

Feito isso, vá à seção Camadas e abra a camada da máscara para acessar a elipse dentro dela. Então, com a elipse selecionada, adicione o efeito Desfocagem na barra lateral direita, seção Efeitos. Aumente o raio da desfocagem de forma que o efeito fique bem visível (usarei 25).

O efeito está criado, vamos agora aos detalhes finais.

Finalizando o efeito

Hora dos passos finais! Primeiramente, posicione a máscara desfocada abaixo da elipse glass. Para isso, selecione a máscara e então clique no menu Modificar > Organizar > Recuar (Ctrl+↓).

Agora precisamos apagar a parte da elipse object para que o desfoque fique mais evidente. Primeiro, você deve duplicar a elipse glass (Ctrl+D). Depois, selecione a duplicata junto à elipse object, e então, clique no menu Modificar > Criar Forma Composta > Subtrair.

E finalmente temos nosso efeito finalizado!

---

E aí, achou complicado fazer um vidro esfumaçado no Gravit Designer? Se tiver dúvidas, é só comentar logo abaixo!

E se quiser receber mais tutoriais como esse, é só seguir nossas redes sociais e se inscrever em nossa newsletter mensal no rodapé do site.