How To Create 3D Website Designs With Webflow and Spline

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 พ.ย. 2024

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

  • @ArnauRos
    @ArnauRos  ปีที่แล้ว +21

    Webflow just changed the game again. Some pretty mind blowing stuff is going to start appearing from the webflow/3d space. Should I make a tutorial on how to get the last example in the video? 👇

    • @iiniwaves
      @iiniwaves ปีที่แล้ว

      yes

    • @lalalandcph
      @lalalandcph ปีที่แล้ว

      Yes!

    • @Alex-dv9yj
      @Alex-dv9yj ปีที่แล้ว

      Bro your videos are dope! Would be crazy if you did a full tutorial on how to do that last 3d example. Keep up with the great stuff

    • @tejas4friends
      @tejas4friends ปีที่แล้ว

      Yes please. It's really an amazing concept in terms of design. I'm exploring the 3d aspect in web design and this will be good introduction for everyone.

    • @Womaniaaa
      @Womaniaaa ปีที่แล้ว

      yes, loved it, it was giving quite immersive experience .

  • @kwcreative
    @kwcreative ปีที่แล้ว +8

    PS yes would like to see you do more of this "mind-bending" interactions

  • @XPilotP
    @XPilotP ปีที่แล้ว +6

    Webflow truly is becoming better and better. can't wait for the years to come!

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว +2

      They really are creating an incredible ecosystem

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

    Yes I'll love to see you attempt this animation on spline

  • @micalcre8ts
    @micalcre8ts ปีที่แล้ว +2

    This is amazing our income just went up another six figures ...... I have been using Adobe Creative Suite less these days ..Figma webflow and Photoshop....now I'm adding Spline. I am looking forward to more of these vids

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว +1

      Thats one way to think about it!😄

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

    Thank you so much for your knowledge, appreciate it a lot, blessings.

  • @Duendennis
    @Duendennis 11 หลายเดือนก่อน +1

    Hi Arnau, definitely interested in the openlands creation!!! Love seeing you do a part of that one. :).
    By the way, I'm also acquainted with 3d as a building engineer.
    Greats Dennis

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

      Awesome, thank you! Great to know we have more 3d people here, its an interesting combo of skills

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

      It definitely is.... although I'm not a webdesigner and it is just my interest to use it on my own website.
      I will experiment with Sketchup and import it in Spline.
      Thanks for your content. Wondering about Openlands, also the text animation is really beautiful, wonder how they made that.
      (the "H1" 's how they appear).
      Greats Dennis

  • @kwcreative
    @kwcreative ปีที่แล้ว

    Thanks man! Goes without says, always appreciate the quick walkthroughs on the new new stuff :)

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

    Could you make more videos related to 3D? I absolutely love those! They're super cool.

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

      Sure thing!

    • @HalimaSadia-u3l
      @HalimaSadia-u3l หลายเดือนก่อน

      Yes ❤❤❤❤❤❤❤❤❤ we will really like

  • @satyamblaze9938
    @satyamblaze9938 ปีที่แล้ว

    Yes, give it a shot

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

    I would love if you create a tutorial for the animation just like openlands with horizontal scrolling!
    Thanks a lot!

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

    thanks for the tutorial

  • @uzee2257
    @uzee2257 26 วันที่ผ่านมา

    DO it Do itt doooo itt...!!! 📣 NO but seriously I would love to see the step by step tutorial of such amazing design.

  • @goatedchild6345
    @goatedchild6345 ปีที่แล้ว +9

    You don't need to be a backend genius anymore just a front end genius & for the elements you need to know how to use spline which requires creative geniuses.

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว +3

      Backend is still crucial for many many sites!

    • @goatedchild6345
      @goatedchild6345 ปีที่แล้ว +2

      @@ArnauRos yes that's true

  • @sw23ae
    @sw23ae ปีที่แล้ว

    Try it bro, thanks for this. Great work

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

    @ArnauRos I wanted to make a scrolling website like the website: OpenLands in your video. any tips to finding a way to making a scrolling "3d corridor" ?

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

    Can you make a video about better performance, i heared there are a lot off issues with CPU use in spline.

  • @Ahmeddhouioui
    @Ahmeddhouioui ปีที่แล้ว

    yes would like to see you do the LVMH Website design expample

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว

      Coming soon for sure!

  • @RohitYadav-p5x7g
    @RohitYadav-p5x7g ปีที่แล้ว

    hell yes, please try

  • @dhanishkhajuria_
    @dhanishkhajuria_ ปีที่แล้ว

    Awesome video!! and please make the animation shown in last website

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

    can you change the 3D shape to a saved picture example?

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

      yea why not

  • @Womaniaaa
    @Womaniaaa ปีที่แล้ว

    great, do make a tutorial on the last example website which had a forward flow , that was quite immersive 3d design !

  • @kishangautam7506
    @kishangautam7506 ปีที่แล้ว

    Yes please make a video about the last website you showed and please make one tutorial about spline as well because your bg is in 3d you can teach better

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

    This looks amazing!! Can I ask if you know that creating such designs are also possible on Shopify by using Spline as an integration?

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

      Hey, im not 100% on shopify

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

    can I use it for 3d product rendering ? Do you have a tutorial?

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

      spline can def be used for 3d rendering! I don't have a vid on it though

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

      @@ArnauRoswhich tutorial would you suggest for product 3d ?

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

      tbh I learned cinema4d a couple years back, so I wouldn't know the most up to date tutorial for 3d

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

    i have trouble with copying the spline design into the website im building. for some reason does it not paste in my design in Webflow. do you maybe know why this happens?

  • @tonystarkmowa
    @tonystarkmowa ปีที่แล้ว

    your explanation is soo good and could you please guide me on how to become a good web designer from scratch cuz I have tried development but that coding is not meant for me so please tell how can i start and every i can learn all the things

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว +1

      I'm setting up an academy if you'd like to be one of the first to try out the courses in a few months!

  • @motivationfacts6714
    @motivationfacts6714 ปีที่แล้ว

    Great 👍 thank you! Was thinking of creating an author page with my books floating around. Can you recommend anyone?

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว

      Email us! Hello@arnau(dot)design

  • @parisbrown90
    @parisbrown90 ปีที่แล้ว

    Please make the video of scolling throw the website

  • @DenjiXMakima
    @DenjiXMakima ปีที่แล้ว

    Bro how do you make your thumbnails. Do use figma for your thumbnails as well ? It's cool and professional 💯

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว

      Yeah I do! Thanks man :)

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

    How would you make the earth interact with the cursor, can you do a tutorial on that with the website?

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

      Do you mean something simple? Or something like google maps

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

      @@ArnauRos something like, if my cursor goes either left or right and this earth has a pair of eyes on it, the eyes follow the cursor.

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

      check this out webflow.com/made-in-webflow/website/pizza-burger

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

    do this scroll animation in real time tutorial! Please!

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

    Did you attempt that 3D scene? Would be really interested to see if you did! If there is a link :)

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

      Not yet! Coming soon

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

    Waiting for LVHM !

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

      me too at this point! too much work haha

  • @mahmud_sharie
    @mahmud_sharie ปีที่แล้ว

    Can this be done in @framer
    Thanks

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

      Not 100% sure!

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

    how to add 3d aniamted logo made from spline in webflow?

    • @ArnauRos
      @ArnauRos  7 หลายเดือนก่อน +1

      you need your logo in spline in 3d, then follow the vid its the same steps

  • @adibmannan3230
    @adibmannan3230 ปีที่แล้ว

    hey are the materials free, my spline has almost all the items in materials locked and asks for subscription

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว

      No it should be free

    • @adibmannan3230
      @adibmannan3230 ปีที่แล้ว

      @@ArnauRos can you give your email, I can then send you the screenshot.

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว +1

      @adibmannan3230 sure, but it might be better to contact spline support as I’m not 100% involved there :)

    • @Lonely-gourmet
      @Lonely-gourmet หลายเดือนก่อน

      Yes, I just tried a piece of junk software this morning and it was run by a team from China. You have to pay for registration.

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

    when I tried by putting the URL in WebFlow it did not work. I tried again with a different animation did not work. SOMEONE HELP ME

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

      hey, are you trying with the url of spline? or are you going to export then finding the spline link

  • @maxfluency670
    @maxfluency670 ปีที่แล้ว +1

    Do this complicated 3D scene!

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว +1

      Absolutely!!!

  • @000SilaS000
    @000SilaS000 6 หลายเดือนก่อน

    loading time 2h ?

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

      noo its quick, spline and webflow load quite well

  • @MrUnKnownPhonkヅ
    @MrUnKnownPhonkヅ 8 หลายเดือนก่อน

    it doesn't work with the new update

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

      yeah of course

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

    Are you related to Jaume Ros? the setup is the same. 😯

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

      haha yes I'm filming in his studio! We're brothers

  • @Ted_Nique
    @Ted_Nique ปีที่แล้ว +2

    4:15 killed me

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว +1

      Sorry about that, first time thats happened I'll mute those few seconds lol

    • @coffeestudi0s
      @coffeestudi0s ปีที่แล้ว

      For real

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว +1

      Should be fixed!

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

    PLZ RECREATE SOME OF THOSE ANIMATIONS

  • @fably100
    @fably100 ปีที่แล้ว

    we need preloader for spline / webflow !

  • @ParkRoadbro
    @ParkRoadbro ปีที่แล้ว

    What about wordpress sites bro. Tell us how to use them on wordpress

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

      I only use webflow to make sites! I'm not sure how to do it on wordpress

  • @sebbieweb7461
    @sebbieweb7461 ปีที่แล้ว

    yes please any think 3D

  • @hidekiryuga-hn6cq
    @hidekiryuga-hn6cq ปีที่แล้ว

    Do you think ai is gonna take over web design anytime soon?

    • @ArnauRos
      @ArnauRos  ปีที่แล้ว

      I wish I knew! But i think its only going to take over as much as the clients want. If they want to learn to use the ai/ tell it what to do, fix all their business problems then maybe. However I think we’re still a while until then

  • @seang2012
    @seang2012 ปีที่แล้ว

    Deeper question here--Arnau doesn't brush his hair yet he is still somehow hot? What's the deal.

  • @MrUnKnownPhonkヅ
    @MrUnKnownPhonkヅ 8 หลายเดือนก่อน

    you dont show how it al, wokrs

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

      what do you mean

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

    Too expensive and lags it's better to use other free 3d or animated options to save you money as this method certainly won't.

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

      which other options do you use?

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

      hi! can you give some advices for the web dev beginner?