Spline
  • Clients
  • Enterprise
  • Tarifs
Contacter un commercialCommencer à créer
  1. Academy
  2. Cours
  3. Les bases de la modélisation dans Spline
  4. Créer un clavier interactif sombre en 3D

Créer un clavier interactif sombre en 3D

Leçon 6 sur 8Spline 3DIntermédiaire16 min

Dans ce tutoriel, vous apprendrez à créer un clavier avec des touches au design plus complexe et à y ajouter de l’interactivité.

Version en ligne : https://my.spline.design/darkkeyboardtutorial-214f3bbc802a05f846868bc75004cb62/

Ce que vous allez apprendre

  1. 0:00Introduction
  2. 0:28Créer la première touche
  3. 4:10Créer les autres touches
  4. 5:50Créer les matériaux
  5. 7:20Créer des variantes
  6. 9:00Ajouter les symboles des touches
  7. 10:50Ajouter une lueur aux touches
  8. 12:15Ajustements finaux du style
  9. 14:00Ajouter les interactions

Ressources associées

  • Dark KeyboardModèle
  • 3D Modeling ToolsDocument
  • Depth Layer / 3D GradientDocument
  • Events & InteractivityDocument

Présentation

  • Spline 3D
  • 16 min
  • Intermédiaire

À suivre

Créer un interrupteur 3D interactif

13 minIntermédiaire

Continuer
Spline

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

Interrogez l’IA sur Spline

  • 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
  • 简体中文
  • 繁體中文

Produits

  • Design 3D
  • Hana
  • Omma
  • Génération 3D par IA
  • Spline MCP
  • Spline Arena
  • Tarifs
  • Enterprise

Runtimes

  • Web
  • iOS
  • Android

Apps

  • Télécharger
  • Spline Mirror
  • Télécharger Spline Mirror

Apprendre

  • Docs
  • Academy
  • API Spline
  • Solutions

Communauté

  • Communauté Spline
  • Blog
  • Nouveautés
  • Éducation
  • Contra
  • Affiliation

Entreprise

  • Clients
  • Carrières
  • Sécurité

Mentions légales

  • Conditions générales
  • Confidentialité

Contact

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