Rayos de Eclipse: un sunburst de rayos índigo y rosa alrededor de un núcleo oscuro
Rayos de Eclipse usa el tipo de degradado Rayos, que convierte las barras en 24 cuñas abiertas en abanico alrededor del primer punto de color, colocado aquí en el centro del encuadre. Radio interior en 34 abre un disco casi negro en el medio, así que los rayos azul índigo nacen en su borde y viran a rosa antes de desvanecerse en las puntas, como la corona de un sol eclipsado. Distorsión y Remolino están en 0 para que cada cuña quede recta y, con Animar activado a Velocidad 20, sus longitudes cambian despacio.
Hazlo tuyo
Abre o cierra el núcleo
Radio interior está en 34, lo que deja un disco oscuro amplio para un logo o un titular corto. Bájalo hacia 5 y los rayos casi se juntan en un punto, como un sunburst clásico; por encima de 60 se acortan en un halo más estrecho.
Cambia el número de rayos
Bandas define cuántas cuñas hay, y 24 es el máximo. Para un sunburst retro contundente con porciones anchas, prueba 12. Suavidad en 35 controla lo suave que se apaga cada rayo en la punta; súbela para un brillo más brumoso.
Preguntas frecuentes
¿Pueden los rayos salir de una esquina en lugar del centro?
Sí. Los rayos siempre se abren desde el primer punto de color, que este estilo coloca en el centro del encuadre. Mueve ese punto hacia un borde o una esquina y el sunburst lo sigue, lo que da una composición de sol naciente con los rayos extendiéndose por la página.
Cómo funciona
Elige un punto de partida
Empieza con uno de los 28 estilos, como Malla Suave, Rayos de Eclipse o Semitono Riso, o elige un tipo de degradado y una de las 24 paletas.
Ajusta el degradado
Ajusta la escala, la distorsión, el remolino y la suavidad, añade grano, paneles o mosaicos de cristal, una superposición de puntos, cuadrícula o líneas, una segunda capa fusionada o un tratamiento como el semitono o la ordenación de píxeles, y activa la animación con su propia velocidad.
Previsualízalo y úsalo
Mira el degradado en diseños de landing page, tarjeta, móvil y registro, y después inicia sesión con una cuenta gratuita de UX Pilot para usarlo en el canvas o exportarlo.