Barras Solares: un degradado de barras animado en naranja, oro y rojo vivo
Barras Solares parece un ecualizador de audio captado en la hora dorada. Dieciocho barras de altura desigual recorren el encuadre en naranja encendido, amarillo dorado y rojo vivo, cada una fundiéndose con la base casi negra a lo largo de su longitud y, con Animar activado, sus alturas no dejan de cambiar. Una Viñeta de 30 enmarca la fila, y el conjunto encaja con productos de música, pódcast, datos y fitness.
Hazlo tuyo
Afina o engrosa las barras
Baja Bandas de 18 a 8 para obtener bloques gruesos que recuerdan a un gráfico de barras, o súbelas a 24 para un espectro denso. Con menos barras se ve más base oscura, lo que ayuda al texto claro.
Endurece los extremos de las barras
Suavidad está en el valor por defecto, 45, lo que da a cada barra un extremo ligeramente difuminado. Bájala hacia 10 para remates duros y digitales, o sube Velocidad de 30 a 55 si las alturas deben cambiar con más urgencia.
Preguntas frecuentes
¿La animación de las barras reacciona a audio real?
No. Las alturas de las barras siguen un patrón de ruido integrado, así que el movimiento se parece al de un ecualizador pero no lo controla el sonido. Eso también significa que no hay nada que conectar: simplemente funciona como fondo. Usa Velocidad para definir lo rápido que cambian las alturas, o desactiva Animar para un fotograma fijo.
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.