Progressiv oskärpa och övertoningar i Hana

Lyft dina designer med snygg oskärpa och övertoningar

Öppna Hana

Progressiv oskärpa blev populär med glasestetiken i iOS för några år sedan och har på senare tid fått fäste i verktyg för gränssnittsdesign. Men den har mest förblivit en komplex teknik som varit svår att använda i rörelsedesign eller interaktiva miljöer i realtid.

I dag släpper vi progressiv oskärpa i realtid i Hana. För första gången finns den här typen av oskärpa för användning i realtid, med intuitiva kontroller och utan att det krävs några tekniska kunskaper – allt på Hanas oändliga designcanvas.

Du kan leka med scenen nedan för att se hur det fungerar.

Hovra eller tryck för att interagera (upplevelse skapad med Hana)

Så lägger du till progressiv oskärpa i Hana

Du kan markera vilket lager som helst och lägga till antingen Layer Blur eller Background Blur. I båda fallen kan du välja om oskärpan ska vara jämn (Uniform) eller progressiv (Progressive).

En progressiv oskärpa fungerar ungefär som en övertoning, men i stället för färg går den mellan två värden för oskärpans radie.

Så fungerar progressiv oskärpa i Hana

Mjuka övertoningar i Hana

Nu kan du skapa övertoningar i Hana. Du kan välja mellan linjära, radiella och polära övertoningar och justera positionen direkt på canvasen.

Vi introducerar också Smooth Gradients, övertoningar som använder Smooth Step-interpolering för att få en mer naturlig blandning mellan färgerna. De flesta designverktyg använder övertoningar med linjär interpolering, vilket ger tydliga brytpunkter vid varje färgstopp i övertoningen.

Vi införde Smooth Gradients först i Splines 3D-editor för några år sedan, och nu tar vi dem till Hana.

Hovra eller tryck för att interagera (upplevelse skapad med Hana)

SVG-import med mera

De senaste veckorna har vi också släppt flera förbättringar i Hana, bland annat stöd för SVG-filer (nu kan du bara dra och släppa), bättre prestanda och en mindre runtime.

Vi har också lagt till flera förbättringar i vardagen, som en färgväljare som beter sig bättre, förbättrade markeringsverktyg och många små fixar som gör upplevelsen mer enhetlig.

Upplevelser skapade med Hana

Prova nu!

Här är en Spline Hana-fil där du kan utforska vad progressiv oskärpa och övertoningar kan göra.

Arbetsflödena inom design utvecklas

Även om de nya funktionerna är enkla i grunden ger de mer kreativ kontroll och fler kreativa möjligheter än någonsin.

Att animera eller skapa interaktioner i realtid på det här sättet har aldrig varit enkelt förut, och nu kan du göra det på några sekunder med Hana.

Vi längtar efter att se vad du bygger!

—

Spline-teamet

Läs mer

Mer från bloggen