Build a Dark Interactive Keyboard in 3D

Build a Dark Interactive Keyboard in 3D

In this tutorial, you will learn to create a keyboard with more complex key designs and add interactivity.

Live version: https://my.spline.design/darkkeyboardtutorial-214f3bbc802a05f846868bc75004cb62/

#designing#dark#keyboard#spline#3d#3d design#ui#ux#motion#realtime#tutorial#3d modeling#interactive 3d#materials#animation#tutorial-interaction#tutorial-materials#tutorial-ui-design#tutorial-3d-design#tutorial-product

What you'll learn

  • 0:00Introduction
  • 0:28Creating the first key
  • 4:10Making the other keys
  • 5:50Creating the materials
  • 7:20Making alternative designs
  • 9:00Adding the key symbols

Related resources

Overview

Spline 3D
15min
Intermediate
Similar Tutorials
Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Spline V2 Full Tour: New Layout, Faster Creation, Agent Workflow

Video9minBeginner
Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Build Interactive Animations: Morphing UI & Reactive Glow in Hana (Step by Step)

Video13minBeginner
How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

How to add a 3D Drag & Drop interaction in Spline | Level up your website in just a few clicks

Video4minBeginner