Design Interactions with Liquid Glass & 3D Transforms in Hana

Design Interactions with Liquid Glass & 3D Transforms in Hana

Hello! 👋

In this tutorial, you will learn how to use the latest liquid glass effects in Spline Hana to create UI micro interactions. We will also discuss how to utilize the 3D projection tools to create stunning designs that utilize 3D perspective.

#liquid#glass#projections#hana#spline#3d#liquid glass#glass effect#after effects#ios 26#apple#macos 26#ios design#ui design#motion design#tutorial#material-tutorial#tutorial-materials#tutorial-3d-design

What you'll learn

  • 0:00Intro
  • 0:34Building a Liquid Glass toggle
  • 2:28Adding the Liquid Glass effect
  • 5:00Creating the interaction
  • 6:33More about Hana updates
  • 7:10Building stackable glass

Related resources

Overview

Hana 2D
16min
Beginner
Similar Tutorials
Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Video9minBeginner
Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Video13minBeginner
How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

Video4minBeginner