Spline Tutorial for Beginners: 3D Website Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 มิ.ย. 2024
  • 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

ความคิดเห็น • 144

  • @mindgamer5559
    @mindgamer5559 4 หลายเดือนก่อน +214

    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 หลายเดือนก่อน +5

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

    • @Ysquarevisuals
      @Ysquarevisuals 4 หลายเดือนก่อน +3

      It’s an awesome idea, thanks for sharing

    • @dimejiemmanuel5142
      @dimejiemmanuel5142 4 หลายเดือนก่อน +2

      ​@@mindgamer5559nice idea

    • @rushishah4190
      @rushishah4190 2 หลายเดือนก่อน +2

      Yessssss

    • @knowledgebrown
      @knowledgebrown หลายเดือนก่อน

      Bro got the views and dipped

  • @RahulAcharyasite
    @RahulAcharyasite 5 หลายเดือนก่อน +14

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

  • @friendlymagency
    @friendlymagency 5 หลายเดือนก่อน +45

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

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน +1

      Thanks for letting us know!

  • @faelanm
    @faelanm 5 หลายเดือนก่อน +3

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

  • @dollarproduction24
    @dollarproduction24 5 หลายเดือนก่อน +1

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

  • @ray.v._
    @ray.v._ 2 หลายเดือนก่อน

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

  • @sangio_davese
    @sangio_davese 5 หลายเดือนก่อน +2

    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!

  • @nour.mokrani
    @nour.mokrani 5 หลายเดือนก่อน +3

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

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน +2

      Appreciate it 🙏

  • @Papaboi226
    @Papaboi226 2 หลายเดือนก่อน

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

  • @achuthan5660
    @achuthan5660 3 หลายเดือนก่อน

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

  • @Victory.editsz1
    @Victory.editsz1 3 หลายเดือนก่อน

    Please a course, we really need it!

  • @moritz759
    @moritz759 5 หลายเดือนก่อน +1

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

  • @getchipbot
    @getchipbot 3 หลายเดือนก่อน

    Great tutorial. You make it look easy.

  • @DaynaWalraven
    @DaynaWalraven 4 หลายเดือนก่อน +1

    Would love to have a full course on spline!

  • @MultiSciGeek
    @MultiSciGeek หลายเดือนก่อน

    Nice. This brings up so many ideas.

  • @Scottyo74
    @Scottyo74 5 หลายเดือนก่อน

    making good websites look awesome

  • @staticmotion1628
    @staticmotion1628 5 หลายเดือนก่อน +1

    Very cool and yes please more videos like this is awesome

  • @Ezlife1997
    @Ezlife1997 5 หลายเดือนก่อน

    More Spline tutorials please 😁

  • @Sigmamen50
    @Sigmamen50 5 หลายเดือนก่อน

    we want crash course love it man

  • @HenryCadena-qe9ly
    @HenryCadena-qe9ly 4 หลายเดือนก่อน

    Thanks, I would like you create a full course!

  • @joaquinmaurtua4773
    @joaquinmaurtua4773 4 หลายเดือนก่อน

    Amazing design!!

  • @DerekElliott
    @DerekElliott 5 หลายเดือนก่อน

    Nice simple walkthrough!

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน

      Glad you liked it

  • @DGMauro
    @DGMauro 4 หลายเดือนก่อน

    Cool tutorial! Thanks for sharing...

  • @knightlightshow
    @knightlightshow 3 หลายเดือนก่อน

    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?

  • @vitalicdesignco
    @vitalicdesignco 7 วันที่ผ่านมา

    Ran I have been watching your content for years and love it. One comment - the shape is called a rectangle, not a 'rectangular' haha.

  • @kleymaciel2719
    @kleymaciel2719 5 หลายเดือนก่อน

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

  • @davidrenoz
    @davidrenoz 4 หลายเดือนก่อน +2

    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.

  • @rijnhartman8549
    @rijnhartman8549 5 หลายเดือนก่อน

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

  • @Grapfy
    @Grapfy 4 หลายเดือนก่อน +2

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

    • @FluxAcademy
      @FluxAcademy  4 หลายเดือนก่อน +1

      Noted!

  • @deathdefier45
    @deathdefier45 4 หลายเดือนก่อน

    Love you brother thank you for this wonderful course

    • @FluxAcademy
      @FluxAcademy  4 หลายเดือนก่อน

      My pleasure

  • @stevendesigner
    @stevendesigner 4 หลายเดือนก่อน

    Very useful thanks!

  • @jgpixelmedia
    @jgpixelmedia 4 หลายเดือนก่อน

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

  • @shubhamvig6358
    @shubhamvig6358 4 หลายเดือนก่อน

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

  • @OndaYachts
    @OndaYachts 5 หลายเดือนก่อน +1

    Waiting your new videos!! You are amazing!

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน

      Thanks! Appreciate it

  • @attiliogenovese9042
    @attiliogenovese9042 5 หลายเดือนก่อน

    Full course of spline ❤

  • @OrmeJeffrey
    @OrmeJeffrey 4 หลายเดือนก่อน

    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  4 หลายเดือนก่อน

      Sure looks like it!

  • @DicewhyWebflowDesigner
    @DicewhyWebflowDesigner 5 หลายเดือนก่อน

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

  • @everything_Ola
    @everything_Ola หลายเดือนก่อน

    This was amazing and interesting

  • @thewebstylist
    @thewebstylist 4 หลายเดือนก่อน

    Wow, amazing!

  • @patmat.
    @patmat. 5 หลายเดือนก่อน +1

    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?

  • @paultjesquad
    @paultjesquad 5 หลายเดือนก่อน +1

    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  5 หลายเดือนก่อน +1

      Great idea and feedback! Thanks

    • @rijnhartman8549
      @rijnhartman8549 5 หลายเดือนก่อน

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

  • @tobiasmann2155
    @tobiasmann2155 3 หลายเดือนก่อน

    Want that course in Spline too

  • @thatonesnowboarde
    @thatonesnowboarde 9 วันที่ผ่านมา

    Do you know if its possible to make the logo on the product dynamic so if for example we have 40 flavors with different designs we can load the logo/prod design into the same animation

  • @KevinLin-vw3sf
    @KevinLin-vw3sf หลายเดือนก่อน

    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.

  • @smartudhay
    @smartudhay 3 หลายเดือนก่อน

    Woww it's really amazing 🤩

  • @rijnhartman8549
    @rijnhartman8549 5 หลายเดือนก่อน

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

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน

      Thank you!

  • @realjgerard
    @realjgerard 5 หลายเดือนก่อน

    Thank you!!!!❤🙏🏾🥂💯

  • @user-vk4jv6vx9h
    @user-vk4jv6vx9h 5 วันที่ผ่านมา

    hello, i am learning alot from this video but i got one issue that is when u change to the white background ur bottle texture changes and the lit become more straight how did u switch to that casue it seem there is a break u too in the video

  • @imasuudWebDev
    @imasuudWebDev 4 หลายเดือนก่อน

    Really cool.. Amazing

  • @ditismijnnaampje
    @ditismijnnaampje 3 หลายเดือนก่อน +1

    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?

  • @eunicezn738
    @eunicezn738 25 วันที่ผ่านมา

    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?

  • @pankajpatwal8353
    @pankajpatwal8353 2 หลายเดือนก่อน

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

  • @user-po1uk1jt1y
    @user-po1uk1jt1y 5 หลายเดือนก่อน

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

  • @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

  • @sk.naimuddin2285
    @sk.naimuddin2285 หลายเดือนก่อน

    Nice video dude

  • @fscubetech7219
    @fscubetech7219 5 หลายเดือนก่อน +1

    The great content.

  • @ifeanyiabraham3361
    @ifeanyiabraham3361 4 หลายเดือนก่อน

    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?

  • @MrSenmit
    @MrSenmit 5 หลายเดือนก่อน

    Super helpful

  • @Kila-eo5hg
    @Kila-eo5hg 4 หลายเดือนก่อน

    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.

  • @arthur_adams
    @arthur_adams 4 หลายเดือนก่อน

    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?

  • @Mariamadk
    @Mariamadk 5 หลายเดือนก่อน

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

  • @Madematt
    @Madematt 4 หลายเดือนก่อน +3

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

  • @garciaandresc
    @garciaandresc 3 หลายเดือนก่อน

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

  • @reem.7asn
    @reem.7asn 9 วันที่ผ่านมา

    It seems good to work with it temporarily, but the grass texture that you placed it in looks like you didn't place it giving an effect I don't like in use! Smooth I don't know how to describe it.

  • @1min-travel
    @1min-travel 3 หลายเดือนก่อน

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

  • @ahmadshafiq9305
    @ahmadshafiq9305 4 หลายเดือนก่อน

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

  • @thofaorganics846
    @thofaorganics846 4 หลายเดือนก่อน

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

  • @liori2010
    @liori2010 5 หลายเดือนก่อน

    I would love a full spline course

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน +1

      Thanks for letting us know!

  • @PrettyLittleKasie
    @PrettyLittleKasie 4 หลายเดือนก่อน

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

  • @user-uf6ff5wx6e
    @user-uf6ff5wx6e 2 หลายเดือนก่อน

    Thx

  • @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?

  • @hm-andrew
    @hm-andrew 5 หลายเดือนก่อน +3

    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?

  • @moisescesario4150
    @moisescesario4150 3 หลายเดือนก่อน

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

  • @studydostudy
    @studydostudy หลายเดือนก่อน

    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

  • @ahmedsherif1364
    @ahmedsherif1364 2 หลายเดือนก่อน

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

  • @pradyumnshirsath7671
    @pradyumnshirsath7671 7 วันที่ผ่านมา

    how to set background white as he did?

  • @projectfocrin
    @projectfocrin 4 หลายเดือนก่อน

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

  • @MrSubhan07779
    @MrSubhan07779 5 หลายเดือนก่อน

    It is great work 👏

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน

      Thanks a lot 😊

  • @alvinbetsayda415
    @alvinbetsayda415 2 หลายเดือนก่อน

    amazing
    g

  • @danflow371
    @danflow371 5 หลายเดือนก่อน

    ran segall is a champ of his game

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน +1

      Appreciate it!

  • @pixelrancher
    @pixelrancher 4 หลายเดือนก่อน

    Yes please.

  • @rishatahmed1749
    @rishatahmed1749 5 หลายเดือนก่อน

    You should make more spline tutorial to help newbies

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน

      Another one was published yesterday! 💪

  • @TheJoker-zk1dw
    @TheJoker-zk1dw 4 หลายเดือนก่อน

    the circle becomes spherical when i extrude it

  • @niteshbhaisare6285
    @niteshbhaisare6285 5 หลายเดือนก่อน

    thanks alot :)

    • @FluxAcademy
      @FluxAcademy  5 หลายเดือนก่อน

      You're welcome!

  • @gymvision1905
    @gymvision1905 2 หลายเดือนก่อน +1

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

  • @MoreCreativeGFX
    @MoreCreativeGFX 5 หลายเดือนก่อน

    WoW work

  • @JoaoPedro-zh9gv
    @JoaoPedro-zh9gv 3 หลายเดือนก่อน

    Is there a way to import this to figma?!

  • @LuisSanchez-sy4rp
    @LuisSanchez-sy4rp 4 หลายเดือนก่อน

    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

  • @dybbecloud4502
    @dybbecloud4502 4 หลายเดือนก่อน

    Live view link?

  • @AneetaDixit-wt2zn
    @AneetaDixit-wt2zn 2 หลายเดือนก่อน

    how to delete object

  • @basmaabdelfatah1677
    @basmaabdelfatah1677 2 หลายเดือนก่อน

    How make background into white in 10:55

  • @moisescesario4150
    @moisescesario4150 3 หลายเดือนก่อน

    good

  • @shyamkss
    @shyamkss 9 วันที่ผ่านมา

    Bro when you add logo to the bottle it was perfectly adjusted to the bottle,but I didn't get perfect sized logo to my bottle

    • @shyamkss
      @shyamkss 9 วันที่ผ่านมา

      It's covers overall to the bottle

  • @sahilmusicsss
    @sahilmusicsss 4 หลายเดือนก่อน

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

  • @boxoffisa
    @boxoffisa 5 หลายเดือนก่อน

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

  • @tabot6148
    @tabot6148 15 วันที่ผ่านมา

    after new update I find corner in shape section

  • @k1rx791
    @k1rx791 2 หลายเดือนก่อน

    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

  • @Masab110
    @Masab110 5 หลายเดือนก่อน

    more videos

  • @JayPatel-jk1us
    @JayPatel-jk1us 4 หลายเดือนก่อน

    does webflow have a dekstop app?

  • @unknownrandom20
    @unknownrandom20 2 หลายเดือนก่อน

    How to make 3D website on shopify