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

Поділитися
Вставка

КОМЕНТАРІ • 66

  • @yashshinde8185
    @yashshinde8185 8 днів тому +1

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

    • @azarovavictoria
      @azarovavictoria  8 днів тому

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

  • @sherdilxd
    @sherdilxd 3 місяці тому +1

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

    • @azarovavictoria
      @azarovavictoria  3 місяці тому +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. ua-cam.com/video/zebkO6pkeuw/v-deo.htmlsi=UdjB08pjwz0riwWD

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

    Amazing tutorial thanks for sharing creative ideas ❤ your work!

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

      Such comments rise my motivation 🙏🏻🫰

  • @martinasuns
    @martinasuns 8 місяців тому +5

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

      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 😊

  • @user-cj3di9jd2e
    @user-cj3di9jd2e 8 місяців тому +2

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

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

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

  • @KerimNurkaliev
    @KerimNurkaliev Місяць тому +3

    wow, amazing 🤩

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

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

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

    Thanks for tutorial!

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

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

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

    Great content! 👏👏

  • @lyricalv748
    @lyricalv748 2 місяці тому +1

    I have learnt from this tutorial👍.

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

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

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

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

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

      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 4 місяці тому +1

    nice info will start building my own portfolio

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

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

  • @ou.soufyane1179
    @ou.soufyane1179 5 місяців тому +1

    THanks victoria

  • @ramanzhminko9748
    @ramanzhminko9748 5 місяців тому +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  5 місяців тому +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 🤓

  • @user-is1ou4hg6j
    @user-is1ou4hg6j 5 місяців тому +1

    Thanks dear❤

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

    guauuuu...wonderful

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

      Thank you :) I hope it was helphul for you ☺

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

      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.

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 5 місяців тому +1

    thank you

  • @dila002
    @dila002 10 днів тому +1

    can you bring full course from this?

    • @azarovavictoria
      @azarovavictoria  10 днів тому +1

      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: ua-cam.com/video/CZ38DRyuzm0/v-deo.htmlsi=z_DtvgU7Q4XhyCoL

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

    Good, I love you ❤

  • @inzi786
    @inzi786 3 місяці тому +2

    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  3 місяці тому +1

      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 3 місяці тому +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  3 місяці тому +1

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

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

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

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

      omg ty for replying!!!@@azarovavictoria

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

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

  • @user-ee7hl8nd7o
    @user-ee7hl8nd7o 5 місяців тому +1

    like it

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

      Thank you 😊 I’m glad it was helpful

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

    can I setup this model on React or NextJs

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

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

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

    😍🤩❤👍

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

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

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

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

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

    Can I host the website in my own hosting?

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

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

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

    Please teach meeee ❤

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

      hi, thanks for watching😊 to teach what?)

  • @techbot-talks
    @techbot-talks 7 місяців тому +1

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

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

      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

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

    These websites you are showing are not created by spline

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

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

    Sorry, but I have difficulty to understand your English

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

      @@azarovavictoria I try my best 😇👌🏼

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

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