Desenfoque progresivo y degradados en Hana

Lleva tus diseños más lejos con desenfoques y degradados que entran por los ojos

Abrir Hana

El desenfoque progresivo se popularizó hace unos años con la estética de cristal de la interfaz de iOS y recientemente ha ganado terreno en las herramientas de diseño de interfaces. Sin embargo, sigue siendo sobre todo una técnica compleja, difícil de usar en motion design o en entornos interactivos en tiempo real.

Hoy llevamos el desenfoque progresivo en tiempo real a Hana. Por primera vez, este tipo de desenfoque está disponible en tiempo real, con controles intuitivos y sin necesidad de conocimientos técnicos, todo dentro del lienzo de diseño infinito de Hana.

Puedes jugar con la escena de abajo para ver cómo funciona.

Pasa el cursor o toca para interactuar (experiencia creada con Hana)

Cómo añadir desenfoque progresivo en Hana

Puedes seleccionar cualquier capa y añadirle Layer Blur o Background Blur. En ambos casos, puedes elegir si el desenfoque es uniforme o progresivo.

Un desenfoque progresivo funciona casi como un degradado, pero en lugar de pasar de un color a otro, pasa de un valor de radio de desenfoque a otro.

Así funciona el desenfoque progresivo en Hana

Degradados suaves en Hana

Ya puedes crear degradados en Hana. Puedes elegir entre degradados lineales, radiales o polares, y ajustar su posición directamente desde el lienzo.

También presentamos los degradados suaves, que usan una interpolación Smooth Step para conseguir una mezcla más natural entre colores. La mayoría de las herramientas de diseño usan degradados con interpolación lineal, que producen los típicos cortes entre cada color de "parada" del degradado.

Implementamos los degradados suaves primero en el editor 3D de Spline hace unos años, y ahora los traemos a Hana.

Pasa el cursor o toca para interactuar (experiencia creada con Hana)

Importación de SVG y más

En las últimas semanas también hemos lanzado varias mejoras en Hana, como la compatibilidad con archivos SVG (ahora basta con arrastrarlos y soltarlos), un mejor rendimiento y un runtime más ligero.

También hemos añadido varias mejoras de calidad de vida, como un selector de color que se comporta mejor, herramientas de selección mejoradas y numerosas pequeñas correcciones para que la experiencia sea más coherente.

Experiencias creadas con Hana

¡Pruébalo ya!

Aquí tienes un archivo de Spline Hana para que explores las posibilidades del desenfoque progresivo y los degradados.

Los flujos de diseño evolucionan

Aunque en esencia son sencillas, estas nuevas funciones ofrecen un control y unos resultados creativos como nunca antes.

Animar o crear interacciones en tiempo real como estas nunca había sido fácil, y ahora puedes hacerlo en unos segundos con Hana.

¡Estamos deseando ver lo que creas!

—

El equipo de Spline

Más información

Más del blog