Learning 3D Design with Spline - Designing a 3D website with Spline and Framer
Unleash Your Creativity: Master Interactive 3D Design with Spline! Create stunning models, animations, and scenes effortlessly. Learn to craft keyboards, avatars, and mini rooms while adding lifelike interactions and effects. Transform your ideas into 3D reality!
5.0(0)
13 learners
What you'll learn
Learn to create interactive 3D elements using Spline's tools and features
Master the design and animation of 3D scenes for enhanced visual storytelling
Implement 3D objects in web and e-commerce platforms seamlessly
Develop skills in crafting detailed 3D models and micro-interactions
Hi! In this tutorial, you will learn how to create a 3D website using a 3D glass scene made in Spline and integrate it into Framer (web builder) to create and publish a fully functional website.
Check Spline: https://spline.design/
Demo Site: https://healthy-others-546063.framer.app/
Follow Spline: https://instagram.com/splinetool/
0:00 Introduction
0:33 Creating the spheres
1:40 Adding the materials
2:52 Making the glass
7:50 Exporting the 3D scene from Spline
8:26 Importing the 3D scene into Framer
10:00 Adjusting the website composition
11:30 Adding Orbit on hover
12:25 Final adjustments
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
