Design an animated 3D weather landing page with Spline - Tutorial
HTML-код
- Опубликовано: 6 авг 2024
- In this tutorial, I'll demonstrate how to make a realistic 3D animated weather icon using Spline's material library and the new bump map feature.
---
Try Spline for free:
👉 spline.design/
Join Spline community:
👉 Instagram: / splinetool
👉 Twitter: / splinetool
👉 TikTok: / splinedesign
👉 Discord Community: / discord
---
Other Spline tutorials:
• How to design a 3D web...
• Create hundreds of 3D ...
---
0:00 Intro
0:14 Create a 3D sun using AI-generated texture and bump maps
4:06 Create a cloud using a Displace channel
6:07 Add a backdrop
6:38 Animation
10:39 Export and integrate to a website
Another great tutorial, Spline is getting much better!
That looks so slick. Great work as always mate
this is awesome, you the man Minh!!
Artistic, beautifully done., well explained. The fact that you explain both Framer and Spline is what makes you the perfect channel to learn both Software at the same time. Thank you. I have subscribed to your channel. You did earn my full attention since I am quite an amateur UI / UX designer. I only ask if one day not too far u can develop a fully responsive site using spline and framer and make the site interactive. That will be so awesome!!!
well commented
Awesome work!
Spline has gone a long way! Can't wait to try it out!
Your walkthrough on creating a 3D weather landing page is incredibly insightful. What struck me is how you masterfully combined different layers of materials and textures to achieve such realistic and visually appealing results. The way you explained adjusting the lighting, adding depth, and even creating water drops showcases your keen eye for detail.
I'm curious to know, while the 3D weather landing page is fantastic, how would you suggest adapting this technique to other design projects, such as interactive animations or product showcases?
Your explanations about adjusting lighting, adding depth, and creating water drops showcase your keen eye for detail.
Great tutorial! Your step-by-step instructions make creating a 3D weather landing page look surprisingly achievable. 😄
Now, for the fun part: If you could use this 3D design technique to recreate any natural phenomenon, what would it be, and why? 🌪🌈
Great work! It's true that applying these techniques to various design projects can yield exciting results. The key is to think creatively and experiment with how these 3D design principles can elevate the specific goals and aesthetics of your projects. It's all about leveraging the power of 3D design to create memorable and engaging visual experiences.
Absolutely right @dotpenji! Worth watching.
I agree with you! about the walkthrough on creating a 3D weather landing page is spot on. The way various materials and textures were seamlessly blended to achieve realism and visual appeal is truly impressive.
Great as usual!
Hi ! Nice work i love your tutorial on spline. Always amazing ! That will be interesting to give your spline for remix or framer
Great thank you
Excellent tutorial, well done! I'm interested to see how you would go about creating an interactive golf ball scene.
Would really love to hear about your thought process if I’m being honest. The ‘why’ is by far the golden ticket. The how seems a bit more obvious to me. Despite that, beautiful work as expected mate ha
Is it possible to have this for all weathers ? so it switches the stage.. maybe even with a transtion ?
mine doesnt move with the cursor, even though cursor is set to default. what can be the reason?
Thanks Minh! How do you optimise to keep your 3d models small so they don't impact the website's load speed?
Spline offers tips & a tool to help you improve performance and reduce file size when exporting. Basically, remove any object that is unnecessary to your scene : use the fewest lights and materials, don't go crazy on the polygons count, remove unused cameras, etc.
The sun looks like a knee... but good video
The value of cloud movement for me is getting changed in both the states automatically. Could you please help ASAP?
May I know your Macbook's specs?
Thank you!
Do a full framer tutorial 😂
sir i want use this video any copyright issue ?
Nice video, but i run in huge issue, i made a lot of 3d modules in my home page and its so slow it takes like 15 sec to load i guess thats not gona work..;/
Optimize the size of your models.
the animation on the cloud does not work for me can you help me please
Sir make a 3d website using after effects, Blender, Unreal engine 5 & Cinema 4d
it's a request, thanks.
9:47 Sunnheiser Huh Duh