HanaでLiquid Glassと3Dトランスフォームを使ったインタラクションをデザインする

レッスン 3 / 15Hana初級16分

こんにちは!👋

このチュートリアルでは、Spline Hanaの最新のリキッドグラスエフェクトを使って、UIのマイクロインタラクションをつくる方法を学びます。また、3D投影ツールを活用して、3Dの遠近感を生かした見事なデザインをつくる方法についても解説します。

学べること

  1. 0:00イントロ
  2. 0:34Liquid Glassのトグルをつくる
  3. 2:28Liquid Glassエフェクトを追加する
  4. 5:00インタラクションをつくる
  5. 6:33Hanaのアップデートについてもっと
  6. 7:10重ねられるガラスをつくる
  7. 10:00Hanaのデザインをエクスポートする方法
  8. 10:12カスタムシェイプで実験する
  9. 10:32Liquid Glassで拡大鏡のエフェクトをつくる
  10. 10:513D投影を探る
  11. 11:133Dポータルをつくる
  12. 12:163Dカルーセルのつくり方
  13. 13:33ボーナスのコツ
  14. 13:38Auto Layout
  15. 15:15エンディング

関連リソース