Raios de Eclipse: um sunburst de raios índigo e rosa em volta de um núcleo escuro
Raios de Eclipse usa o tipo de gradiente Raios, que transforma as barras em 24 cunhas abertas em leque à volta do primeiro ponto de cor, colocado aqui no centro da imagem. O Raio interior em 34 abre um disco quase preto ao meio, por isso os raios azul-índigo nascem no seu rebordo e passam a rosa antes de se esbaterem nas pontas, como a coroa de um sol eclipsado. A Distorção e o Redemoinho estão ambos em 0 para manter cada cunha direita e, com Animar ativado e a Velocidade em 20, os comprimentos mudam devagar.
Torne-o seu
Abra ou feche o núcleo
O Raio interior está em 34, o que deixa um disco escuro largo para um logótipo ou um título curto. Desça-o para perto de 5 e os raios quase se juntam num ponto, como num sunburst clássico; acima de 60 encurtam num halo mais estreito.
Mude o número de raios
As Faixas definem quantas cunhas existem, e 24 é o máximo. Para um sunburst retro marcante com fatias largas, experimente 12. A Suavidade em 35 controla a suavidade com que cada raio se apaga na ponta; suba-a para um brilho mais enevoado.
Perguntas frequentes
Os raios podem partir de um canto em vez do centro?
Sim. Os raios abrem-se sempre a partir do primeiro ponto de cor, que este estilo coloca no centro da imagem. Mova esse ponto para uma margem ou um canto e o sunburst acompanha-o, o que dá uma composição de sol nascente com os raios a espalharem-se pela página.
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.