Build EASILY Mind-blowing 3D Portfolio Website: Tutorial (Spline + Tilda)

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024

Комментарии • 71

  • @harshvchhabra1862
    @harshvchhabra1862 5 месяцев назад +2

    great! We can even import 3d models in Framer, so which one of is the fast when it comes to loading...:)

    • @azarovavictoria
      @azarovavictoria  5 месяцев назад

      Thank you for the comment:) I'm glad you like it. For faster loading pay attention to the size/weight of the 2D/3D model and difficult animation + plus the size/weight of the textures, and try to compress them for "KB" 👍

  • @Diro-n7s
    @Diro-n7s 4 месяца назад +1

    can you bring full course from this?

    • @azarovavictoria
      @azarovavictoria  4 месяца назад +2

      Thank you for your comment:) Yeah, I'll consider creating a longer and more detailed video in the future. For now, I have this video, the whole process of creating a 3D website, that maybe can be useful for you: ruclips.net/video/CZ38DRyuzm0/видео.htmlsi=z_DtvgU7Q4XhyCoL

  • @FeatherAx
    @FeatherAx День назад

    Very good eazy to understand tutorial! Thanks! 🤩 I just got one question - Does to also work with scrolling effect? Like, if I want to make an interactive website on scroll so that specific items show up on scroll is that also possible with Tilda Zero Block HTML intergation with Spline?

    • @azarovavictoria
      @azarovavictoria  День назад

      So glad you liked it and this tut was helpful for you :)) Yes, you can make animation on a scroll, select the object that needs to be animated on a scroll and choose Event "Scroll" and adjust its setup.

  • @inzi786
    @inzi786 7 месяцев назад +3

    Wow! Appreciate the efforts on this video but I really like the city scape in the starting. do u have a tutorial on that?

    • @azarovavictoria
      @azarovavictoria  7 месяцев назад +2

      I'm glad, I'm here for you to share what I know :) and thanks for letting me know you like it about the city: for now, I don't have because this tutorial is about the first steps, and if I added a more complex subject to create it could be frustrating for the first time and tiring. But agree, It'd be interesting to create a city, I'll think about it and maybe record such a tutorial)

    • @inzi786
      @inzi786 7 месяцев назад +2

      @@azarovavictoria u did an amazing work trust me. Yeah and I totally get ur point as well as long form content has its own battle with the views. I loved ur tutorial n hence thought it wud be great to learn from u. Bdw i am exploring this new tools wud love to get some inputs from u, hence i have sent a request on LinkedIn to connect, if we can.
      Once again great work.

    • @azarovavictoria
      @azarovavictoria  7 месяцев назад +1

      @@inzi786 thank you so much ☺️ such words motivate creators to keep going and create value even more 💫 okay, I’ll check it out 😊👍

  • @martinasuns
    @martinasuns Год назад +7

    omg this is amazing!! I always wanted to build a 3D portfolio but I was so scared of three.js and those kind of complex libraries. Thanks for the tutorial 🙌

    • @azarovavictoria
      @azarovavictoria  Год назад +2

      Me too 😄 but then I tried Spline and I couldn’t help but tell how it can be easy 😄😄😄
      I’m glad you find it helpful 😊

  • @ramanzhminko9748
    @ramanzhminko9748 9 месяцев назад +3

    Hello! That's a great tutorial and you did a great job! :) Only thing that I want to say, that in the start of your video you're using (as examples) portfolio web-sites that builds with Three.js library. In my opinion it would be much fair if you'll use examples of Spline + Tilde portfolios (just to not confuse some of watchers). But again, great work on video!

    • @azarovavictoria
      @azarovavictoria  9 месяцев назад +3

      Hello :) thank you 🙏🏻
      It’s a great point 😊👍 thanks that you notice this, because when I was searching for examples and inspiration for such kind of websites I tried to select that could be made in Spline or at least very close to it :) this is more like inspiration, I should said about it 🤓

  • @7758Alex
    @7758Alex Месяц назад

    Thanks to the author's tutorial❤, I followed it step by step and built my desktop model. But when I build a website with Tilda, I click on the top left corner and there is no html option. After right clicking add html, it says that free users can't add html. If you want to preview how the model will look like on a web page, you can paste the html into any html online editor, and then run it.

    • @azarovavictoria
      @azarovavictoria  Месяц назад +1

      Glad to share :)) and thanks for letting me know I think now it is a paid feature, but as I remember, for premium features you can at least check in "preview" mode, but for publishing they won't work

  • @YorickPenninks
    @YorickPenninks 10 месяцев назад +1

    Sorry, but I have difficulty to understand your English

    • @azarovavictoria
      @azarovavictoria  10 месяцев назад +2

      Hi) Yes, I'm not a native English speaker, and it's not perfect, But the process is so simple, so you can learn at least something just by watching the process, of find another video 🤗

    • @YorickPenninks
      @YorickPenninks 10 месяцев назад +1

      @@azarovavictoria I try my best 😇👌🏼

    • @azarovavictoria
      @azarovavictoria  10 месяцев назад

      @@YorickPenninks if you will get any questions during the process you can ask, I'll try to help 👍

  • @zero2hero4edu
    @zero2hero4edu Год назад +4

    Amazing tutorial thanks for sharing creative ideas ❤ your work!

  • @yashshinde8185
    @yashshinde8185 4 месяца назад +1

    Wow amazing I would love to create a 3d portfolio using this

    • @azarovavictoria
      @azarovavictoria  4 месяца назад +1

      I’m so glad you inspired by this video 😃👏 I’d love to see what you will create ☺️

  • @davidmuller3768
    @davidmuller3768 Год назад +2

    Wow love it! Would be great if you could share the link of the desk you used ! Need this type of desk for my project! Thx

    • @azarovavictoria
      @azarovavictoria  Год назад

      Thank you so much :))
      Yes, sure :) sketchfab.com/3d-models/office-a63e33a7448a49b8bb770cd5d4f2b6b1 - this is a file, but please check the license, if you're going to use for commercial use.

  • @АргуноваЕвдокия
    @АргуноваЕвдокия Год назад +3

    Wow, such a big and creative tutorial. This is the first tutorial that shows how to mix tildaand 3D 🥰

    • @azarovavictoria
      @azarovavictoria  Год назад

      I’m so happy you find it interesting ☺️✨

  • @sherdilxd
    @sherdilxd 7 месяцев назад +2

    the 3d model creation was so cool. thank you so much for showing that

    • @azarovavictoria
      @azarovavictoria  7 месяцев назад +1

      Glad you enjoyed it :)) Yes, I love to create 3D with such tools/software and services, if you want to find alternatives, you can watch my other video about 3D software, which is very cool and easy to use or learn. ruclips.net/video/zebkO6pkeuw/видео.htmlsi=UdjB08pjwz0riwWD

  • @KerimNurkaliev
    @KerimNurkaliev 5 месяцев назад +3

    wow, amazing 🤩

    • @azarovavictoria
      @azarovavictoria  5 месяцев назад

      Hi 👋 thank you ☺️ I’m so glad you enjoyed it

  • @tfdesign4072
    @tfdesign4072 11 месяцев назад +2

    Hello! I am building my portfolio currently and this is literally perfect for what I want to do! Amazing tutorial. Is there anyway you could add a computer chair that can swivel with someone sat in it? oh and a lava lamp as well hahaha!! Great video!!! Please keep them coming!

    • @azarovavictoria
      @azarovavictoria  11 месяцев назад

      Hi) Thank you for watching and kind words ☺ yeah! sure, you can do it, just play with states and events - these options are for creating animations and any movements) as for characters - you can create them in Spline (look at their tutorials, they have how to create a character) and lamp too - because in Spline, you can make transparent material. and set movements of blobs in the lamp

    • @tfdesign4072
      @tfdesign4072 11 месяцев назад

      omg ty for replying!!!@@azarovavictoria

    • @azarovavictoria
      @azarovavictoria  11 месяцев назад

      Of course ☺ @@tfdesign4072 I'm glad to help )

  • @techbot-talks
    @techbot-talks 11 месяцев назад +1

    hey can you send me the source code of the 3d model pls?

    • @azarovavictoria
      @azarovavictoria  11 месяцев назад

      Hi) thanks for watching) if you mean to see this file that i use in the video as an example so here it is (but remember that you should consider license of 3D objects) - app.spline.design/file/dc12a3aa-ea79-4bca-b178-b83dbf7dea86

  • @rafamusical
    @rafamusical 11 месяцев назад +1

    Please teach meeee ❤

    • @azarovavictoria
      @azarovavictoria  11 месяцев назад

      hi, thanks for watching😊 to teach what?)

  • @griffinkirkland9087
    @griffinkirkland9087 11 месяцев назад +1

    can I setup this model on React or NextJs

    • @azarovavictoria
      @azarovavictoria  11 месяцев назад

      I think yes, in spline there are several options for export 3D model :)

  • @Hassanfarooq1033
    @Hassanfarooq1033 Месяц назад

    love 😍you Victoria

  • @shaikirfan5791
    @shaikirfan5791 8 месяцев назад +1

    nice info will start building my own portfolio

    • @azarovavictoria
      @azarovavictoria  8 месяцев назад

      Hi ☺️ I’m so glad it was helpful for you ✨ thanks for mentioning it

  • @lyricalv748
    @lyricalv748 6 месяцев назад +1

    I have learnt from this tutorial👍.

    • @azarovavictoria
      @azarovavictoria  6 месяцев назад

      I'm so glad to hear this) this is amazing! 😃👍

  • @MICS19
    @MICS19 5 месяцев назад

    These websites you are showing are not created by spline

    • @azarovavictoria
      @azarovavictoria  5 месяцев назад

      Hi) Yes, and I'm not saying that, these are just examples of websites where 3D components were used, and for inspiration 👍 then you turn on your imagination and using Spline create your version of a 3D portfolio website 😉

  • @gunadAgp
    @gunadAgp 9 месяцев назад +1

    Good, I love you ❤

  • @ou.soufyane1179
    @ou.soufyane1179 9 месяцев назад +1

    THanks victoria

  • @imranchowdhury-q9s
    @imranchowdhury-q9s 9 месяцев назад +1

    like it

    • @azarovavictoria
      @azarovavictoria  9 месяцев назад

      Thank you 😊 I’m glad it was helpful

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 10 месяцев назад +1

    thank you

  • @AdityaAadii-g4w
    @AdityaAadii-g4w 9 месяцев назад +1

    Thanks dear❤

  • @alexandrav9057
    @alexandrav9057 Год назад +1

    Thanks for tutorial!

    • @azarovavictoria
      @azarovavictoria  Год назад +1

      I’m glad to share what I know 😊 and Thank you so much for support 🙏🏻🫶

  • @aarohikumari6252
    @aarohikumari6252 7 месяцев назад

    Add html option isn't there how am i gonna add then

    • @azarovavictoria
      @azarovavictoria  7 месяцев назад

      Hi :) In what website builder are you trying to add 3D model from Spline?

    • @7758Alex
      @7758Alex Месяц назад

      I follow the tutorial and meet the same problem.tilda free user can not add html.

  • @MannyUnchain3d
    @MannyUnchain3d 11 месяцев назад +1

    Great content! 👏👏

  • @seekknowledge1928
    @seekknowledge1928 11 месяцев назад

    Can I host the website in my own hosting?

    • @azarovavictoria
      @azarovavictoria  11 месяцев назад

      Hi:) thanks for watching) This can be embedded as HTML snippet into any website, so hosting shouldn’t be matter 😉

  • @olgazaitseva7202
    @olgazaitseva7202 10 месяцев назад +1

    😍🤩❤👍