Vidro Fosco: um gradiente de vidro canelado sobre lilás, rosa e violeta profundo
Em Vidro Fosco, dezasseis painéis verticais refratam uma malha de lilás, rosa suave e violeta profundo, o que dá o aspeto canelado de um vidro estriado colocado à frente de luz colorida. O Vidro está em 70 e a Suavidade em 60, por isso cada painel desloca o desfoque que tem por trás e apanha um fino realce ao longo de uma das arestas. A Granulação é de apenas 8, o que mantém a superfície limpa, mais próxima do vidro do que do papel.
Torne-o seu
Mude o ritmo dos painéis
Ripas largas e calmas por trás de um cartão de preços pedem menos Painéis: experimente 8 em vez de 16. Subir até 30 dá uma textura canelada fina que ainda se aguenta em tamanhos pequenos, como na pré-visualização Cartão.
Suavize a refração
O Vidro em 70 curva bastante as cores. Por volta de 35 os painéis passam a ser apenas uma sugestão, o que é mais seguro por baixo de texto longo. Ative Comparar acabamento para ver a malha com e sem o vidro, lado a lado.
Perguntas frequentes
Isto é um desfoque de fundo real, como o backdrop-filter do CSS?
Não. O efeito de vidro é desenhado no próprio gradiente: a imagem é dividida em painéis verticais e cada um desloca as cores que tem por trás. Obtém o aspeto fosco como um fundo acabado, e nada na sua página tem de ser desfocado em tempo real para o conseguir.
Como funciona
Escolha um ponto de partida
Comece por um dos 28 estilos, como Malha Suave, Raios de Eclipse ou Meio-Tom Riso, ou escolha um tipo de gradiente e uma das 24 paletas.
Ajuste o gradiente
Ajuste a escala, a distorção, o redemoinho e a suavidade, adicione granulação, painéis ou mosaicos de vidro, uma sobreposição de pontos, grelha ou linhas, uma segunda camada misturada ou um tratamento como meio-tom ou ordenação de píxeis, e ative a animação com a sua própria velocidade.
Pré-visualize e use
Veja o gradiente em layouts de landing page, cartão, telemóvel e registo e, depois, inicie sessão com uma conta gratuita do UX Pilot para usar o resultado no canvas ou para o exportar.