Designing 3D Interactions - How to Create Interactive 3D Fluid Shapes That Follow Your Cursor in Spline

Master 3D Creativity with Spline: From Animations to Interactive Designs! Unleash your imagination with in-depth tutorials on 3D animation, interactive elements, and more. Perfect for beginners and pros seeking to elevate their design skills!

4.0 (1)

12 learners

What you'll learn

Learn to create interactive 3D animations and effects using Spline
Master the use of game controls and physics in 3D environments with Spline
Design and implement interactive 3D elements for web integration
Understand the application of variables and logic in crafting dynamic 3D content

This course includes

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

Summary

Keywords

3d 3d design ui design web design game design interactive experiences immersive 3d tutorial 3d web 3d website 3d modeling interactive 3d

Full Transcript

In this tutorial, we’ll guide you through crafting liquid- or fluid-inspired designs using shape blending. Together, we’ll create mesmerizing water-like forms, add transparency and other effects to achieve a glossy aesthetic, and implement an interaction that makes the shapes follow your cursor, bringing your designs to life with smooth animations! 🌊 Remix: https://app.spline.design/file/7f488663-6208-4bb0-802a-70bfaa865b27 00:00 Intro 00:21 Designing abstract shapes 01:46 How to craft transparent and glossy materials 04:38 Quick Tip: Cloner + Randomness for looping animations 05:54 Interactive Magic: Make your shapes follow the cursor (Follow event) 09:31 Quick Tip: Create an eye-catching animated turntable Discover more amazing creators and projects #MadeInSpline at https://community.spline.design/ Links: 💖 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