- 6
- 1 207
Jack Redley Design
เข้าร่วมเมื่อ 5 ก.ย. 2024
Want to learn how to combine the power of Figma, Spline and Webflow? You're in the right place.
I'm Jack and I'm a freelance web designer. I design 3D assets in Spline and build websites using Webflow.
I'm Jack and I'm a freelance web designer. I design 3D assets in Spline and build websites using Webflow.
3D Reflective Glass: Spline Tutorial For Beginners
🎥 How to Create a Stunning Glass Morphing Effect with Spline ✨
In this tutorial, I demonstrate how to craft an eye-catching refracted glass effect using Spline, a versatile 3D design tool.
Want free assets in your inbox?
Subscribe here! 👇
splinetime3d.substack.com/
🌐 Whether you're creating immersive web headers, interactive posters, or simply exploring 3D design techniques, this video walks you through the steps from start to finish-complete with tips to make your designs truly unique.
✨ What You'll Learn:
- Setting up Spline for your project.
- Crafting the refracted glass effect with simple 3D shapes.
- Adjusting materials, lighting, and textures for a polished look.
- Adding interactivity and animation to elevate your design.
👨💻 Tools Used:
- Spline: A browser-based 3D design tool for creatives
- Free assets from Unsplash
- Matcaps Megabundle: cosmolabs.design/work/matcaps-mega-bundle
⏱️ Timestamps:
00:00 Introduction to Glass Morphing Effects
00:40 Setting Up Your Spline Project
02:00 Creating the Base Geometry
05:15 Adding Interactivity
08:00 Applying Materials and Textures
12:30 Final Refinements
15:00 Showcasing Your Work
16:30 Applications of Glass Morphing
17:45 Conclusion and Next Steps
🌟 Don’t forget to explore the clonable project linked below if you’d like to jump straight into customizing this effect.
📬 Connect with Me:
- 🌐 Portfolio & Projects (www.jackredley.design/)
- 🛒 Shop My Creations (www.jackredley.design/shop)
- 📬 Subscribe to Spline Time 3D (splinetime3d.substack.com/)
- 🐦 Follow Me on Twitter (x.com/JackRedley1)
- 💼 LinkedIn Profile (www.linkedin.com/in/jackredley/)
- 📸 Instagram ( jackredleydesign)
💡 Cloneables & Links:
- Kanye West Spiral (app.spline.design/community/file/0eb8728c-8ee7-4f2c-b472-30669e275bba)
- Little Simz Horizontal Slide (app.spline.design/community/file/beb981e1-2d5b-4024-8a80-0416ca7b30b6)
- Imagine Dragons Reeded Glass (app.spline.design/community/file/da277ee9-b0e1-4e85-862a-720970799332)
- Spline Documentation (spline.design/docs)
- Free Textures from Unsplash (unsplash.com/)
📌 If you enjoyed the video, hit like and subscribe for more Spline tutorials and creative design tips. Share your own creations in the comments-I’d love to see them!
#3DDesign #Spline #GlassEffect #WebDesign #CreativeTutorials
In this tutorial, I demonstrate how to craft an eye-catching refracted glass effect using Spline, a versatile 3D design tool.
Want free assets in your inbox?
Subscribe here! 👇
splinetime3d.substack.com/
🌐 Whether you're creating immersive web headers, interactive posters, or simply exploring 3D design techniques, this video walks you through the steps from start to finish-complete with tips to make your designs truly unique.
✨ What You'll Learn:
- Setting up Spline for your project.
- Crafting the refracted glass effect with simple 3D shapes.
- Adjusting materials, lighting, and textures for a polished look.
- Adding interactivity and animation to elevate your design.
👨💻 Tools Used:
- Spline: A browser-based 3D design tool for creatives
- Free assets from Unsplash
- Matcaps Megabundle: cosmolabs.design/work/matcaps-mega-bundle
⏱️ Timestamps:
00:00 Introduction to Glass Morphing Effects
00:40 Setting Up Your Spline Project
02:00 Creating the Base Geometry
05:15 Adding Interactivity
08:00 Applying Materials and Textures
12:30 Final Refinements
15:00 Showcasing Your Work
16:30 Applications of Glass Morphing
17:45 Conclusion and Next Steps
🌟 Don’t forget to explore the clonable project linked below if you’d like to jump straight into customizing this effect.
📬 Connect with Me:
- 🌐 Portfolio & Projects (www.jackredley.design/)
- 🛒 Shop My Creations (www.jackredley.design/shop)
- 📬 Subscribe to Spline Time 3D (splinetime3d.substack.com/)
- 🐦 Follow Me on Twitter (x.com/JackRedley1)
- 💼 LinkedIn Profile (www.linkedin.com/in/jackredley/)
- 📸 Instagram ( jackredleydesign)
💡 Cloneables & Links:
- Kanye West Spiral (app.spline.design/community/file/0eb8728c-8ee7-4f2c-b472-30669e275bba)
- Little Simz Horizontal Slide (app.spline.design/community/file/beb981e1-2d5b-4024-8a80-0416ca7b30b6)
- Imagine Dragons Reeded Glass (app.spline.design/community/file/da277ee9-b0e1-4e85-862a-720970799332)
- Spline Documentation (spline.design/docs)
- Free Textures from Unsplash (unsplash.com/)
📌 If you enjoyed the video, hit like and subscribe for more Spline tutorials and creative design tips. Share your own creations in the comments-I’d love to see them!
#3DDesign #Spline #GlassEffect #WebDesign #CreativeTutorials
มุมมอง: 41
วีดีโอ
Hot to create an AI voice assistant using Spline and Open AI
มุมมอง 502วันที่ผ่านมา
🎥 Hot to create an AI voice assistant using Spline and Open AI In this video, I show you how I created an AI-powered virtual therapist using Spline, a 3D design tool, and OpenAI's API. 🌐 Whether you're building your own empathetic chatbot or just exploring 3D design, I walk you through the process step-by-step-from designing interactive 3D objects to connecting them with AI. ✨ What You'll Lear...
How To Achieve Realistic Textures In Spline
มุมมอง 122หลายเดือนก่อน
In this tutorial, we’ll walk you through the essentials of crafting stunning, realistic 3D textures in Spline! Whether you’re a beginner or an experienced 3D artist, this video covers everything you need to know to make your designs pop with real-world texture and depth. In this video, we’ll cover: ✅ Uploading custom images to generate unique MatCaps ✅ Using the Bump Map feature in Spline to ad...
Basics Of 3D Modelling: Spline Tool 101
มุมมอง 1662 หลายเดือนก่อน
Holy guacamole Spline is the maddest tool for 3D modelling. We fly through some basics including: 1) Making and manipulating 3d objects 2) Adding interactivity and animation 3) Materials and shading. 4) Collaboration 5) Exporting options Sign up to Webflow: try.webflow.com/cofwt00f6tsc Sign up to Spline: spline.design/ Use jackredley30 for 30% off annual plan for Spline! PERSONAL LINKS Website:...
An Introduction To Spline & Webflow: Unlocking The Power Of 3D
มุมมอง 1092 หลายเดือนก่อน
Spline and Webflow isn't that hard - let's make 3D creation accessible and straightforward! I showcase how to: 1) Create and embed 3D assets using Spline, demonstrating its web-based editor and real-time collaboration features. 2) Compare Cinema 4D and Blender, highlighting Spline's modern benefits. 3) Explore Spline's vast community resources, tutorials, and AI capabilities, illustrating the e...
How To Create a 3D Website Using Spline & Webflow
มุมมอง 3012 หลายเดือนก่อน
Creating an Immersive 3D Website with Spline and Webflow In this video, I guide you through the process of creating an immersive 3D website using Spline and Webflow. You’ll see a project I completed and learn all the steps I took to achieve a stunning, interactive design. I walk through everything from setting up your 3D assets in Spline, applying textures and animations, to embedding these ass...