Тёмный
No video :(

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

Victoria Azarova
Подписаться 1,3 тыс.
Просмотров 43 тыс.
50% 1

Опубликовано:

 

23 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 69   
@user-cj3di9jd2e
@user-cj3di9jd2e 11 месяцев назад
Wow, such a big and creative tutorial. This is the first tutorial that shows how to mix tildaand 3D 🥰
@azarovavictoria
@azarovavictoria 11 месяцев назад
I’m so happy you find it interesting ☺️✨
@harshvchhabra1862
@harshvchhabra1862 4 месяца назад
great! We can even import 3d models in Framer, so which one of is the fast when it comes to loading...:)
@azarovavictoria
@azarovavictoria 4 месяца назад
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" 👍
@sherdilxd
@sherdilxd 6 месяцев назад
the 3d model creation was so cool. thank you so much for showing that
@azarovavictoria
@azarovavictoria 6 месяцев назад
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. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-zebkO6pkeuw.htmlsi=UdjB08pjwz0riwWD
@martinasuns
@martinasuns 11 месяцев назад
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 11 месяцев назад
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 8 месяцев назад
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 8 месяцев назад
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 11 месяцев назад
Amazing tutorial thanks for sharing creative ideas ❤ your work!
@azarovavictoria
@azarovavictoria 11 месяцев назад
Such comments rise my motivation 🙏🏻🫰
@KerimNurkaliev
@KerimNurkaliev 4 месяца назад
wow, amazing 🤩
@azarovavictoria
@azarovavictoria 4 месяца назад
Hi 👋 thank you ☺️ I’m so glad you enjoyed it
@yashshinde8185
@yashshinde8185 3 месяца назад
Wow amazing I would love to create a 3d portfolio using this
@azarovavictoria
@azarovavictoria 3 месяца назад
I’m so glad you inspired by this video 😃👏 I’d love to see what you will create ☺️
@inzi786
@inzi786 6 месяцев назад
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 6 месяцев назад
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 6 месяцев назад
@@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 6 месяцев назад
@@inzi786 thank you so much ☺️ such words motivate creators to keep going and create value even more 💫 okay, I’ll check it out 😊👍
@7758Alex
@7758Alex 10 дней назад
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 7 дней назад
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
@lyricalv748
@lyricalv748 4 месяца назад
I have learnt from this tutorial👍.
@azarovavictoria
@azarovavictoria 4 месяца назад
I'm so glad to hear this) this is amazing! 😃👍
@davidmuller3768
@davidmuller3768 10 месяцев назад
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 10 месяцев назад
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.
@shaikirfan5791
@shaikirfan5791 7 месяцев назад
nice info will start building my own portfolio
@azarovavictoria
@azarovavictoria 7 месяцев назад
Hi ☺️ I’m so glad it was helpful for you ✨ thanks for mentioning it
@tfdesign4072
@tfdesign4072 10 месяцев назад
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 10 месяцев назад
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 10 месяцев назад
omg ty for replying!!!@@azarovavictoria
@azarovavictoria
@azarovavictoria 10 месяцев назад
Of course ☺ @@tfdesign4072 I'm glad to help )
@Diro-n7s
@Diro-n7s 3 месяца назад
can you bring full course from this?
@azarovavictoria
@azarovavictoria 3 месяца назад
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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CZ38DRyuzm0.htmlsi=z_DtvgU7Q4XhyCoL
@alexandrav9057
@alexandrav9057 11 месяцев назад
Thanks for tutorial!
@azarovavictoria
@azarovavictoria 11 месяцев назад
I’m glad to share what I know 😊 and Thank you so much for support 🙏🏻🫶
@ou.soufyane1179
@ou.soufyane1179 8 месяцев назад
THanks victoria
@azarovavictoria
@azarovavictoria 8 месяцев назад
Hi ) I’m glad it was useful ☺️
@MannyUnchain3d
@MannyUnchain3d 10 месяцев назад
Great content! 👏👏
@azarovavictoria
@azarovavictoria 10 месяцев назад
Thank you so much ☺
@user-is1ou4hg6j
@user-is1ou4hg6j 8 месяцев назад
Thanks dear❤
@azarovavictoria
@azarovavictoria 8 месяцев назад
You’re welcome ☺️
@gunadAgp
@gunadAgp 8 месяцев назад
Good, I love you ❤
@azarovavictoria
@azarovavictoria 8 месяцев назад
Thank you ✨🙏🏻
@aymenbachiri-yh2hd
@aymenbachiri-yh2hd 8 месяцев назад
thank you
@azarovavictoria
@azarovavictoria 8 месяцев назад
I’m glad it was helpful 😊
@Hassanfarooq1033
@Hassanfarooq1033 6 дней назад
love 😍you Victoria
@azarovavictoria
@azarovavictoria 6 дней назад
@@Hassanfarooq1033 o, thank you 😊
@griffinkirkland9087
@griffinkirkland9087 10 месяцев назад
can I setup this model on React or NextJs
@azarovavictoria
@azarovavictoria 10 месяцев назад
I think yes, in spline there are several options for export 3D model :)
@user-ee7hl8nd7o
@user-ee7hl8nd7o 8 месяцев назад
like it
@azarovavictoria
@azarovavictoria 8 месяцев назад
Thank you 😊 I’m glad it was helpful
@rafamusical
@rafamusical 10 месяцев назад
Please teach meeee ❤
@azarovavictoria
@azarovavictoria 10 месяцев назад
hi, thanks for watching😊 to teach what?)
@olgazaitseva7202
@olgazaitseva7202 9 месяцев назад
😍🤩❤👍
@azarovavictoria
@azarovavictoria 9 месяцев назад
Thank you ☺️✨
@techbot-talks
@techbot-talks 10 месяцев назад
hey can you send me the source code of the 3d model pls?
@azarovavictoria
@azarovavictoria 10 месяцев назад
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
@aarohikumari6252
@aarohikumari6252 6 месяцев назад
Add html option isn't there how am i gonna add then
@azarovavictoria
@azarovavictoria 6 месяцев назад
Hi :) In what website builder are you trying to add 3D model from Spline?
@7758Alex
@7758Alex 10 дней назад
I follow the tutorial and meet the same problem.tilda free user can not add html.
@seekknowledge1928
@seekknowledge1928 10 месяцев назад
Can I host the website in my own hosting?
@azarovavictoria
@azarovavictoria 10 месяцев назад
Hi:) thanks for watching) This can be embedded as HTML snippet into any website, so hosting shouldn’t be matter 😉
@MICS19
@MICS19 4 месяца назад
These websites you are showing are not created by spline
@azarovavictoria
@azarovavictoria 4 месяца назад
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 9 месяцев назад
Sorry, but I have difficulty to understand your English
@azarovavictoria
@azarovavictoria 9 месяцев назад
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 9 месяцев назад
@@azarovavictoria I try my best 😇👌🏼
@azarovavictoria
@azarovavictoria 9 месяцев назад
@@YorickPenninks if you will get any questions during the process you can ask, I'll try to help 👍
Далее
I found more incredible 3D personal portfolios!!!
19:12
would you eat this? #shorts
00:35
Просмотров 819 тыс.
#JasonStatham being iconic
00:38
Просмотров 357 тыс.
These Personal Websites are just WOW...
22:09
Просмотров 1,1 млн
Top 2024 Web Design Trends
5:32
Просмотров 572 тыс.
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Просмотров 563 тыс.
How To Build a $20,000 3D Website (No Code + AI)
8:12
Просмотров 202 тыс.
Free 3D Software for Beginners 2024
7:06
Просмотров 6 тыс.