Spline Tutorial for Beginners: 3D Website Crash Course

Let us know if you’d like to see a full Spline course from Flux Academy: flux-academy.typeform.com/to/...
Check our part 2 where we learn to build an interactive 3D robot: • 3D Website Tutorial: I...
🎨 FREE RESOURCES FOR DESIGNERS 👉 bit.ly/3VrkepM
Check out Spline 👉 spline.design/
Join the Spline community:
Instagram: / splinetool
Twitter / X : / splinetool
TikTok: / splinedesign
Discord Community: / discord
#spline

Пікірлер: 137

  • @mindgamer5559
    @mindgamer55594 ай бұрын

    Plz make a complete course on building 3D website from scratch to advance.Whoever agree with plz like this comment as fast u can and help this comment to reach this guys so that we can get complete course plz guys 🙏💝

  • @mindgamer5559

    @mindgamer5559

    4 ай бұрын

    Comment me here what u guys think of my comment.Is it right?

  • @Ysquarevisuals

    @Ysquarevisuals

    4 ай бұрын

    It’s an awesome idea, thanks for sharing

  • @dimejiemmanuel5142

    @dimejiemmanuel5142

    4 ай бұрын

    ​@@mindgamer5559nice idea

  • @rushishah4190

    @rushishah4190

    Ай бұрын

    Yessssss

  • @knowledgebrown

    @knowledgebrown

    19 күн бұрын

    Bro got the views and dipped

  • @RahulAcharyasite
    @RahulAcharyasite4 ай бұрын

    Very helpful. I would love to see the bite size series of the course of this. Love the way you explain the concepts!

  • @friendlymagency
    @friendlymagency4 ай бұрын

    Spline Masterclass course with more 3D information to use Spline would be awesome! We like to learn from Flux

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Thanks for letting us know!

  • @KaziFaizAhmedDollar
    @KaziFaizAhmedDollar4 ай бұрын

    Thanks for your nice appreciable training. I hope you'll continue the Spline series as time flies. ❤❤

  • @sangio_davese
    @sangio_davese4 ай бұрын

    A great walk-through of the Spline workspace and capabilities. Would definitely be down for a Spline mini-course as it integrates into Webflow. Thanks again!

  • @faelanm
    @faelanm4 ай бұрын

    More tutorials please!! That was so cool to watch you build.

  • @ray.v._
    @ray.v._Ай бұрын

    I'm so glad I found your channel, You guys are my saviors! Keep up with the awsome work.

  • @Papaboi226
    @Papaboi226Ай бұрын

    This channel have one of the best Spline tutorial, keep it up!!!

  • @nour.mokrani
    @nour.mokrani4 ай бұрын

    U explain like a Pro making everything looks easier , thank u !

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Appreciate it 🙏

  • @achuthan5660
    @achuthan56602 ай бұрын

    Superb tutorial covering all the aspects, I was a beginner. Thanks a lot♥️

  • @moritz759
    @moritz7594 ай бұрын

    Thanks for the value! I hope there will soon be a client who wants some 3D elements on his website :D

  • @getchipbot
    @getchipbot3 ай бұрын

    Great tutorial. You make it look easy.

  • @Victory.editsz1
    @Victory.editsz13 ай бұрын

    Please a course, we really need it!

  • @MultiSciGeek
    @MultiSciGeek28 күн бұрын

    Nice. This brings up so many ideas.

  • @Scottyo74
    @Scottyo744 ай бұрын

    making good websites look awesome

  • @DaynaWalraven
    @DaynaWalraven3 ай бұрын

    Would love to have a full course on spline!

  • @staticmotion1628
    @staticmotion16284 ай бұрын

    Very cool and yes please more videos like this is awesome

  • @joaquinmaurtua4773
    @joaquinmaurtua47734 ай бұрын

    Amazing design!!

  • @Sigmamen50
    @Sigmamen504 ай бұрын

    we want crash course love it man

  • @Ezlife1997
    @Ezlife19974 ай бұрын

    More Spline tutorials please 😁

  • @DerekElliott
    @DerekElliott4 ай бұрын

    Nice simple walkthrough!

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Glad you liked it

  • @OrmeJeffrey
    @OrmeJeffrey3 ай бұрын

    Your fellow web dev here, just discovered spline, thank you so much for this tutorial that is really good and easy. I am thinking about integrating spline desings and objects into website, i think this will be the new trend in NA for the next 2-3 years

  • @FluxAcademy

    @FluxAcademy

    3 ай бұрын

    Sure looks like it!

  • @DGMauro
    @DGMauro3 ай бұрын

    Cool tutorial! Thanks for sharing...

  • @davidrenoz
    @davidrenoz3 ай бұрын

    Great tutorial! But I got a bit lost between extrude e materials section. How did you add the flor? And even following the same settings, doesnt look so good as yours.

  • @eunicezn738
    @eunicezn73812 күн бұрын

    hmm may i ask why my logo appears to be very big when select my logo in material, how to adjust to make it smaller and fit to center like urs?

  • @HenryCadena-qe9ly
    @HenryCadena-qe9ly3 ай бұрын

    Thanks, I would like you create a full course!

  • @knightlightshow
    @knightlightshow3 ай бұрын

    You're a great teacher, thank you for such a great video! Looking forward to making my first spline now! I'm running into a problem. My top toolbar doesnt look like yours. I'm missing the settings icon to modify the selection. Was the UI changed since you made this video? Where was the selection settings moved to?

  • @everything_Ola
    @everything_Ola25 күн бұрын

    This was amazing and interesting

  • @Grapfy
    @Grapfy3 ай бұрын

    Great ! I would like more tutorials on Spline. This will help me integrate into my Webflow. 😌

  • @FluxAcademy

    @FluxAcademy

    3 ай бұрын

    Noted!

  • @deathdefier45
    @deathdefier453 ай бұрын

    Love you brother thank you for this wonderful course

  • @FluxAcademy

    @FluxAcademy

    3 ай бұрын

    My pleasure

  • @rijnhartman8549
    @rijnhartman85494 ай бұрын

    Why was it so funny when you said "A Bump Mup" 🤣

  • @attiliogenovese9042
    @attiliogenovese90424 ай бұрын

    Full course of spline ❤

  • @KevinLin-vw3sf
    @KevinLin-vw3sf23 күн бұрын

    Is there a way to make it so the user can use the left mouse button to click on the bottle and transition to another page? Or does Spline only display the 3D content with mostly cursor interactions built in Spline? Thank you.

  • @ifeanyiabraham3361
    @ifeanyiabraham33614 ай бұрын

    I am using the free version of Spline and when i embedded in Framer it had a background that i could not get rid of. I hid the background in the play settings but it still shows. how do i resolve this?

  • @stevendesigner
    @stevendesigner4 ай бұрын

    Very useful thanks!

  • @shubhamvig6358
    @shubhamvig63584 ай бұрын

    Thank you very much for this tutorial --- --- please add more tutorial ...

  • @kleymaciel2719
    @kleymaciel27194 ай бұрын

    Tks a lot! Amazing content. If possible, just one question, how to turn it reponsive? You rock

  • @arthur_adams
    @arthur_adams4 ай бұрын

    When I add a PNG text to the bottle, it stretches unevenly, regardless of the initial size of the text I created in Figma. could you explain how to fix it please?

  • @thewebstylist
    @thewebstylist4 ай бұрын

    Wow, amazing!

  • @OndaYachts
    @OndaYachts4 ай бұрын

    Waiting your new videos!! You are amazing!

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Thanks! Appreciate it

  • @sk.naimuddin2285
    @sk.naimuddin2285Ай бұрын

    Nice video dude

  • @jgpixelmedia
    @jgpixelmedia3 ай бұрын

    Great tutorial, @Ran! I have a quick question: will this be viewable on mobile browsers after publishing to your website?

  • @thofaorganics846
    @thofaorganics8464 ай бұрын

    while enlarging the image size by pressing shift+ corner points , image became collapsed!, undo option not functioning what can I do for this?

  • @user-po1uk1jt1y
    @user-po1uk1jt1y4 ай бұрын

    Tried adding the logo and it repeats over my object. How do I make it just show once?

  • @Kila-eo5hg
    @Kila-eo5hg4 ай бұрын

    Hello, please help if you can. I've made everything perfect in Spline, added it to my website but I have one problem. Namely, I can't find the option to disable camera orbit on click, and even when I export the 3d design to webflow and publish, it is still possible to just click and rotate the object around, how do I disable that? Thanks a lot.

  • @ditismijnnaampje
    @ditismijnnaampje3 ай бұрын

    Maybe a stupid question, but i also created some kind of bottle but i can't figure out how to get the shadow underneath it. In your video I see the shadow coming and going every few minutes. If i turn on shadows, nothing happens. No shadow visible at all. How does this work?

  • @Mariamadk
    @Mariamadk4 ай бұрын

    Is it possible after finishing this hero section we export the file to figma? Is it compatible with the software?

  • @DicewhyWebflowDesigner
    @DicewhyWebflowDesigner4 ай бұрын

    Would love to see a tutorial like this for animate the scene in webflow.

  • @patmat.
    @patmat.4 ай бұрын

    It looks like the "integration", i.e. the piece of code that's eventually inserted in your website, are links to Spline, the company's servers/sites, with a proprietary viewer and a proprietary javascript. Is that it?

  • @garciaandresc
    @garciaandresc3 ай бұрын

    Hey, is it possible to add this feature to a shopify page? with like an embed, ifreme or code?

  • @smartudhay
    @smartudhay3 ай бұрын

    Woww it's really amazing 🤩

  • @imasuudWebDev
    @imasuudWebDev4 ай бұрын

    Really cool.. Amazing

  • @paultjesquad
    @paultjesquad4 ай бұрын

    Super video! Loved it!! I want more videos like this one. The tutorial video's from Spline are not that great because it's going to fast for me as a beginner. But now I'm learning a lot from this. Can you also make a video where you can make something with the particle emiter?

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Great idea and feedback! Thanks

  • @rijnhartman8549

    @rijnhartman8549

    4 ай бұрын

    I agree! I also want WAY more videos!! 🥰🥺🥺

  • @MrSenmit
    @MrSenmit4 ай бұрын

    Super helpful

  • @shahnawazmemon3035
    @shahnawazmemon3035Ай бұрын

    Thanks man, I enjoyed this going to try it soon, Now lets check your page to find if there are more videos!! Love n Peace bro

  • @rijnhartman8549
    @rijnhartman85494 ай бұрын

    Please make way more videos :( You guys are awesome!

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Thank you!

  • @studydostudy
    @studydostudy27 күн бұрын

    Hwy I'm new to spline he said click option and drag my mouse How should I do i that i tried but it's not happening

  • @tobiasmann2155
    @tobiasmann21553 ай бұрын

    Want that course in Spline too

  • @fscubetech7219
    @fscubetech72194 ай бұрын

    The great content.

  • @1min-travel
    @1min-travel3 ай бұрын

    Is there a way to take a photo or video of own product and have it scanned and made into 3D?

  • @realjgerard
    @realjgerard4 ай бұрын

    Thank you!!!!❤🙏🏾🥂💯

  • @pankajpatwal8353
    @pankajpatwal8353Ай бұрын

    Can you please tell me where should I learn the Spline tool from scratch to pro?

  • @alvinbetsayda415
    @alvinbetsayda4152 ай бұрын

    amazing g

  • @Madematt
    @Madematt4 ай бұрын

    bro what you do at 10:55 i don t get that how you go there

  • @miranda4583
    @miranda4583Ай бұрын

    Why does my logo insist on repeating itself all over the object I've made instead of just one logo sitting on the object like this? Is there a setting I'm missing?

  • @projectfocrin
    @projectfocrin4 ай бұрын

    I am not able to find cylinder in my page. So features are not visible.

  • @user-uf6ff5wx6e
    @user-uf6ff5wx6eАй бұрын

    Thx

  • @MrSubhan07779
    @MrSubhan077794 ай бұрын

    It is great work 👏

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Thanks a lot 😊

  • @ahmadshafiq9305
    @ahmadshafiq93054 ай бұрын

    Nice video. Can you also make the tutorial on how to design page for a wordpress site.

  • @moisescesario4150
    @moisescesario41503 ай бұрын

    How do I make the color of this bottle transparent? sensacional!!!!

  • @PrettyLittleKasie
    @PrettyLittleKasie4 ай бұрын

    Would you be able to make a tutorial on how to use your own photo to do this

  • @ahmedsherif1364
    @ahmedsherif1364Ай бұрын

    A course would be an honour and if animation with parallax scrolling in spline .. fire

  • @pixelrancher
    @pixelrancher4 ай бұрын

    Yes please.

  • @user-fm9kr2js8b
    @user-fm9kr2js8b4 ай бұрын

    I would love a full spline course

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Thanks for letting us know!

  • @MoreCreativeGFX
    @MoreCreativeGFX4 ай бұрын

    WoW work

  • @hm-andrew
    @hm-andrew4 ай бұрын

    Oh man, the jump at 10:55 lost me. I was really curious how you smoothed out the cap, the bottle. Great tutorial overall!

  • @stephaniekim6800

    @stephaniekim6800

    3 ай бұрын

    does anyone know what he did here?

  • @niteshbhaisare6285
    @niteshbhaisare62854 ай бұрын

    thanks alot :)

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    You're welcome!

  • @gymvision1905
    @gymvision1905Ай бұрын

    wait a minute! pause on 13:15 the face of devil is clearly seen on the bottle.🤔

  • @danflow371
    @danflow3714 ай бұрын

    ran segall is a champ of his game

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Appreciate it!

  • @basmaabdelfatah1677
    @basmaabdelfatah1677Ай бұрын

    How make background into white in 10:55

  • @rishatahmed1749
    @rishatahmed17494 ай бұрын

    You should make more spline tutorial to help newbies

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Another one was published yesterday! 💪

  • @JoaoPedro-zh9gv
    @JoaoPedro-zh9gv3 ай бұрын

    Is there a way to import this to figma?!

  • @TheJoker-zk1dw
    @TheJoker-zk1dw3 ай бұрын

    the circle becomes spherical when i extrude it

  • @moisescesario4150
    @moisescesario41503 ай бұрын

    good

  • @dybbecloud4502
    @dybbecloud45024 ай бұрын

    Live view link?

  • @unknowntraveler6406
    @unknowntraveler64064 ай бұрын

    Is it possible to import a 3D model created in Blender into Webflow?

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Yep!

  • @unknowntraveler6406

    @unknowntraveler6406

    4 ай бұрын

    @@FluxAcademy Could you please provide guidance on how to import Blender 3D models into Webflow?

  • @tabot6148
    @tabot61482 күн бұрын

    after new update I find corner in shape section

  • @sahilmusicsss
    @sahilmusicsss4 ай бұрын

    TUTORIAL IS GOOD BUT WHAT ABOUT WINDOWS USER it's hard to got to know about the controls in win pc

  • @k1rx791
    @k1rx791Ай бұрын

    in 10:49 he cuts the vid and the shape of the bottle changed and I can reach how he does this it looks smoother and better than the steps he took with us

  • @LuisSanchez-sy4rp
    @LuisSanchez-sy4rp4 ай бұрын

    I want see more. JAJAJA. Amazing. As it is my first video watched Im wondering if it could be inside in any web site like un a simple html, css and javascript page.

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Yes, it can be embeded

  • @AneetaDixit-wt2zn
    @AneetaDixit-wt2zn2 ай бұрын

    how to delete object

  • @JayPatel-jk1us
    @JayPatel-jk1us4 ай бұрын

    does webflow have a dekstop app?

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    no

  • @boxoffisa
    @boxoffisa4 ай бұрын

    Man I lost that excitement for Webflow. Can someone help me to know how to get that back?

  • @AchillMirTech
    @AchillMirTech2 ай бұрын

    it looks great, but I couldn't load the site in Chrome? Why?🤔

  • @AchillMirTech

    @AchillMirTech

    2 ай бұрын

    I already have it great, do you need to fill in 2 x different @mail? maybe yes, so I'm curious what I can do. Thank you😃

  • @JosephAdura
    @JosephAdura3 ай бұрын

    Can I integrate spline with Elementor

  • @JosephAdura

    @JosephAdura

    3 ай бұрын

    Or maybe Shopify too

  • @WickyDesign

    @WickyDesign

    3 ай бұрын

    Yes, we have a video on our channel on how to add Spline in Elementor.

  • @unknownrandom20
    @unknownrandom20Ай бұрын

    How to make 3D website on shopify

  • @Masab110
    @Masab1104 ай бұрын

    more videos

  • @PedroScherz
    @PedroScherz4 ай бұрын

    Do I need to pay to access these features?

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Nope

  • @leezart565
    @leezart5654 ай бұрын

    what option did you hold? 4:56

  • @shubhamshriramshinde3696

    @shubhamshriramshinde3696

    3 ай бұрын

    alt

  • @ditismijnnaampje

    @ditismijnnaampje

    3 ай бұрын

    Option key on apple, alt on windows

  • @hollywolfe5581
    @hollywolfe55814 ай бұрын

    Can you import this into WordPress sites?

  • @FluxAcademy

    @FluxAcademy

    4 ай бұрын

    Yep!