Learning 3D Design with Spline - Liquid Glass and 3D Transform with Hana by Spline

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

This course includes

8.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

liquid glass glass 3d hana glass effect after effects spline ios 26 apple macos 26 ios design ui design

Full Transcript

Hello! 👋 In this tutorial, you will learn how to use the latest liquid glass effects in Spline Hana to create UI micro interactions. We will also discuss how to utilize the 3D projection tools to create stunning designs that utilize 3D perspective. Chapters: 0:00 Intro 0:34 Building a Liquid Glass toggle 2:28 Adding the Liquid Glass effect 5:00 Creating the interaction 6:33 More about Hana updates 7:10 Building stackable glass 10:00 How to export your Hana design 10:12 Experimenting with custom shapes 10:32 Creating a magnifying effect using Liquid Glass 10:51 Exploring 3D projections 11:13 Building a 3D portal 12:16 How to create a 3D Carousel 13:33 Bonus Tip 13:38 Auto Layout 15:15 Outro Links: 🌸 Hana → https://spline.design/hana 💖 Spline → http://app.spline.design 📚 Spline Docs → https://docs.spline.design Our Social: 📷 Instagram → https://www.instagram.com/splinetool 🎵 TikTok → https://www.tiktok.com/@splinedesign 💙 LinkedIn → https://www.linkedin.com/company/splinetool 🐦 X → https://twitter.com/splinetool 👾 Discord → https://discord.gg/spline Discover more amazing creators and projects #MadeInSpline at https://community.spline.design/