前言介紹
Spline是一個輕量化3D建模工具,它不像3DMAX、MAYA、C4D需要等待軟體執行,可以直接在瀏覽器中開始你的工作。Spline除了有一般3D建模及動畫功能外,它也可以與團隊實時合作並設置個人權限,還能進行3D雕刻與設置網頁交互動畫,簡單且靈活地創作3D模型,使用簡單的嵌入代碼,便能在你的網頁中看到全視角豐富的3D物件場景。
3D建模與雕刻
有碰過一般3D建模軟體的人應該對Spline的介面很熟悉,雖然不像專業建模軟體的形狀模組這麼齊全,但搭配雕刻筆也能做出各式各樣的物件,不會只有單調的幾何圖形。
圖片來源:筆者spline帳號
3D動畫與互動體驗
Spline不只能建模,還能做出可供置入網頁的3D動畫,設定動畫事件,就能完成各種互動效果,為您的網站增添豐富的互動場景,吸引訪客駐留,打造品牌形象。
圖片來源:筆者spline帳號
角色材質來源:https://reurl.cc/LApZyL
更多互動效果:https://www.youtube.com/watch?v=YZyxoDXoOyc
多人及時協作
覺得物件太多做不完嗎?別擔心!Spline也提供線上多人協作,您可以與夥伴一起製作,即時聯繫調整,大大減少了反覆轉檔的時間。
圖片來源:Spline官網介紹(https://spline.design/)
實際應用
像之前介紹的Lottie一樣,Spline當然也可以置入主上數位系統的後台中!
一、完成物件製作後,點擊【Export/輸出】,將輸出設定調整成所需需求,最後點擊【Embed/複製嵌入】,將代碼複製下來。
圖片來源:筆者spline帳號
二、進入主上數位的系統後台,加入【HTML元件】。
圖片來源:筆者spline帳號
三、將複製的代碼貼上,再調整尺寸即可。
圖片來源:筆者spline帳號
結語
覺得物件太多做不完嗎?別擔心!Spline也提供線上多人協作,您可以與夥伴一起製作,即時聯繫調整,大大減少了反覆轉檔的時間。現在不需大包小包才能完成一個3D動畫了,藉由Spline能夠完美的置入到網站中,為您的品牌網站增添豐富場景,不再只是單純的靜態圖片,而是能增加更多互動機會,讓訪客留下深刻的印象。Spline也有推出AI功能,日後不知道會為網站動畫帶來什麼樣的革新,讓我們拭目以待吧!
備註:Spline部分功能需付費,更多方案可參考Spline官網( https://spline.design/ )。