SplineЖидкое стекло и 3D в Hana
Новое в Hana: 3D Transform, Liquid Glass и Autolayout
Сегодня мы представляем большое обновление Hana с прорывными функциями: жидким стеклом в реальном времени, 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
