Spine 怎麼做轉身

閱讀時間約 5 分鐘

剛開始做 Spine 時困擾的是怎麼做轉身,其實做法蠻多種的,沒有唯一解方,只有一個目的:動畫不要明顯卡頓,內文用了不少範例圖,都是從網路抓來的資源,僅供學習,這邊有一個範例很完整,從部件、設計到完成,캐릭터 애니메이션, 원화, 이펙트 - 자작 : 네이버 블로그

raw-image

原理

如果用 2D 和 3D 的方向去思考

  • 逐格動畫:原畫,再去畫中割
  • 骨骼動畫:旋轉和位移骨架

這 2 種思考邏輯是不同的,再加上網格動畫,Spine 可以有3種作法混搭,使用時機需要視情況而定,通常會卡住是因為 Spine 動畫,負責 2D 圖和動作是由不同人製作,要是缺乏 2D 動畫概念,2D 人員畫不出需要的圖,甚至畫了依舊無法使用,或是動作人員不懂如何運用圖片,都是有可能的


先說明 2D 動畫的中割也需要技巧才能作出不抖動且順暢的動畫,而 Spine 是靠電腦去計算中間幀,在換圖的時候無法讓前後張完美契合(手繪本來就會有誤差),就會產生視覺上的抖動感(卡頓),除非一開始就全程使用逐格處理,就可以降低圖片抖動感(例如:逐格特效)


第一步
先設定正面跟轉身圖片的補幀,兩幀 
第二步 
在兩幀前後做小幅度的位移性準備動畫和慣性結束動畫,這樣就不那麼突兀了(有蒙皮,做頂點動畫效果會更好) 雖然是兩幀動畫,加上前面的準備動作,後面的慣性動作還是可以接受的
第三步(這是備用方法)
上兩步效果還是不好時,再補充中間轉身的圖片,並在此圖片上做前後銜接動畫。


如果效果還是不好,有兩種原因
 1,你的前後動作圖片不協調(往往是因為幅度過大),需要降低動畫姿態的幅度
 2,動態的不連貫性,這要麼添加中間動畫圖片(個人認為,這樣使用spine就沒啥意思了),還有就應該是節奏問題,有時候圖片的替換節奏是核心問題(畢竟誰都跳舞,能跳得讓人跟你產生想一起跳舞的衝動,是很微妙的事情)
四分之三;四分之一;正側;四分之一側;或者簡單點直接四分之一側


上面這段是某論壇的分享,其實裡面說的很詳盡了,再簡化說明,造成動畫不順,就是

  1. 前後幀差異過大,缺少中割張
    小技巧:圖片的輪廓剪影不要差異過大,可降低換圖時的抖動感
  2. 節奏錯誤,換圖的時間錯誤
    換圖要避免沒有動態時直接換圖,不然圖片卡頓感強烈,效果很差
  3. 區分骨架動畫和換圖的使用時機
    骨架和網格動畫就可以做到的話就要避免使用換圖例如:畫了每個角度的手臂,連續的換圖效果可能會比直接使用網格動畫還糟糕,這時候就不是追求正確,而是視覺上的自然,畢竟要的是效果才是優先事項


關於中割概念,可參照這篇教學:2D動畫想要達到順的感覺,以新手來講要注意三個地方


部件準備

各角度的素材

這要依據團隊工作流程去決定,2D 怎麼和動作人員合作,是否要先溝通確認,確認彼此需求,再決定流程方式

    • 部件模組化
      就像 3D 模型會有 T pose 讓可變形範圍變廣,Spine也可以利用相關觀念
    • 2D 設定任意發揮
      有時風格化的設計不適用模組化部件,那就要做取捨,因為固定造形的圖可動範圍會受限,如果產生的變形是可接受的,倒是沒甚麼影響
補圖的流程和多寡要視專案需求

補圖的流程和多寡要視專案需求


動作設計圖

有看過別人分享動作設計圖,包含動作演出和特效方向,同時可作為檢視補圖需求,不過這牽涉到幾個要點

  1. 專案的人員配置和製作時間
    人員配置就是如何分工,例如:有人負責出設計圖,有人負責動態製作,工項是分開的,或是由同一個人全部負責,再來是有多少設計時間,製作時間不夠會直接跳過設計直接進入製作
  2. 是否有足夠設計和控管能力
    繪畫設計圖的人員是否具備有動態和特效的能力,主管是否有品管能力,都會大大影響設計圖的效益,不然畫出設計圖,實際製作到處碰壁,主管過審設計圖,做完還是打掉重來;設計圖的原意是讓製作有效率,如果效益過低就不是必備的流程
  3. 實務上的經驗
    我工作經驗是曾經有試過設計圖,但就是遇過以上各種問題後來放棄,首先有 2D 動畫實務經驗的美術不多,再來通常製作期不會很久,最後設計圖是動畫師給自己發想用的筆記,或是直接省略
raw-image


怎麼做

可以找參照先思考要怎麼做

raw-image


左右翻轉

  • 骨骼鏡射
    需考慮左右手造型是否對稱,持物需要換手嗎?
  • 骨架不動,只換圖
raw-image


前後轉身

  • 換整組骨架
    有兩個演員,正面演員和背面演員,切換到背面直接換人演
  • 共用骨架,使用換圖
    官方的教學有提到一種用法:網格綁定教程
  • 混和上述兩種方法,只替換部分骨架
raw-image


總結

上面說這麼多,其實目的只有一個,作出連續且順暢的畫面,儘管用了Spine 還是要回到逐格修到順才是基礎,不然最偷吃步的方式是用快速動作去掩蓋缺點,但我想這應該不是製作的目標吧,可以多看看別人是怎麼製作的,也可以學到很多

另外不做轉身不代表動畫就無法活靈活現,豐富度不佳,也是有不靠轉身還是做得很好的動畫


還在遊戲業打混的動畫師,本來想分享工作上的事,發現實在太沒營養,所以加了私心東西來充數(還不少),想到什麼寫什麼,真是有夠是隨便,雖然塞了一堆分頁,但其實沒東西,就跟本人一樣,給未來會失憶的自己的備忘錄
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
動畫師在設計角色動作時,需要避免角色完全靜止,以維持表演的可信度,但在3D和2D動畫中有不同的表現方式,大多跟動畫風格有關,在看動畫的時候可以多加留意
2D和3D都是動畫,也都可以用12法則,但在思維上又有蠻多差別的,簡單談談自己的想法
錯幀是很多動畫師會使用的技巧,但是用不好反而會做不出效果,那麼問題到底在哪裡?
在 3D 環境中,旋轉軸可能產生的亂軸問題,也被稱為歐拉角或萬象鎖現象,來談談相關知識
簡單介紹一下 Max 的三種骨骼系統
當開始學習動畫時,就要面對要學哪一套軟體的選擇,如果是要運用在職場,又該以哪個為優先?個人的小心得和觀察
動畫師在設計角色動作時,需要避免角色完全靜止,以維持表演的可信度,但在3D和2D動畫中有不同的表現方式,大多跟動畫風格有關,在看動畫的時候可以多加留意
2D和3D都是動畫,也都可以用12法則,但在思維上又有蠻多差別的,簡單談談自己的想法
錯幀是很多動畫師會使用的技巧,但是用不好反而會做不出效果,那麼問題到底在哪裡?
在 3D 環境中,旋轉軸可能產生的亂軸問題,也被稱為歐拉角或萬象鎖現象,來談談相關知識
簡單介紹一下 Max 的三種骨骼系統
當開始學習動畫時,就要面對要學哪一套軟體的選擇,如果是要運用在職場,又該以哪個為優先?個人的小心得和觀察
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這篇文章介紹了引導深蹲的方法和技巧,以及如何根據個人需求進行調整。同時,作者分享了一些健身課程的資訊。
Thumbnail
你會好好站著嗎? 每次在幫朋友紀錄重建前的照片時,我們總是發現大部分的朋友,都無法好好的站好,大多是因為身體重心習慣偏向某一側,或因為平常的坐姿站姿不良,導致身體開始傾斜不平衡。這位平日在冷氣房上班的朋友,有一些脊椎側彎的狀況,所以,坐著時,她習慣翹二郎腿,站著時,也總是37步重心偏在其中一側,時
Thumbnail
本文章分享臥推動作的注意事項,包括身體姿勢、槓的位置及手臂旋轉角度等,並介紹阿茗教練一對一教學招生訊息。
Thumbnail
槓鈴臥推時,軀幹的控制非常重要。如果身體有偏移或旋轉,可以藉由調整胸腔與骨盆之間的肌肉,腹斜肌、背肌等互相協調,讓軀幹產生一個較少歪斜的圓柱體。此外,提供了一對一教學和身體控制訓練課程,幫助提高身體控制能力和動作多樣性,降低運動受傷風險。
Thumbnail
脖子前傾、駝背、長短腳有救嗎?好在意體態怎麼辦?哪些情況需要物理治療?除了受傷後復健、中風的功能重建。還有減輕痠痛或疼痛、預防疾病、提升生活品質,也減少年紀漸長後身體問題重重。
Thumbnail
腳踏實地,找到中心線。總是要練習,建立內在平衡。採取舒服的坐姿,背部挺直。閉上眼睛。調息,讓自己漸漸地,徹底地放鬆。透過想像,感受流向不同的能量,並在身體中和諧地混合,增加幸福感和顯化力。
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
這篇文章介紹了引導深蹲的方法和技巧,以及如何根據個人需求進行調整。同時,作者分享了一些健身課程的資訊。
Thumbnail
你會好好站著嗎? 每次在幫朋友紀錄重建前的照片時,我們總是發現大部分的朋友,都無法好好的站好,大多是因為身體重心習慣偏向某一側,或因為平常的坐姿站姿不良,導致身體開始傾斜不平衡。這位平日在冷氣房上班的朋友,有一些脊椎側彎的狀況,所以,坐著時,她習慣翹二郎腿,站著時,也總是37步重心偏在其中一側,時
Thumbnail
本文章分享臥推動作的注意事項,包括身體姿勢、槓的位置及手臂旋轉角度等,並介紹阿茗教練一對一教學招生訊息。
Thumbnail
槓鈴臥推時,軀幹的控制非常重要。如果身體有偏移或旋轉,可以藉由調整胸腔與骨盆之間的肌肉,腹斜肌、背肌等互相協調,讓軀幹產生一個較少歪斜的圓柱體。此外,提供了一對一教學和身體控制訓練課程,幫助提高身體控制能力和動作多樣性,降低運動受傷風險。
Thumbnail
脖子前傾、駝背、長短腳有救嗎?好在意體態怎麼辦?哪些情況需要物理治療?除了受傷後復健、中風的功能重建。還有減輕痠痛或疼痛、預防疾病、提升生活品質,也減少年紀漸長後身體問題重重。
Thumbnail
腳踏實地,找到中心線。總是要練習,建立內在平衡。採取舒服的坐姿,背部挺直。閉上眼睛。調息,讓自己漸漸地,徹底地放鬆。透過想像,感受流向不同的能量,並在身體中和諧地混合,增加幸福感和顯化力。