Liquid Glass dan 3D di Hana

Buka Hana

Hari ini, kami mengumumkan pembaruan besar untuk Hana yang menghadirkan fitur-fitur terobosan seperti Liquid Glass real-time, 3D Transform, Autolayout, dan Video Layer.

Liquid Glass di Hana

Sejak diperkenalkannya iOS 26, efek Liquid Glass telah menarik perhatian komunitas desain. Kini, Anda bisa menerapkan efek ini pada layer objek apa pun di Hana.

Anda bisa mengedit parameter kaca, seperti Distortion, untuk mengontrol besarnya refraksi.

Namun, Anda bisa melampaui gaya iOS dan membuat efek kaca kustom. Kami memastikan parameternya cukup umum untuk menghasilkan berbagai hasil kreatif, dengan memungkinkan Anda melebih-lebihkan sebagian perilaku efeknya dan mencapai estetika visual yang lebih mencolok.

Kaca Bertumpuk

Di sebagian besar alat desain, penerapan efek blur atau kaca biasanya terbatas pada satu layer, artinya jika Anda menumpuk beberapa layer, distorsi kacanya tidak akan terakumulasi dan tetap datar.

Di Hana, Anda bisa dengan mudah menumpuk beberapa layer kaca dan melihat bagaimana masing-masing membiaskan elemen di belakang atau di bawahnya, persis seperti di dunia nyata, membuka berbagai peluang kreatif baru. Ini berlaku untuk efek kaca, dan juga untuk efek background blur.

3D Transform

Beralih dari 2D ke 3D selalu menjadi tantangan. Saat mulai mengerjakan fitur ini, kami tahu kami ingin menghadirkan cara yang mulus untuk berpindah antara 2D dan 3D dengan mudah tanpa kehilangan apa pun di antaranya.

Di Hana, kini objek apa pun bisa menjadi objek 3D, dengan parameter untuk mengontrol posisi (Depth), rotasi, dan perspektifnya di ruang 3D.

Semua parameter ini bisa dianimasikan dan kompatibel dengan sistem state/event.

Frame dan Portal 3D

Saat sebuah frame menjadi 3D, frame itu juga menjadi jendela ke ruang 3D-nya sendiri. Ini sangat berguna untuk membuat portal, elemen visual yang memperlihatkan kedalaman di dalam dirinya.

Caranya mudah: cukup letakkan item di dalam frame, jadikan frame itu 3D, lalu ubah posisi atau rotasi 3D item di dalamnya. Sekarang, jika Anda mengubah rotasi atau posisi frame, Anda akan melihat bagaimana item-item itu dirender di dalamnya, dengan beberapa tingkat kedalaman.

Autolayout

Hana kini mendukung layout dengan parameter yang sepenuhnya bisa dianimasikan. Anda bisa membuat layout vertikal maupun horizontal dengan padding dan jarak yang bisa disesuaikan.

Layout bekerja bersama event dan state, serta diperbarui secara real-time untuk meningkatkan interaktivitas.

Kami juga menambahkan dukungan untuk layout masonry, yang mirip dengan layout kolom Pinterest.

Video Layer

Kini Anda bisa dengan mudah menyematkan video di layer mana pun di Spline Hana. Ini sangat berguna saat membangun presentasi interaktif atau mendesain untuk motion. Cukup beralih ke Video Layer di panel Fill, lalu unggah atau seret dan lepas video Anda.

Seperti di editor 3D Spline, video di Hana juga bisa dipicu oleh event kustom. Secara default, video akan diputar pada event Start, tetapi Anda bisa mengubahnya dan memicunya dengan mouse event atau event lainnya.

Kemungkinan kreatif baru

Banyak sekali, ya! Kami harap Anda menikmati semua fitur baru yang kami rilis hari ini dan mulai membuat desain-desain baru yang seru.

— Tim Spline

Buka Hana