カーソルに追従するインタラクティブな3Dの流体シェイプをつくる

レッスン 4 / 14Spline 3D初級12分

このチュートリアルでは、シェイプブレンドを使って、液体や流体から着想を得たデザインをつくる方法を解説します。一緒に水のような魅惑的な形をつくり、透明感などのエフェクトを加えて光沢のある質感に仕上げ、シェイプがカーソルに追従するインタラクションを実装して、なめらかなアニメーションでデザインに命を吹き込みます!

🌊 リミックス:https://app.spline.design/file/7f488663-6208-4bb0-802a-70bfaa865b27

#MadeInSplineの素晴らしいクリエイターやプロジェクトをもっと見つけよう:https://community.spline.design/

学べること

  1. 0:00イントロ
  2. 0:21抽象的なシェイプをデザインする
  3. 1:46透明で光沢のあるマテリアルのつくり方
  4. 4:38ちょっとしたコツ:Cloner+ランダム性でループアニメーション
  5. 5:54インタラクティブの魔法:シェイプをカーソルに追従させる(Followイベント)
  6. 9:31ちょっとしたコツ:目を引くアニメーションするターンテーブルをつくる

関連リソース