Progressive Blur und Verläufe in Hana
Mehr aus deinen Designs holen – mit Blurs und Verläufen, die ins Auge fallen
Progressive Blurs wurden vor ein paar Jahren mit der Glas-Ästhetik von iOS populär und haben zuletzt auch in UI-Design-Tools Fuß gefasst. Meist blieben sie aber eine komplexe Technik, die sich in Motion Design oder interaktiven Echtzeitumgebungen nur schwer einsetzen ließ.
Heute bringen wir Progressive Blurs in Echtzeit nach Hana. Zum ersten Mal steht diese Art von Blur in Echtzeit zur Verfügung – mit intuitiven Steuerungen und ohne technisches Vorwissen, alles auf Hanas unendlichem Design-Canvas.
Probier die Szene unten aus, um zu sehen, wie es funktioniert.
So fügst du in Hana Progressive Blur hinzu
Wähle einen beliebigen Layer aus und füge entweder Layer Blur oder Background Blur hinzu. In beiden Fällen kannst du wählen, ob der Blur gleichmäßig (Uniform) oder progressiv (Progressive) sein soll.
Ein Progressive Blur funktioniert im Grunde wie ein Verlauf – nur dass er statt zwischen Farben zwischen zwei Werten für den Blur-Radius übergeht.
Weiche Verläufe in Hana
Du kannst jetzt Verläufe in Hana erstellen. Wähle zwischen linearen, radialen oder polaren Verläufen und passe ihre Position direkt auf dem Canvas an.
Außerdem führen wir Smooth Gradients ein: Verläufe mit Smooth-Step-Interpolation, die Farben natürlicher ineinander übergehen lassen. Die meisten Design-Tools nutzen lineare Interpolation, die zwischen den einzelnen Farbstopps eines Verlaufs typische Bruchkanten erzeugt.
Smooth Gradients haben wir vor ein paar Jahren zuerst im 3D-Editor von Spline eingeführt, und jetzt bringen wir sie nach Hana.
SVG-Import und mehr
In den letzten Wochen haben wir außerdem einige Verbesserungen für Hana veröffentlicht, darunter Unterstützung für SVG-Dateien (einfach per Drag & Drop), bessere Performance und eine kleinere Runtime.
Dazu kommen einige Verbesserungen für den Alltag, etwa ein besser funktionierender Farbwähler, verbesserte Auswahlwerkzeuge und zahlreiche kleine Korrekturen für ein stimmigeres Erlebnis.
Jetzt ausprobieren!
Hier ist eine Spline-Hana-Datei, mit der du die Möglichkeiten von Progressive Blur und Verläufen erkunden kannst.
Design-Workflows entwickeln sich weiter
So einfach diese neuen Funktionen im Kern sind, sie bieten viel kreative Kontrolle und kreative Ergebnisse wie nie zuvor.
Solche Animationen oder Interaktionen in Echtzeit zu erstellen, war bisher nie einfach – mit Hana gelingt es dir jetzt in wenigen Sekunden.
Wir sind gespannt, was du baust!
—
Das Spline-Team