Liquid Glass a 3D v Haně

Novinky v Haně: 3D transformace, Liquid Glass a Autolayout

Otevřít Hanu

Dnes oznamujeme velkou aktualizaci Hany, která přináší průlomové funkce jako Liquid Glass v reálném čase, 3D transformace, Autolayout a video vrstvy.

Liquid Glass v Haně

S příchodem iOS 26 upoutal efekt Liquid Glass pozornost celé designové komunity. Teď ho můžete použít na libovolnou vrstvu objektu v Haně.

Parametry skla, například Distortion, můžete upravovat a řídit tak míru lomu světla.

Můžete ale jít dál než styl iOS a vytvářet vlastní skleněné efekty. Parametry jsme navrhli dostatečně obecně, abyste dosáhli nejrůznějších kreativních výsledků – některé projevy efektu můžete přehnat a získat výraznější vizuální estetiku.

Najeďte kurzorem nebo se dotkněte (zážitek vytvořený v Haně)

Vrstvení skla

Ve většině designových nástrojů je rozostření nebo skleněný efekt omezený na jedinou vrstvu – když tedy naskládáte více vrstev na sebe, zkreslení skla se nesčítá a zůstává ploché.

V Haně můžete snadno skládat více vrstev skla a sledovat, jak každá láme prvky za sebou nebo pod sebou, stejně jako ve skutečnosti. To otevírá úplně nové kreativní možnosti. Funguje to u skleněných efektů i u rozostření pozadí.

Pracujte s více vrstvami Liquid Glass v Haně

3D transformace

Přechod z 2D do 3D byl vždy výzvou. Když jsme na této funkci začali pracovat, věděli jsme, že chceme umožnit plynulé přepínání mezi 2D a 3D, aniž by se cokoli ztratilo.

V Haně teď může být každý objekt 3D objektem s parametry pro jeho pozici (Depth), rotaci a perspektivu v 3D prostoru.

Všechny tyto parametry lze animovat a jsou kompatibilní se systémem stavů a událostí.

Ovládejte perspektivu, rotaci a pozici objektu na ose z v Haně

Framy a 3D portály

Když se frame stane 3D, stane se zároveň oknem do vlastního 3D prostoru. To se hodí zejména pro tvorbu portálů – vizuálních prvků, ve kterých je vidět hloubka.

Je to snadné: vložte prvky do framu, udělejte z framu 3D a změňte 3D pozici nebo rotaci prvků uvnitř. Když pak změníte rotaci nebo pozici framu, uvidíte, jak se prvky uvnitř vykreslují v několika úrovních hloubky.

3D portály ve framech vytvořené v Haně

Autolayout

Hana teď podporuje layouty s plně animovatelnými parametry. Můžete vytvářet svislé i vodorovné layouty s nastavitelným odsazením a mezerami.

Layouty spolupracují s událostmi a stavy a aktualizují se v reálném čase, což posiluje interaktivitu.

Přidali jsme také podporu masonry layoutů, podobných sloupcovému rozvržení Pinterestu.

Zážitky vytvořené v Haně pomocí Layoutu

Video vrstvy

Do libovolné vrstvy ve Spline Haně teď snadno vložíte video. To se hodí při tvorbě interaktivní prezentace nebo při navrhování pohybu. Stačí v panelu Fill přepnout na Video Layer a nahrát video nebo ho přetáhnout.

Stejně jako ve 3D editoru Spline lze i videa v Haně spouštět vlastními událostmi. Ve výchozím stavu se video přehraje při události Start, ale můžete to změnit a spouštět ho událostmi myši nebo jakoukoli jinou událostí.

Ovládejte perspektivu, rotaci a pozici objektu na ose z v Haně

Nové kreativní možnosti

To bylo hodně novinek! Doufáme, že si všechny dnes vydané funkce užijete a začnete tvořit nové působivé návrhy.

— Tým Spline

Otevřít Hanu

Další články z blogu