Рідке скло й 3D у Hana

Відкрити Hana

Сьогодні ми анонсуємо величезне оновлення Hana з проривними функціями: рідким склом (Liquid Glass) у реальному часі, 3D Transform, Autolayout і відеошарами.

Рідке скло в Hana

З появою iOS 26 ефект Liquid Glass привернув увагу всієї дизайн-спільноти. Тепер цей ефект можна застосувати до будь-якого шару об’єкта в Hana.

Ви можете редагувати параметри скла, як-от Distortion, щоб керувати силою заломлення.

Проте можна піти далі за стиль iOS і створювати власні ефекти скла. Ми подбали, щоб параметри були достатньо універсальними для різних творчих результатів: деякі аспекти поведінки ефекту можна перебільшувати й досягати ще виразнішої естетики.

Скло в кілька шарів

У більшості інструментів для дизайну ефекти розмиття чи скла зазвичай обмежені одним шаром: якщо накласти кілька шарів, спотворення скла не накопичується й залишається пласким.

У Hana можна легко накласти кілька шарів скла й побачити, як кожен заломлює елементи позаду чи під ним, — зовсім як у реальному житті. Це відкриває цілий набір нових творчих можливостей. Так працюють не лише ефекти скла, а й розмиття фону.

3D Transform

Перехід від 2D до 3D завжди був викликом. Коли ми почали працювати над цією функцією, то знали, що хочемо дати безшовний спосіб легко перемикатися між 2D і 3D, нічого не втрачаючи.

Тепер у Hana будь-який об’єкт може бути 3D-об’єктом із параметрами для керування його позицією (Depth), обертанням і перспективою в 3D-просторі.

Усі ці параметри можна анімувати, і вони сумісні із системою станів і подій.

Фрейми та 3D-портали

Коли фрейм стає 3D, він також стає вікном у власний 3D-простір. Це особливо корисно для створення порталів — візуальних елементів, у яких видно глибину всередині.

Це просто: покладіть елементи у фрейм, зробіть фрейм 3D і змініть 3D-позицію чи обертання елементів усередині. Тепер, якщо змінити обертання чи позицію фрейму, ви побачите, як елементи відображаються всередині з кількома рівнями глибини.

Autolayout

Тепер Hana підтримує макети з повністю анімованими параметрами. Можна створювати вертикальні й горизонтальні макети з налаштовуваними відступами й проміжками.

Макети працюють разом із подіями й станами та оновлюються в реальному часі, посилюючи інтерактивність.

Ми також додали підтримку макетів masonry, схожих на колонки в Pinterest.

Відеошари

Тепер у Spline Hana можна легко вбудувати відео в будь-який шар. Це стане в пригоді, коли ви створюєте інтерактивну презентацію чи працюєте з моушн-дизайном. Просто перемкніться на Video Layer на панелі Fill і завантажте або перетягніть своє відео.

Як і в 3D-редакторі Spline, відео в Hana можна запускати власними подіями. За замовчуванням відео відтворюється за подією Start, але це можна змінити й запускати його подіями миші чи будь-якою іншою подією.

Нові творчі можливості

Ось скільки всього! Сподіваємося, вам сподобаються всі нові функції, які ми сьогодні випустили, і ви почнете створювати захопливі нові дизайни.

— Команда Spline

Відкрити Hana