Spline
  • 導入事例
  • Enterprise
  • 料金
営業担当に相談はじめる
  1. Academy
  2. チュートリアル
  3. 3Dでリキッドグラスのマテリアルをつくる

3Dでリキッドグラスのマテリアルをつくる

Spline 3D初級12分

こんにちは!このチュートリアルでは、Splineのglassレイヤーと3Dシェイプのブレンドを使って、リキッドグラスのエフェクトをつくる方法を学びます。

サンプルファイル: Liquid Glass → https://app.spline.design/community/file/3cbf0e6a-09c8-4b47-9560-c3ff84130086

学べること

  1. 0:00イントロ
  2. 0:20背景をつくる
  3. 3:25リキッドグラスをつくる
  4. 7:50オブジェクトを追加する
  5. 8:20アニメーションを追加する

関連リソース

  • Liquid Glassテンプレート
  • Shape Blendドキュメント
  • Fresnel Layerドキュメント
  • Glass Layerドキュメント

概要

  • Spline 3D
  • 12分
  • 初級

収録コース

  • 見栄えのよいマテリアルとシェーディング

関連するチュートリアル

すべてのチュートリアル
Splineで変数とリアルタイムAPIを使って3Dのデータビジュアライゼーションをつくる方法

Spline 3D上級15分

プログレッシブブラーとグラデーションでインタラクティブなスイッチをつくる

Hana初級4分

プログレッシブブラーとなめらかなグラデーションでインタラクティブなエフェクトをデザインする

Hana初級9分

Spline

チームとそのエージェントのための3D・2Dエディター。Web、iOS、Androidに公開できます。

SplineについてAIに聞く

  • English
  • Čeština
  • Deutsch
  • Español
  • Français
  • हिन्दी
  • Bahasa Indonesia
  • Italiano
  • 日本語
  • 한국어
  • Bahasa Melayu
  • Nederlands
  • Filipino
  • Polski
  • Português (Brasil)
  • Português (Portugal)
  • Русский
  • Svenska
  • ไทย
  • Türkçe
  • Українська
  • Tiếng Việt
  • 简体中文
  • 繁體中文

製品

  • 3Dデザイン
  • Hana
  • Omma
  • AI 3D生成
  • Spline MCP
  • Spline Arena
  • 料金
  • Enterprise

ランタイム

  • Web
  • iOS
  • Android

アプリ

  • ダウンロード
  • Spline Mirror
  • Spline Mirrorをダウンロード

学ぶ

  • Docs
  • Academy
  • Spline API
  • ソリューション

コミュニティ

  • Splineコミュニティ
  • Blog
  • 更新履歴
  • 教育
  • Contra
  • アフィリエイト

会社

  • 導入事例
  • 採用情報
  • セキュリティ

法的情報

  • 利用規約
  • プライバシー

お問い合わせ

  • help@spline.design
  • jobs@spline.design
© 2026 - Spline, Inc.