Sfocatura progressiva e gradienti in Hana

Apri Hana

Le sfocature progressive sono diventate popolari qualche anno fa con l’estetica delle interfacce in vetro di iOS e di recente hanno preso piede negli strumenti di design di interfacce. Tuttavia sono rimaste per lo più una tecnica complessa, difficile da usare nel motion design o negli ambienti interattivi in tempo reale.

Oggi portiamo in Hana le sfocature progressive in tempo reale. Per la prima volta questo tipo di sfocatura è disponibile in tempo reale, con controlli intuitivi e senza bisogno di conoscenze tecniche, il tutto nel canvas di design infinito di Hana.

Puoi giocare con la scena qui sotto per vedere come funziona.

Come aggiungere la sfocatura progressiva in Hana

Puoi selezionare qualsiasi livello e aggiungere Layer Blur o Background Blur. In entrambi i casi puoi scegliere se la sfocatura deve essere Uniform o Progressive.

Una sfocatura progressiva funziona più o meno come un gradiente, ma invece del colore passa da un valore all’altro del raggio di sfocatura.

Smooth Gradients in Hana

Ora puoi creare gradienti in Hana. Puoi scegliere tra gradienti lineari, radiali o polari e regolarne la posizione direttamente dal canvas.

Introduciamo anche gli Smooth Gradients, gradienti che usano un’interpolazione Smooth Step per ottenere sfumature più naturali tra i colori. La maggior parte degli strumenti di design usa gradienti basati sull’interpolazione lineare, che crea i classici punti di rottura tra un colore “stop” e l’altro.

Abbiamo implementato gli Smooth Gradients per la prima volta nell’editor 3D di Spline qualche anno fa, e ora li portiamo in Hana.

Importazione SVG e altro

Nelle ultime settimane abbiamo anche rilasciato diversi miglioramenti a Hana, tra cui il supporto per i file SVG (ora basta trascinarli), prestazioni migliori e un runtime più leggero.

Abbiamo aggiunto anche diversi miglioramenti per il lavoro di tutti i giorni, tra cui un comportamento migliore del selettore colore, strumenti di selezione migliorati e numerose piccole correzioni per rendere l’esperienza più coerente.

Provalo subito!

Ecco un file di Spline Hana per esplorare le possibilità della sfocatura progressiva e dei gradienti.

I flussi di lavoro di design si evolvono

Pur essendo semplici nella sostanza, queste nuove funzionalità offrono un controllo creativo e risultati come mai prima d’ora.

Animare o creare interazioni in tempo reale come queste non è mai stato facile, e ora con Hana puoi farlo in pochi secondi.

Non vediamo l’ora di vedere cosa costruirai!

—

Il team di Spline

Scopri di più