方案/報價詢問

Inquire & Quote

基本資料

  • 餐飲食品​
  • 咖啡/酒窖​
  • 美容產業​
  • 服飾品牌​
  • 代購/生活百貨​
  • 生技產業​
  • 課程/教育單位​
  • 個人形象經營​
  • 旅遊/住宿​
  • 小農品牌/園區體驗​
  • 設計/攝影/文創/藝術​
  • 娛樂/休閒服務業​
  • 寢具/傢飾​
  • 香氛/保養品/精油​
  • 汽車/機械、工具零件製造​
  • 清潔服務​
  • 其他​

  • 親友介紹
  • FB、IG粉絲專頁
  • Google搜尋
  • Yahoo搜尋
  • Line
  • 網頁圖像廣告
  • 其他

您的需求

  • $10000~$30000
  • $30000~$50000
  • $50000~$80000
  • 其他

已同意隱私權政策
2023. 11. 9

Spline-輕鬆製作網頁3D模型

Spline-輕鬆製作網頁3D模型
前言介紹

Spline是一個輕量化3D建模工具,它不像3DMAX、MAYA、C4D需要等待軟體執行,可以直接在瀏覽器中開始你的工作。Spline除了有一般3D建模及動畫功能外,它也可以與團隊實時合作並設置個人權限,還能進行3D雕刻與設置網頁交互動畫,簡單且靈活地創作3D模型,使用簡單的嵌入代碼,便能在你的網頁中看到全視角豐富的3D物件場景。

3D建模與雕刻

有碰過一般3D建模軟體的人應該對Spline的介面很熟悉,雖然不像專業建模軟體的形狀模組這麼齊全,但搭配雕刻筆也能做出各式各樣的物件,不會只有單調的幾何圖形。

Spline-輕鬆製作網頁3D模型 (1)

圖片來源:筆者spline帳號

3D動畫與互動體驗

Spline不只能建模,還能做出可供置入網頁的3D動畫,設定動畫事件,就能完成各種互動效果,為您的網站增添豐富的互動場景,吸引訪客駐留,打造品牌形象。

Spline-輕鬆製作網頁3D模型 (1)

圖片來源:筆者spline帳號
角色材質來源:https://reurl.cc/LApZyL
更多互動效果:https://www.youtube.com/watch?v=YZyxoDXoOyc

多人及時協作

覺得物件太多做不完嗎?別擔心!Spline也提供線上多人協作,您可以與夥伴一起製作,即時聯繫調整,大大減少了反覆轉檔的時間。

Spline-輕鬆製作網頁3D模型 (2)

圖片來源:Spline官網介紹(https://spline.design/

實際應用

像之前介紹的Lottie一樣,Spline當然也可以置入主上數位系統的後台中!

一、完成物件製作後,點擊【Export/輸出】,將輸出設定調整成所需需求,最後點擊【Embed/複製嵌入】,將代碼複製下來。

Spline-輕鬆製作網頁3D模型 (3)

圖片來源:筆者spline帳號

二、進入主上數位的系統後台,加入【HTML元件】。

Spline-輕鬆製作網頁3D模型 (4)

圖片來源:筆者spline帳號

三、將複製的代碼貼上,再調整尺寸即可。

Spline-輕鬆製作網頁3D模型 (5)

圖片來源:筆者spline帳號

結語

覺得物件太多做不完嗎?別擔心!Spline也提供線上多人協作,您可以與夥伴一起製作,即時聯繫調整,大大減少了反覆轉檔的時間。現在不需大包小包才能完成一個3D動畫了,藉由Spline能夠完美的置入到網站中,為您的品牌網站增添豐富場景,不再只是單純的靜態圖片,而是能增加更多互動機會,讓訪客留下深刻的印象。Spline也有推出AI功能,日後不知道會為網站動畫帶來什麼樣的革新,讓我們拭目以待吧!

備註:Spline部分功能需付費,更多方案可參考Spline官網( https://spline.design/ )。

分享至: