Gerador de gradientes mesh para fundos animados
O Estúdio de gradientes e fundos é um gerador de gradientes que funciona no seu navegador. Escolha entre 13 tipos de gradiente, incluindo malha (mesh), aurora, cónico, ondas e raios, e ajuste a cor, a granulação, o vidro e o movimento, ou redesenhe o gradiente como meio-tom, pontilhamento, ASCII ou curvas de nível, até o fundo parecer certo. Pré-visualize o resultado em layouts reais, como landing pages, cartões e ecrãs de telemóvel, antes de o levar para o canvas do UX Pilot.
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.
O que pode criar
Secções hero de landing pages
Fundos animados de malha e aurora que ficam por trás de um título sem competir com ele.
Fundos com gradiente granulado
Adicione granulação de película e controle o seu tamanho para obter um gradiente texturado, com ar de impressão.
Imagens para redes sociais e partilha
Enquadre o gradiente em 1:1, 4:5, 3:2, 16:9 ou 9:16 para publicações, capas e imagens de partilha.
Superfícies de apps e cartões
Estilos radiais suaves, de brilho e de vidro fosco para cartões, estados vazios e ecrãs de telemóvel.
Perguntas frequentes
O que é um mesh gradient?
Um mesh gradient (gradiente de malha) mistura vários pontos de cor ao longo de uma superfície, em vez de seguir uma única linha, o que cria campos de cor suaves e orgânicos. Nesta ferramenta, Malha é um dos 13 tipos de gradiente, ao lado de Fluxo, Aurora, Linear, Radial, Cónico, Brilho, Manchas, Ondas, Barras, Colunas, Raios e Órbita.
Posso criar um fundo com gradiente animado?
Sim. Ative Animar e defina a velocidade. A pré-visualização é reproduzida em tempo real e a granulação também pode ser animada.
Posso criar um gradiente granulado, holográfico ou de meio-tom?
Sim. A granulação e o tamanho da granulação estão incluídos, e paletas como Nuvem iridescente e Opala dão um ar holográfico. Estilos como Pôr do Sol Granulado e Divisão do Prisma são bons pontos de partida. A secção Tratamento redesenha qualquer gradiente como Pontilhamento, Meio-tom, ASCII, Píxel, Curvas de nível, Gravura, Tracejado cruzado ou Ordenação de píxeis, nas suas próprias cores ou em duas cores duotono. Estilos como Meio-Tom Riso, Curvas de Nível e Ordenação de Píxeis partem de um deles.
O gerador de gradientes é grátis?
Explorar é grátis e funciona no seu navegador. Para usar o resultado no canvas do UX Pilot ou para o exportar, precisa de uma conta gratuita do UX Pilot.