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

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

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

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

    wow, amazing 🤩

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

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

  • @АргуноваЕвдокия
    @АргуноваЕвдокия Год назад +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 9 месяцев назад +2

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

    • @azarovavictoria
      @azarovavictoria  9 месяцев назад +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

  • @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 10 месяцев назад +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  10 месяцев назад +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 🤓

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

    Amazing tutorial thanks for sharing creative ideas ❤ your work!

  • @inzi786
    @inzi786 9 месяцев назад +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  9 месяцев назад +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 9 месяцев назад +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  9 месяцев назад +1

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

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

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

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

      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" 👍

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

    nice info will start building my own portfolio

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

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

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

    I have learnt from this tutorial👍.

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

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

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

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

    • @azarovavictoria
      @azarovavictoria  5 месяцев назад +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.

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

  • @tfdesign4072
    @tfdesign4072 Год назад +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  Год назад

      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 Год назад

      omg ty for replying!!!@@azarovavictoria

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

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

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

    Thanks for tutorial!

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

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

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

    Great content! 👏👏

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

    THanks victoria

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

    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  2 месяца назад +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

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

    Thanks dear❤

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

    Good, I love you ❤

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

    can you bring full course from this?

    • @azarovavictoria
      @azarovavictoria  5 месяцев назад +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

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

    thank you

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

    can I setup this model on React or NextJs

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

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

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

    like it

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

      Thank you 😊 I’m glad it was helpful

  • @Hassanfarooq1033
    @Hassanfarooq1033 2 месяца назад

    love 😍you Victoria

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

    Please teach meeee ❤

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

    Can I host the website in my own hosting?

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

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

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

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

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

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

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

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

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

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

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

      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

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

    😍🤩❤👍

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

    These websites you are showing are not created by spline

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

      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 😉

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

    Sorry, but I have difficulty to understand your English

    • @azarovavictoria
      @azarovavictoria  11 месяцев назад +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 11 месяцев назад +1

      @@azarovavictoria I try my best 😇👌🏼

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

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