Spline
  • 導入事例
  • Enterprise
  • 料金
営業担当に相談はじめる
  1. Academy
  2. コース
  3. Splineのモデリングの基本
  4. 3Dでダークなインタラクティブキーボードをつくる

3Dでダークなインタラクティブキーボードをつくる

レッスン 6 / 8Spline 3D中級16分

このチュートリアルでは、より複雑なキーのデザインのキーボードをつくり、インタラクションを加える方法を学びます。

ライブ版:https://my.spline.design/darkkeyboardtutorial-214f3bbc802a05f846868bc75004cb62/

学べること

  1. 0:00はじめに
  2. 0:28最初のキーをつくる
  3. 4:10ほかのキーをつくる
  4. 5:50マテリアルをつくる
  5. 7:20別デザインをつくる
  6. 9:00キーの記号を追加する
  7. 10:50キーにグローを追加する
  8. 12:15スタイルの最終調整
  9. 14:00インタラクションを追加する

関連リソース

  • Dark Keyboardテンプレート
  • 3D Modeling Toolsドキュメント
  • Depth Layer / 3D Gradientドキュメント
  • Events & Interactivityドキュメント

概要

  • Spline 3D
  • 16分
  • 中級

次のレッスン

インタラクション付きの3Dの照明スイッチをつくる

13分中級

続ける
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.