Spine 部件繪製技巧

閱讀時間約 2 分鐘
《第七史詩》

《第七史詩》

製作2D元件動畫最重要的步驟就是拆圖,圖層前後關係和關節怎麼拆可以說不難但又很重要的觀念,如果在2D繪製階段就注意小細節就可以省去後面問題


  • 部件命名
    一隻角色如果部件很多,又有不同角度的圖,就要先規劃好命名方式,方便找尋使用命名配合官方輸出插件 tag 功能,可以省蠻多工
  • 關節形狀
    關節處需要做圓弧狀,如果抓不準可以先定關節位置,畫個圓作範圍參考(大略即可),在 PS 中也可以先測試關節旋轉
圖源來自網路

圖源來自網路

繪製部件請記得一個觀念,spine雖然可以利用網格去做變形,但方正形狀會比歪斜的形狀的部件可變形範圍來的廣,就像3D角色為何都要從 Tpose 開始,就是為了方便製作,下面舉幾個例子:

  • 肢體過於彎曲,手繪有時會為了肢體流線感做出彎曲感,但在部件上會變成受限


  • 透視或姿態造成的長短腳、粗細不一
    部件如果可以左右共用會比較省工,因為手繪多少會有誤差,將部件當作零件繪製,通用性會比較高
raw-image


  • 上述兩點不是絕對,而是必須犧牲一點動態,可動範圍變小或是圖片扭曲較嚴重
《勇者掛很大》越風格化的圖,可動範圍會越低

《勇者掛很大》越風格化的圖,可動範圍會越低


說在最後,因為要拆圖的關係,有時候2D圖的缺點會暴露出來,骨架崩壞(例:兩手不等長),衣服結構錯誤,透視有問題,但這些問題很難提前做成注意事項去避免,因為有太多情況真的沒有標準答案,畢竟2D畫風自由,有時候帶點變形反而是種魅力,所以就要看專案或是自我的品質要求到哪裡

還在遊戲業打混的動畫師,本來想分享工作上的事,發現實在太沒營養,所以加了私心東西來充數(還不少),想到什麼寫什麼,真是有夠是隨便,雖然塞了一堆分頁,但其實沒東西,就跟本人一樣,給未來會失憶的自己的備忘錄
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
利用Spine時如果遇到轉身動畫,要怎麼製作才能達到好的效果,簡單聊一下
利用Spine時如果遇到轉身動畫,要怎麼製作才能達到好的效果,簡單聊一下
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
Ae 小技巧:CC Bend It 彎曲 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
如戰場一般剪片 老實說剪輯一部動畫其實很費時,需要繪畫很多圖、挑選音樂、理順情節、上效果和字母、出片。更不用說如果要放yt前做好SEO和文案,然後趕上片。 這次我為了參加比賽頂硬上,把以前寫好的歌曲和素材,但沒有腳本下,邊剪邊上邊補畫圖。最終還是趕上了…現在差寫報名表,接著明天就要面對現實去
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
在這篇文章中,我們將帶領讀者深入探討數位圖片管理的核心——「連結影像」與「嵌入影像」的使用技巧。這是每位從事視覺設計、版面編排和數位藝術的創作者必須掌握的基本知識。在進行數位設計時,如何選擇這兩種不同的圖片處理方式,不僅關係到作品的最終呈現,還直接影響到工作流程的效率和靈活性。 追尋影像的軌跡
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
本篇文章介紹了透過角色造型所能紀錄的不同階層生活面相,包括從職業、配件物品和角色身上觀察到的元素。同時也提到了觀察參考圖片和繪圖流程中需要注意的事項,以及周遭人在角色創作中的重要性。
Thumbnail
影片剪輯比較複雜 創作者不但要能文能武,還需要會影片剪輯。影片剪輯說起來就比較複雜,因為牽涉到比較多的面向。剛開始入手的時候很難理解,不過了解系統架構以後,其實也就那麼一回事。但是總得來說,耗時相對要多很多,比起一般的文章或繪圖,你也可能要耗時許多,因為他的素材就是比較多。 聲音素材、圖片素材、
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
Ae 小技巧:CC Bend It 彎曲 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
如戰場一般剪片 老實說剪輯一部動畫其實很費時,需要繪畫很多圖、挑選音樂、理順情節、上效果和字母、出片。更不用說如果要放yt前做好SEO和文案,然後趕上片。 這次我為了參加比賽頂硬上,把以前寫好的歌曲和素材,但沒有腳本下,邊剪邊上邊補畫圖。最終還是趕上了…現在差寫報名表,接著明天就要面對現實去
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
在這篇文章中,我們將帶領讀者深入探討數位圖片管理的核心——「連結影像」與「嵌入影像」的使用技巧。這是每位從事視覺設計、版面編排和數位藝術的創作者必須掌握的基本知識。在進行數位設計時,如何選擇這兩種不同的圖片處理方式,不僅關係到作品的最終呈現,還直接影響到工作流程的效率和靈活性。 追尋影像的軌跡
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:製作3D 方塊 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
本篇文章介紹了透過角色造型所能紀錄的不同階層生活面相,包括從職業、配件物品和角色身上觀察到的元素。同時也提到了觀察參考圖片和繪圖流程中需要注意的事項,以及周遭人在角色創作中的重要性。
Thumbnail
影片剪輯比較複雜 創作者不但要能文能武,還需要會影片剪輯。影片剪輯說起來就比較複雜,因為牽涉到比較多的面向。剛開始入手的時候很難理解,不過了解系統架構以後,其實也就那麼一回事。但是總得來說,耗時相對要多很多,比起一般的文章或繪圖,你也可能要耗時許多,因為他的素材就是比較多。 聲音素材、圖片素材、