Spline Tutorial for Beginners: 3D Website Crash Course

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 201

  • @mindgamer5559
    @mindgamer5559 11 місяців тому +377

    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 11 місяців тому +8

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

    • @Ysquarevisuals
      @Ysquarevisuals 11 місяців тому +3

      It’s an awesome idea, thanks for sharing

    • @dimejiemmanuel5142
      @dimejiemmanuel5142 11 місяців тому +2

      ​@@mindgamer5559nice idea

    • @rushishah4190
      @rushishah4190 8 місяців тому +3

      Yessssss

    • @knowledgebrown
      @knowledgebrown 7 місяців тому +1

      Bro got the views and dipped

  • @friendlymagency
    @friendlymagency 11 місяців тому +64

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

    • @FluxAcademy
      @FluxAcademy  11 місяців тому +3

      Thanks for letting us know!

  • @RahulAcharyasite
    @RahulAcharyasite 11 місяців тому +18

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

  • @nour.mokrani
    @nour.mokrani 11 місяців тому +4

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

  • @Papaboi226
    @Papaboi226 8 місяців тому

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

  • @OrmeJeffrey
    @OrmeJeffrey 10 місяців тому

    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

  • @sangio_davese
    @sangio_davese 11 місяців тому +6

    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!

  • @satishchandran2520
    @satishchandran2520 5 місяців тому +12

    sir your 20 min video took me 4 hours to learn even a simple thing of how to grab and place the bottle wherever we needed bcoz i am completely new to the 3d and after a long struggle i found that in order to move the bottle for our desired place we must hold press alt key then move mouse to our desired direction ,i request you to guide us with the instructions of keys to use for each action made, any how thanks for the video

    • @VSS2002
      @VSS2002 4 місяці тому +2

      thank you so much , i was stuck at the same part , your comment helped me , god bless you

    • @yushissilwal
      @yushissilwal 2 місяці тому

      i want to send you virtual kisses thanks man!

  • @ray.v._
    @ray.v._ 8 місяців тому

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

  • @essouboyvanayemou5218
    @essouboyvanayemou5218 5 місяців тому +1

    Amazing !
    From A to Z and simply amazing 💡

  • @hashz4254
    @hashz4254 4 місяці тому

    Best tutorial on spine on UA-cam so far, please make some more.

  • @faelanm
    @faelanm 11 місяців тому +3

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

  • @Ringa_fr
    @Ringa_fr 10 місяців тому +2

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

  • @rsmsolutions.studio
    @rsmsolutions.studio 5 місяців тому

    So I'm completely new to finding spline (less than 24 hours), and so far I can't believe what I'm seeing. The community is already so great, but imagine how big and collaborative this space is going to become this decade! Super excited to start creating, and to grow with this space. Let's go!

  • @amey7064
    @amey7064 Місяць тому +1

    If you are having problems with extruding, just open the settings dropdown and select Extrude dir as Drag instead of Normal

  • @dollarproduction0
    @dollarproduction0 11 місяців тому +2

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

  • @El_Azam
    @El_Azam 6 місяців тому +7

    how did you add the floor? I'm also having problem in adding the text.

  • @achuthan5660
    @achuthan5660 9 місяців тому

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

  • @moritz759
    @moritz759 11 місяців тому +1

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

  • @DaynaWalraven
    @DaynaWalraven 10 місяців тому +1

    Would love to have a full course on spline!

  • @gymvision1905
    @gymvision1905 8 місяців тому +1

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

  • @SaraRehan-s1g
    @SaraRehan-s1g 3 місяці тому

    You made it look so easy! 🤩

  • @mayanksharma_WebDeveloper
    @mayanksharma_WebDeveloper 5 місяців тому +2

    Please make a full website using 3d models with perfect lightings
    btw thanks for this video

  • @davidrenoz
    @davidrenoz 10 місяців тому +4

    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.

  • @shubhamvig6358
    @shubhamvig6358 11 місяців тому

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

  • @DerekElliott
    @DerekElliott 11 місяців тому

    Nice simple walkthrough!

  • @apexa_sharma545
    @apexa_sharma545 3 місяці тому

    its a great video but please mention small things too for beginners, you have to click on edit mesh after reducing your subdivision modifier to 0 to get the edges, vetex and faces access

  • @vitalicdesignco
    @vitalicdesignco 6 місяців тому

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

  • @syedmaji
    @syedmaji 4 місяці тому

    Amazing Job done with simplicity. would you please make videos like that but also give details about the tools and pannels selection. It would be knowledgeable to ge a Deep dive into the Spline Tutorial.

  • @journeywithraya
    @journeywithraya 4 місяці тому +1

    i have doubt how to drag the object you did in 2:12 please me when i try from my mouse its not moving like 3d

  • @mistermorak5459
    @mistermorak5459 Місяць тому +1

    Great work, im just struggling to find our how you got the shadow on the bottle

  • @andrew-hat
    @andrew-hat 11 місяців тому +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!

  • @Victory.editsz1
    @Victory.editsz1 10 місяців тому

    Please a course, we really need it!

  • @obenhart7524
    @obenhart7524 3 місяці тому

    this was amazing, thank you

  • @DicewhyWebflowDesigner
    @DicewhyWebflowDesigner 11 місяців тому +1

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

  • @PaulRayProductions
    @PaulRayProductions 4 місяці тому

    Yes, course on spline!

  • @paultjesquad
    @paultjesquad 11 місяців тому +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  11 місяців тому +1

      Great idea and feedback! Thanks

    • @rijnhartman8549
      @rijnhartman8549 11 місяців тому

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

  • @jgpixelmedia
    @jgpixelmedia 10 місяців тому +1

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

  • @deathdefier45
    @deathdefier45 10 місяців тому

    Love you brother thank you for this wonderful course

  • @HenryCadena-qe9ly
    @HenryCadena-qe9ly 10 місяців тому

    Thanks, I would like you create a full course!

  • @OndaYachts
    @OndaYachts 11 місяців тому +1

    Waiting your new videos!! You are amazing!

  • @rijnhartman8549
    @rijnhartman8549 11 місяців тому

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

  • @MultiSciGeek
    @MultiSciGeek 7 місяців тому

    Nice. This brings up so many ideas.

  • @knightlightshow
    @knightlightshow 10 місяців тому

    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?

  • @Sellerboy-w8r
    @Sellerboy-w8r 11 місяців тому +3

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

  • @Scottyo74
    @Scottyo74 11 місяців тому

    making good websites look awesome

  • @tobiasmann2155
    @tobiasmann2155 10 місяців тому

    Want that course in Spline too

  • @getchipbot
    @getchipbot 10 місяців тому

    Great tutorial. You make it look easy.

  • @Mark.Alexanian
    @Mark.Alexanian 2 місяці тому

    Hello Sir, I want to start the entire package of course from scratch, but being confused of the multi-softwares, kindly need the advice:
    1. What is the difference between Spline and Blender for example?
    2. Which softwares I should start subsequently to be able to create a complete 3D website?
    Much appreciated in advance

  • @staticmotion1628
    @staticmotion1628 11 місяців тому +1

    Very cool and yes please more videos like this is awesome

  • @JerryTomlinson-k3e
    @JerryTomlinson-k3e 6 місяців тому +3

    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

    • @TheZexsus
      @TheZexsus Місяць тому

      You unselect everything and see "Scene" section on the right sidebar

  • @Sigmamen50
    @Sigmamen50 11 місяців тому

    we want crash course love it man

  • @yashrajkatiyar8347
    @yashrajkatiyar8347 2 місяці тому

    in clip 2:10 i am unable to understand how to rotate an 3d object using mouse
    .Please tell me

  • @Towelmaker123
    @Towelmaker123 3 місяці тому

    Could you make a tutorial on how jpeg is converted to a 3d in spline and how i can adapt this lesson with an existing image asset to do this?

  • @brianamazzio7380
    @brianamazzio7380 5 місяців тому

    full on course PLEASE!!!

  • @ahmadshafiq9305
    @ahmadshafiq9305 11 місяців тому

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

  • @mijnnaampje
    @mijnnaampje 10 місяців тому +2

    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?

  • @wilmertheliooon
    @wilmertheliooon 4 місяці тому

    Amazing! Thanks so much

  • @reem.7asn
    @reem.7asn 6 місяців тому

    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.

  • @attiliogenovese9042
    @attiliogenovese9042 11 місяців тому

    Full course of spline ❤

  • @shahnawazmemon3035
    @shahnawazmemon3035 8 місяців тому

    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

  • @arindanaditiya4563
    @arindanaditiya4563 6 місяців тому

    thankyou bro 🙏, from indonesia

  • @RealAnimavivus
    @RealAnimavivus 4 місяці тому

    This was amazing!

  • @kleymaciel2719
    @kleymaciel2719 11 місяців тому

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

  • @DGMauro
    @DGMauro 10 місяців тому

    Cool tutorial! Thanks for sharing...

  • @garethellison01
    @garethellison01 Місяць тому

    What an incredible tutorial! 🤯🙌🏻🪄💡

  • @FuadAliah
    @FuadAliah 5 місяців тому

    It’s amazing, How I can using in react project?

  • @Hatchi-t6z
    @Hatchi-t6z 2 дні тому

    how you fix the cap on the bottle?

  • @Ezlife1997
    @Ezlife1997 11 місяців тому

    More Spline tutorials please 😁

  • @harryoatmeal2937
    @harryoatmeal2937 5 місяців тому

    Thank you ❤

  • @akashfreelancing
    @akashfreelancing 5 місяців тому +3

    Oh that's great but why my pc is smoking now 😢😂😂😂😂

  • @patricwagnerbln
    @patricwagnerbln 5 місяців тому

    mega 👍 thanks Ran

  • @ahmedsherif1364
    @ahmedsherif1364 8 місяців тому

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

  • @dektures
    @dektures 11 днів тому

    I am facing a problem where the spline scene is added and the orbit works but no animations will play such as hover or click.

  • @smartudhay
    @smartudhay 10 місяців тому

    Woww it's really amazing 🤩

  • @rishatahmed1749
    @rishatahmed1749 11 місяців тому

    You should make more spline tutorial to help newbies

    • @FluxAcademy
      @FluxAcademy  11 місяців тому

      Another one was published yesterday! 💪

  • @sana_101
    @sana_101 6 днів тому

    Hi, I’ve been following your tutorial on creating a bottle in Spline, but I’m encountering an issue when trying to shape the bottle. After selecting the cylinder and adjusting its size, I extruded the top part and started pushing the sides inward, just like you did in the video. However, unlike what you showed, when I push one side of the cylinder, it only curves on that side, and the rest of the geometry stays flat. In your video, when you pushed one side, the curvature smoothly affected the entire bottle. I’ve tried adjusting various settings, but I can’t seem to replicate the same effect. Could you guide me on how to achieve this proportional curvature across the whole shape, like you did in the tutorial?

  • @everything_Ola
    @everything_Ola 7 місяців тому

    This was amazing and interesting

  • @Joaco_cnk
    @Joaco_cnk 11 місяців тому

    Amazing design!!

  • @liori2010
    @liori2010 11 місяців тому

    I would love a full spline course

    • @FluxAcademy
      @FluxAcademy  11 місяців тому +1

      Thanks for letting us know!

  • @danflow371
    @danflow371 11 місяців тому

    ran segall is a champ of his game

  • @PrettyLittleKasie
    @PrettyLittleKasie 11 місяців тому

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

  • @CopycatStudiosLA
    @CopycatStudiosLA 9 днів тому

    pls make drag and drop 3d objects tutorial or send link if you already have it - thx

  • @stevendesigner
    @stevendesigner 11 місяців тому

    Very useful thanks!

  • @thewebstylist
    @thewebstylist 11 місяців тому

    Wow, amazing!

  • @ogs102
    @ogs102 6 місяців тому

    after the extrusion i cant perfectly bend it.. seems like one side is always tilted to the other side

  • @rijnhartman8549
    @rijnhartman8549 11 місяців тому

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

  • @michaelaguirre18
    @michaelaguirre18 Місяць тому

    How dose that work with the mobile version on the site?

  • @MazenTalks
    @MazenTalks 8 місяців тому

    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

  • @Davina-g1b
    @Davina-g1b 2 місяці тому

    Can we implement spline products onto Figma?

  • @thatonesnowboarde
    @thatonesnowboarde 6 місяців тому

    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

  • @Mario12321-b
    @Mario12321-b 18 днів тому

    How to scale a whole can u tell please

  • @magicoftabla7836
    @magicoftabla7836 6 місяців тому +1

    when i try to create this it not working

  • @pradyumnshirsath7671
    @pradyumnshirsath7671 6 місяців тому

    how to set background white as he did?

  • @patmat.
    @patmat. 11 місяців тому +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?

  • @KevinLin-vw3sf
    @KevinLin-vw3sf 7 місяців тому

    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.

  • @Mario12321-b
    @Mario12321-b 23 дні тому

    i am confused how to change perspective of camera

  • @thefuturewoven
    @thefuturewoven 4 місяці тому

    Full Spline Masterclass, when?

  • @JorRem-q4l
    @JorRem-q4l 6 місяців тому

    I think that there are some features that are not available in the basic mode, namely scale and extrude in the same form...Is this correct?

  • @imasuudWebDev
    @imasuudWebDev 11 місяців тому

    Really cool.. Amazing