# Build a Dark Interactive Keyboard in 3D (https://academy.spline.design/tutorials/build-a-dark-interactive-keyboard-in-3d)

> A video tutorial from the Spline Academy.

- Product: Spline 3D
- Level: intermediate
- Duration: 15 min 45 s
- Published: 2022-05-15
- Video: https://www.youtube.com/watch?v=1ZVdMR1qErw
- Part of: [Modeling Essentials in Spline](https://academy.spline.design/collections/modeling-essentials-in-spline.md)

## About this tutorial

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/

## Chapters

- [0:00](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=0s) Introduction
- [0:28](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=28s) Creating the first key
- [4:10](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=250s) Making the other keys
- [5:50](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=350s) Creating the materials
- [7:20](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=440s) Making alternative designs
- [9:00](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=540s) Adding the key symbols
- [10:50](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=650s) Adding glow to the keys
- [12:15](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=735s) Final Style adjustments
- [14:00](https://www.youtube.com/watch?v=1ZVdMR1qErw&t=840s) Adding the interactions

## Related documentation

- [3D Modeling Tools](https://docs.spline.design/designing-in-3-d/3d-modeling-tools)
- [Depth Layer / 3D Gradient](https://docs.spline.design/materials-shading/depth-layer-3d-gradient)
- [Events & Interactivity](https://docs.spline.design/interaction-states-events-and-actions/events-interactivity)