Spline
  • Clients
  • Enterprise
  • Tarifs
Contacter un commercialCommencer à créer
  1. Academy
  2. Tutoriels
  3. Créer un clavier interactif sombre en 3D

Créer un clavier interactif sombre en 3D

Spline 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

Fait partie de

  • Les bases de la modélisation dans Spline

Tutoriels associés

Tous les tutoriels
Affiner et styliser des icônes 3D avec des matériaux

Spline 3DDébutant9 min

Créer des icônes 3D avec des vecteurs

Spline 3DDébutant10 min

Animer des blobs 3D organiques avec des états

Spline 3DDébutant5 min

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.