Загрузка страницы

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
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
20 апреля 2022 г. 22:14:33
00:16:51
Другие видео канала
How to create a 2d flat styles in 3d with SplineHow to create a 2d flat styles in 3d with SplineBalloon by Aximoris made in #spline #3d #uiux #3dwebsite #3danimation #motiondesign #3ddesignBalloon by Aximoris made in #spline #3d #uiux #3dwebsite #3danimation #motiondesign #3ddesignDoF in Spline ✨ #3d #ixd #character #3dmotion #motiondesign #animation #graphicdesign #webdesignDoF in Spline ✨ #3d #ixd #character #3dmotion #motiondesign #animation #graphicdesign #webdesign3D Materials in Spline #3d #ui #ux #3drender #3dartist #designtool #interactiondesign #webdesign3D Materials in Spline #3d #ui #ux #3drender #3dartist #designtool #interactiondesign #webdesignDesign faster in 3d with components ⚡ #3d #3ddesign #designtools #webdesign #spline #ui #uxDesign faster in 3d with components ⚡ #3d #3ddesign #designtools #webdesign #spline #ui #uxSpline & Framer Tutorial #3ddesign #3d #spline #ux #ui #design #webdesign #designtools #framerSpline & Framer Tutorial #3ddesign #3d #spline #ux #ui #design #webdesign #designtools #framerUpdate: 3D Paths in Spline!Update: 3D Paths in Spline!How to create 3D physics simulations with SplineHow to create 3D physics simulations with SplineHow to create an iridescent material effect in 3D with SplineHow to create an iridescent material effect in 3D with SplineMushrooms made in Spline 🍄 #3d #3dmodeling #graphicdesign #characterdesign#kawaii  #splinetoolMushrooms made in Spline 🍄 #3d #3dmodeling #graphicdesign #characterdesign#kawaii #splinetoolToy City 3d physics with Spline #designToy City 3d physics with Spline #designAlign your objects with ease in #Spline 😁 #3dtutorial #3ddesign #webdesign #graphicdesignAlign your objects with ease in #Spline 😁 #3dtutorial #3ddesign #webdesign #graphicdesignHow to create lens blur DoF for 3D scenes on SplineHow to create lens blur DoF for 3D scenes on SplineVisionPro experience concept ✨ #visionpro #spatialdesign #ui #ux #spline #3ddesignVisionPro experience concept ✨ #visionpro #spatialdesign #ui #ux #spline #3ddesignRelaxing rings made in Spline #3d #3ddesign #designtools #motiongraphics #3danimation #motiondesignRelaxing rings made in Spline #3d #3ddesign #designtools #motiongraphics #3danimation #motiondesign3D character made with Components in Spline✨ #3d #spline #3ddesign #characterdesign #3dmodeling #ux3D character made with Components in Spline✨ #3d #spline #3ddesign #characterdesign #3dmodeling #uxSpline x Design Buddies Animals 3D Challenge - Winners & ShowcaseSpline x Design Buddies Animals 3D Challenge - Winners & ShowcaseUpdate: Spline Community, a new place for you 3D designs made in SplineUpdate: Spline Community, a new place for you 3D designs made in SplineHow to Create Interactive Magical Particles in SplineHow to Create Interactive Magical Particles in SplineClick and Move in #spline #3ddesign #uiux #gamedev #solodev #indiegame #3d #designtools #renderClick and Move in #spline #3ddesign #uiux #gamedev #solodev #indiegame #3d #designtools #renderNew Feature - 3D Paths in Spline #3d #3ddesign #motiongraphics #motiondesign #graphicdesign #ux #uiNew Feature - 3D Paths in Spline #3d #3ddesign #motiongraphics #motiondesign #graphicdesign #ux #ui
Яндекс.Метрика