How to create an interactive 3D keyboard with Spline
In this tutorial, you will learn how to build a 3D keyboard from scratch using modeling tools, material assets, and the Key Down/Up events.
☀️Update: Spline has improved a lot since we made this tutorial, and now, a couple of new features will enable you to follow this tutorial much faster.
1. The new Key Press event combines the Key Up and Key Down, so you only need to define it once.
2. With the new Components feature, you can duplicate an object and maintain the interactions on the duplicate (so you only need to build one Key).
Tutorial about components here: https://youtu.be/VSddFnDjPUA
0:00 Introduction
1:05 Modeling a 3D key
4:15 Adding material assets
6:10 Create the text in the keys
7:35 Creating the orange key
10:30 Making the keyboard base
13:50 Adding interaction events
Видео How to create an interactive 3D keyboard with Spline канала Spline
☀️Update: Spline has improved a lot since we made this tutorial, and now, a couple of new features will enable you to follow this tutorial much faster.
1. The new Key Press event combines the Key Up and Key Down, so you only need to define it once.
2. With the new Components feature, you can duplicate an object and maintain the interactions on the duplicate (so you only need to build one Key).
Tutorial about components here: https://youtu.be/VSddFnDjPUA
0:00 Introduction
1:05 Modeling a 3D key
4:15 Adding material assets
6:10 Create the text in the keys
7:35 Creating the orange key
10:30 Making the keyboard base
13:50 Adding interaction events
Видео How to create an interactive 3D keyboard with Spline канала Spline
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
How to create a 2d flat styles in 3d with SplineBalloon by Aximoris made in #spline #3d #uiux #3dwebsite #3danimation #motiondesign #3ddesignDoF in Spline ✨ #3d #ixd #character #3dmotion #motiondesign #animation #graphicdesign #webdesign3D Materials in Spline #3d #ui #ux #3drender #3dartist #designtool #interactiondesign #webdesignDesign faster in 3d with components ⚡ #3d #3ddesign #designtools #webdesign #spline #ui #uxSpline & Framer Tutorial #3ddesign #3d #spline #ux #ui #design #webdesign #designtools #framerUpdate: 3D Paths in Spline!How to create 3D physics simulations with SplineHow to create an iridescent material effect in 3D with SplineMushrooms made in Spline 🍄 #3d #3dmodeling #graphicdesign #characterdesign#kawaii #splinetoolToy City 3d physics with Spline #designAlign your objects with ease in #Spline 😁 #3dtutorial #3ddesign #webdesign #graphicdesignHow to create lens blur DoF for 3D scenes on SplineVisionPro experience concept ✨ #visionpro #spatialdesign #ui #ux #spline #3ddesignRelaxing rings made in Spline #3d #3ddesign #designtools #motiongraphics #3danimation #motiondesign3D character made with Components in Spline✨ #3d #spline #3ddesign #characterdesign #3dmodeling #uxSpline x Design Buddies Animals 3D Challenge - Winners & ShowcaseUpdate: Spline Community, a new place for you 3D designs made in SplineHow to Create Interactive Magical Particles in SplineClick and Move in #spline #3ddesign #uiux #gamedev #solodev #indiegame #3d #designtools #renderNew Feature - 3D Paths in Spline #3d #3ddesign #motiongraphics #motiondesign #graphicdesign #ux #ui