Liquid Glass och 3D i Hana

Öppna Hana

I dag presenterar vi en stor uppdatering av Hana med banbrytande funktioner som Liquid Glass i realtid, 3D Transform, Autolayout och videolager.

Liquid Glass i Hana

Sedan iOS 26 lanserades har Liquid Glass-effekten fångat designvärldens uppmärksamhet. Nu kan du använda effekten på vilket objektlager som helst i Hana.

Du kan redigera glasets parametrar, som Distortion, för att styra hur mycket ljuset bryts.

Men du kan gå längre än iOS-stilen och skapa egna glaseffekter. Vi har sett till att parametrarna är tillräckligt generella för att ge många olika kreativa resultat: du kan överdriva vissa av effekternas beteenden och få en mer slående visuell estetik.

Glas i flera lager

I de flesta designverktyg är oskärpe- och glaseffekter oftast begränsade till ett enda lager. Staplar du flera lager ackumuleras inte glasets förvrängning, utan förblir platt.

I Hana kan du enkelt stapla flera lager glas och se hur vart och ett bryter elementen bakom eller under, precis som i verkligheten. Det öppnar för helt nya kreativa möjligheter. Det fungerar för glaseffekterna, men också för effekter med bakgrundsoskärpa.

3D Transform

Att gå från 2D till 3D har alltid varit en utmaning. När vi började arbeta med den här funktionen visste vi att vi ville skapa ett sömlöst sätt att enkelt växla mellan 2D och 3D utan att förlora något på vägen.

I Hana kan nu vilket objekt som helst vara ett 3D-objekt, med parametrar som styr dess position (Depth), rotation och perspektiv i 3D-rymden.

Alla parametrarna går att animera och fungerar med systemet för tillstånd och händelser.

Frames och 3D-portaler

När en frame blir 3D blir den också ett fönster in i sin egen 3D-rymd. Det är särskilt användbart för att skapa portaler, ett visuellt element där du kan se djup inuti det.

Det är enkelt: lägg element i en frame, gör framen 3D och ändra 3D-positionen eller rotationen för elementen i den. När du sedan ändrar framens rotation eller position ser du hur elementen renderas inuti, med flera nivåer av djup.

Autolayout

Hana har nu stöd för layouter med parametrar som helt går att animera. Du kan skapa både vertikala och horisontella layouter med anpassningsbar utfyllnad och mellanrum.

Layouterna fungerar tillsammans med händelser och tillstånd och uppdateras i realtid för ökad interaktivitet.

Vi har också lagt till stöd för masonry-layouter, som liknar Pinterests kolumnlayouter.

Videolager

Nu kan du enkelt bädda in en video i vilket lager som helst i Spline Hana. Det är praktiskt när du bygger en interaktiv presentation eller designar för rörelse. Byt bara till Video Layer i Fill-panelen och ladda upp eller dra och släpp din video.

Precis som i Splines 3D-editor kan videor i Hana också utlösas av egna händelser. Som standard spelas en video upp vid Start-händelsen, men du kan ändra det och utlösa den med mushändelser eller vilken annan händelse som helst.

Nya kreativa möjligheter

Det var mycket! Vi hoppas att du gillar alla nya funktioner vi släppt i dag och börjar skapa spännande nya designer.

— Spline-teamet

Öppna Hana