# Liquid Glass a 3D v Haně - Spline blog (https://spline.design/cs/blog/hana-3d-glass-autolayout-video) > Novinky v Haně: 3D transformace, Liquid Glass a Autolayout [Blog](https://spline.design/cs/blog) 9\. července 2025 # Liquid Glass a 3D v Haně Novinky v Haně: 3D transformace, Liquid Glass a Autolayout [Otevřít Hanu](https://app.spline.design) 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í. ## 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 ## Další články z blogu [3\. listopadu 2026Představujeme Spline Arena](https://spline.design/cs/blog/introducing-spline-arena)[21\. října 2026Představujeme Spline pro ChatGPT](https://spline.design/cs/blog/introducing-spline-for-chatgpt)[27\. srpna 2026Představujeme Hanu V2](https://spline.design/cs/blog/hana-v2) [Spline](https://spline.design/cs) 3D a 2D editor pro týmy a jejich agenty. Publikujte na web, iOS i Android. #### Zeptejte se AI na Spline #### Produkty - [3D design](https://spline.design/cs/3d-design) - [Hana](https://spline.design/cs/hana) - [Omma](https://omma.build) - [Generování 3D pomocí AI](https://spline.design/cs/ai-generate) - [Spline MCP](https://spline.design/cs/mcp) - [Spline Arena](https://spline.design/cs/arena) - [Ceník](https://spline.design/cs/pricing) - [Enterprise](https://spline.design/cs/enterprise) #### Runtimy - [Web](https://spline.design/cs/web) - [iOS](https://spline.design/cs/ios) - [Android](https://spline.design/cs/android) #### Aplikace - [Stáhnout](https://spline.design/cs/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Stáhnout Spline Mirror](https://spline.design/download-mirror) #### Výuka - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/cs/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Řešení](https://spline.design/solutions) #### Komunita - [Komunita Spline](https://community.spline.design) - [Blog](https://spline.design/cs/blog) - [Novinky](https://spline.design/cs/changelog) - [Vzdělávání](https://spline.design/cs/education) - [Contra](https://spline.design/contra) - [Partnerský program](https://spline.design/cs/affiliate) #### Společnost - [Zákazníci](https://spline.design/cs/customers) - [Kariéra](https://www.ycombinator.com/companies/spline/jobs) - [Zabezpečení](https://spline.design/cs/security) #### Právní informace - [Obchodní podmínky](https://spline.design/terms) - [Ochrana soukromí](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.