Making a 3D interactive character for web with Spline - Tutorial

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

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

  • @splinetool
    @splinetool 3 года назад +322

    This is awesome! For these interested, we recently announced a new update, so you can make characters like this much faster!

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад +13

      Thanks! looking forward to the next awesome features! Cheers

    • @shim2822
      @shim2822 2 года назад +9

      Can we import obj or fbx, also?

  • @mytube19960716
    @mytube19960716 3 года назад +16

    Finally willing to speak , I waited for this moment for a long time , Because you are so professional that some films cannot be learned without your description.Thanks for sharing 🙏🙏🙏

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад +3

      Thank you!!! As my channel has hit the 10k sub milestone. I'll invest more in each video! Stay tuned for more fun stuff!

  • @iamsoulcandy
    @iamsoulcandy 2 года назад +9

    This is fantastic! Haven’t seen this kind of web innovation in a long time. Thank you for the share! Web needs more 3D and this is a great way to produce 3d content for web in a great, easy to use User Interface. Pretty intuitive. Great work

  • @hooda.akshay
    @hooda.akshay 3 года назад +7

    Dude, I have waited long enough to find your FIRST descriptive voice-over tutorial. Feel so blessed. Please keep up the GOOD work, Sensei. Thank You for this.

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

    This is web design taken to next level, truly fascinating

  • @Taskade
    @Taskade 2 года назад +20

    Beautiful tutorial! Creativity is allowing yourself to make mistakes. Art is knowing which ones to keep. :)

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

    Excellent tutorial to the point and time-saving...

  • @soul.rebel1986
    @soul.rebel1986 2 года назад +2

    This is awesome, I appreciate you sharing this 💎 and your tutorial. I always thank the algorithms when great tutorials and channels pop up in my feed🙏🏽

  • @triciasada5383
    @triciasada5383 3 года назад +7

    this was such an easy tutorial to follow in such a short time! Thanks so much for sharing your knowledge

  • @roseveppo2097
    @roseveppo2097 3 года назад +2

    amazing, theres so few tutorials about this tool im so happy u uploaded this one! thank u !

  • @1029944
    @1029944 3 года назад +2

    Hope this channel gets big soon been subscribed since day 1!

  • @manvsgaming07
    @manvsgaming07 2 года назад +10

    But how can i put this into my website????!

  • @thanhtung1482013
    @thanhtung1482013 2 года назад

    Ui e thích cực thích nhất là kết hợp giữa graphic vs Website ấy

  • @Abhishekgupta30
    @Abhishekgupta30 3 года назад +2

    That's so smooth, you made it look so easy. Thanks Buddy

  • @rishabh117rules
    @rishabh117rules 3 года назад +6

    Please make more tutorials with voice overs these are really awesome!

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад

      Thanks! Appreciate it

    • @diritoj
      @diritoj 3 года назад

      @@MinhPhamDesign Yes, Please make more Spline tutorials!

  • @subramaniankalyan3739
    @subramaniankalyan3739 3 года назад +2

    And finally @Minh strikes again with another amazing work :-) Wow man wish I could simply work under you learning things

  • @Qyfashae
    @Qyfashae 2 года назад

    Best sponserd vid ive ever seen a full tutorial on how the tool actually works. Ima graphic designer and def buying this. Been using blender for charcters buy this seem to be speeding up my work about gj tot the devs and thanks for a good tut

  • @zackantell2278
    @zackantell2278 2 года назад

    your tutorials are awesome man! Very helpful

  • @the-secrettutorials
    @the-secrettutorials 2 года назад

    Wow dude that is a great tutorial - Thanks I didn't know about spline

  • @hathanh444
    @hathanh444 2 года назад

    trời ơi xịn quá mà lại còn là ng Việt nữa kìa!!!!!!!!!!!!!!! xịn quasaaaaaaaa anh ơi

  • @xByAlloy
    @xByAlloy 2 года назад

    I checked - everything is clean

  • @naceryous9227
    @naceryous9227 3 года назад +1

    This is SO COOOL 🤩 OMG thank you Minh

  • @xcreenplay7264
    @xcreenplay7264 3 года назад +1

    This program is amazing i was able to make a base mesh on my first launch lol

  • @aiandblockchain
    @aiandblockchain 2 года назад

    Great, love your explanation!

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

    Thank you for such a quality content

  • @jaskaran8601
    @jaskaran8601 3 года назад +2

    please make video how to use this in html website.I tried it but can't adjustable the positioning.

  • @designwoman8028
    @designwoman8028 3 года назад +1

    9:15 what command allows you to see this red rectangular so you can attach it to different planes? Also, can I do this for any 3d objects?

    • @designwoman8028
      @designwoman8028 3 года назад

      Ok, I got it, I just need to place cursor after selecting a rect

  • @silvana9371
    @silvana9371 3 года назад +1

    LOVE IT!! YOU ROCK! THANK YOU SO MUCH!

  • @laforni5489
    @laforni5489 2 года назад +2

    This is awesome but it will great if you can make a tutorial to how to put it on a website!

    • @MinhPhamDesign
      @MinhPhamDesign  2 года назад +1

      You can export it to a js file and give it to the developer for implementation. I'm not a dev so I can't tell you exactly how it's done.

    • @jelouche
      @jelouche 2 года назад +5

      it is really easy, you can import the and then embed in html or if you are using react then into jsx

    • @soul.rebel1986
      @soul.rebel1986 2 года назад

      @@jelouche Thanks so much🙏🏽

  • @spikerthedragonbear
    @spikerthedragonbear 2 года назад

    nice! more stuff to break the full page Screenshots I try to make!

  • @ToluDare.
    @ToluDare. 3 года назад +1

    @Minh Pham , may i ask are you using the free version because mine ( the free version) didnt have the latte shape and many other features😟

  • @jeffhack4557
    @jeffhack4557 2 года назад

    i like this app, thank you so much for the info and tutorial, this is a big help

  • @hadee8868
    @hadee8868 3 года назад +1

    OMG! Thanks a lot for this recommend.

  • @OnkyBoss
    @OnkyBoss 3 года назад +1

    big fan buddy - - - ur great with colors---- plz can u create a tutorial on the same! or references!

  • @Firzj
    @Firzj 2 года назад

    So basically i just make a model in spline, then get a remote link for my project where I can cdn this canvas into my project?
    I assume there is no way to export source files

  • @sunniesh9915
    @sunniesh9915 2 года назад

    woah this is great find!

  • @sibeleylulinci7690
    @sibeleylulinci7690 2 года назад

    Legend has it he never ca back later.

  • @kavineesh12
    @kavineesh12 3 года назад +1

    How did you made the face and what was the layout size and dimensions

  • @elicho9264
    @elicho9264 3 года назад +1

    Any tips to speed up the load time?

  • @jamesward694
    @jamesward694 3 года назад +1

    Amazing! Thank you!!

  • @Eriickvanbuuren
    @Eriickvanbuuren 2 года назад

    So cool the result

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

    What did you create the texture on?

  • @chuchosotelo9875
    @chuchosotelo9875 2 года назад

    I am just wondering why you are being so generous with your knowledge?

  • @yenyen-xt5ve
    @yenyen-xt5ve 2 года назад

    When designing 3d motion web, is it possible to use the spline tool entirely? Can I export the file for Dev to code? Please give me your opinion, please

  • @RidinDinesh
    @RidinDinesh 2 года назад +1

    Great Video. Thank you. A quick question, can these be imported to Figam? or even exported in a format where the devs can implement it in an existing project?

    • @MinhPhamDesign
      @MinhPhamDesign  2 года назад +1

      Thanks! I'm not sure about Figma but you can export it to js for the devs to implement.

    • @RidinDinesh
      @RidinDinesh 2 года назад

      @@MinhPhamDesign Thank you

  • @fiovons3896
    @fiovons3896 2 года назад

    Это афигенно!! Спасибо! Попробую сделать Ваш урок! 👏

  • @apexdigital.studio
    @apexdigital.studio 8 месяцев назад

    Can't believe that this tutorial is just for free! you have amazing folios bro!

  • @torilopez8669
    @torilopez8669 2 года назад

    I don't really understand how layers work in this program, would it be alright if you clarify? Tutorial is super appreciated!

    • @MinhPhamDesign
      @MinhPhamDesign  2 года назад

      It's pretty much similar to other 2D design programs such as Figma or Sketch. You can add multiple layers to an object and use blending mode to achieve different looks. I'd recommend you to join the Spline Discord community discord.com/invite/M9hNDMqvnw you can ask questions as well as find out more tricks and tutorials there

  • @norge_indiankumar2264
    @norge_indiankumar2264 3 года назад +2

    HI, great tutorial, I wantd to ask ifare there any parameters that we have to keep in mind while making and sizing the png for the texture?

  • @jozlf
    @jozlf 2 года назад

    Amazing video!

  • @logame1004
    @logame1004 2 года назад

    Hello, do you have free lists to have texture models like this?

  • @alext8721
    @alext8721 3 года назад +1

    THAnks for this !

  • @matsmaket
    @matsmaket 2 года назад

    watch more and learn more your are great thanks.

  • @nescreation
    @nescreation 2 года назад

    There is no option ANIMATE. please help me to find out

  • @17282talk
    @17282talk 2 года назад +1

    How did you make that textured character.

    • @MinhPhamDesign
      @MinhPhamDesign  2 года назад

      I made it in Sketch. It's available on my Patreon as well as other project files
      www.patreon.com/posts/62799416

  • @ArduinoTurkBatu
    @ArduinoTurkBatu 2 года назад

    5:11 Where is the download link?

  • @janmazurek9953
    @janmazurek9953 2 года назад

    Where i can find this buddy texture? Thanks for reply

  • @israelt1764
    @israelt1764 2 года назад

    can I hire you guys to make a 3d flipable book?

  • @hartdr8074
    @hartdr8074 2 года назад

    How do you add UI elements in spline so they stay locked in 2D space?

  • @cerebralvision
    @cerebralvision 2 года назад

    Are there any responsive capabilities for this based on browser size? Specifically mobile? I was looking through the documentation and couldn't find anything.

  • @ai_malllu
    @ai_malllu 2 года назад

    Hi. Can i add this character to my personal portfolio?. Somebody pls tell me

  • @LearnENglishZaban
    @LearnENglishZaban 2 года назад

    how can we use in website ? plz make tutorial for that

  • @harrychubb9769
    @harrychubb9769 2 года назад +2

    Awesome vid! Can these characters be added to a website portfolio and how would you do so? Can you add into html/css/js text?

    • @dhoulTS1
      @dhoulTS1 2 года назад

      I'm looking for an answer too !

  • @KarelChytilArt
    @KarelChytilArt 2 года назад

    Good job man

  • @humbleahmed8558
    @humbleahmed8558 2 года назад

    Wondering how to upload in the web

  • @myhouse653
    @myhouse653 3 года назад

    if you select image will it still keep interactive properties?

  • @Tattakeanand
    @Tattakeanand 2 года назад

    👌❤️Cool stuff..

  • @mangonorange
    @mangonorange 2 года назад

    what did you use to design the texture ?

  • @tuananhluu5848
    @tuananhluu5848 3 года назад

    ước gì được anh làm mentor :v hâm mộ anh lắm luônnnnnnnnnn !!!!!!!!!

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад

      thks e! Mentor thì a không dám nhưng có gì thắc mắc e cứ hỏi, nếu biết a sẽ trả lời

  • @SAL73VFX
    @SAL73VFX 2 года назад

    How do you insert this character in a responsive web site?

  • @parvenhalena..1224
    @parvenhalena..1224 3 года назад +1

    Where can I get the png texture

  • @bprlawuartha6856
    @bprlawuartha6856 2 года назад

    Nice tutorial Micheal ,is it absolutely necessary to have knowledge of soft to use tNice tutorials software?

  • @tangoani
    @tangoani 2 года назад

    i have a problem on image texture

  • @mrgeni13
    @mrgeni13 3 года назад +1

    Video tuyệt vời quá, nhưng giọng hơi nhỏ a ơi

  • @kblue3169
    @kblue3169 3 года назад +1

    how cool!

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

    Bro please make more of these spline video

  • @igdev6095
    @igdev6095 2 года назад

    Làm sao để gắn nó vào code vậy a :D Cảm ơn a ạ

  • @biggumbaIIs
    @biggumbaIIs 2 года назад

    That thing looks like Eve from Wallie

  • @enderwolf3164
    @enderwolf3164 2 года назад

    Hope you make more interactive video

    • @MinhPhamDesign
      @MinhPhamDesign  2 года назад

      Yes, I'll publish another Spline tutorial next week, stay tuned!

  • @ankittripathi5301
    @ankittripathi5301 2 года назад

    loved it

  • @jonesvervuurt3853
    @jonesvervuurt3853 2 года назад

    is there a nft generator for this 3d?

  • @merotuts9819
    @merotuts9819 2 года назад

    How different is it from Three.js ?

  • @mrajax_0101
    @mrajax_0101 3 года назад

    What about vectary?

  • @MarkNarusson
    @MarkNarusson 2 года назад

    Nice job. Sort your volume out tho dude as you’re very quiet

  • @_krishnanshu.saini___2724
    @_krishnanshu.saini___2724 2 года назад

    can we use it in our html website??

  • @jacobcruz7684
    @jacobcruz7684 2 года назад

    Anybody know if this works with WordPress?

  • @webapp-e1b
    @webapp-e1b 10 месяцев назад

    how to add it on elementor WordPress

  • @monoofon
    @monoofon 2 года назад

    thanks Im happy!!

  • @mrblack3163
    @mrblack3163 3 года назад

    Lâu nay em ko để ý cứ tưởng anh là người nước ngoài 🤣🤣

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад

      a là hàng nội xuất khẩu thôi e =))

  • @basedpashtun4164
    @basedpashtun4164 2 года назад

    can I make there 3D nfts

  • @xtyandone.2252
    @xtyandone.2252 2 года назад

    more content plz, im h.orny nowww!!!!

  • @dbandpapa236
    @dbandpapa236 2 года назад

    Can you do a design for me ASAP?

  • @localdoodler
    @localdoodler 3 года назад

    Can you save it as js file? :oo thank you!

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад

      yes, you can export it as a HTML package which contains the js file

  • @shovaaffsan4745
    @shovaaffsan4745 3 года назад

    Is this tool free? Or I have buy subscription?

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад

      it is free. You can upgrade to the Pro version for more features

  • @tanvirhossain328
    @tanvirhossain328 3 года назад

    Want to know, how many years you are in practice?

  • @tangoani
    @tangoani 2 года назад

    provide this image please

  • @koaoi9172
    @koaoi9172 2 года назад

    thank you

  • @corcorco88
    @corcorco88 2 года назад

    đẳng cấp quá anh thankiu bro!

  • @samueladedeji6996
    @samueladedeji6996 2 года назад

    It’s all nice and good. But it’s not user friendly. Too much going on with the function

    • @MinhPhamDesign
      @MinhPhamDesign  2 года назад

      This is way more simplified compared to any other 3D tools 🙂. I believe it gets easier as you practice more.

  • @truongyog
    @truongyog 3 года назад

    cảm ơn bạn,bản là Người Việt ở Việt hay nước ngoài ?

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад +1

      Mình là người Việt ở VN thôi, mình làm video bằng tiếng Anh để có thể tiếp cận nhiều người xem hơn :-P

    • @Tuan-y2d
      @Tuan-y2d 3 года назад

      @@MinhPhamDesign cho mình hỏi chút có phải năm 2017 bạn đăng phim Ỷ Thiên Đồ Long Ký, Tiếu ngạo giang hồ giọng thuyết minh og Ngọc Thạch lên youtube sau đó bị xoá do bản quyền, có phải là bạn ko? tại kênh youtube của người đó là Minh Pham

    • @MinhPhamDesign
      @MinhPhamDesign  3 года назад

      @@Tuan-y2d không phải mình

    • @Tuan-y2d
      @Tuan-y2d 3 года назад

      @@MinhPhamDesign cảm ơn bạn, tại trên youtube này ko biết thông tin của chủ kênh lên tìm dc người đó khó lắm ,ko có sdt, facebook như tìm kim dưới đáy biển

    • @truongyog
      @truongyog 3 года назад

      @@MinhPhamDesign mình đạ vọc theo video bạn chỉ,tiếc là Spline này không hỗ trợ import file 3d khác kèm vật liệu,mình đã thử và chỉ nhận đuôi obj và fbx nhưng ko kèm vật liệu + lỗi mesh