【英雄聯盟】開發部落格:剎雅羽翼的動畫製作

在Riot的北美官網上資深動畫師Warren“fluffynus”Goff和大家分享了剎雅羽翼動畫的製作過程。(圖片來源:Riot Games)

嗨,大家好,我是資深動畫師Warren“fluffynus”Goff,我將要帶大家從動畫製作的角度來更加深入了解剎雅這位英雄。

 

當我們在英雄聯盟中建立一位新英雄的動畫時,我們會注重兩個目標。第一是在遊戲性表現中的清晰性;這包含了攻擊動畫(還有技能動畫、死亡動畫等等...),同時也必須要兼顧到展示的手法是否符合英雄。第二則是要去定義這名英雄,有時候會透過在遊戲中幫他們添加一些有趣的台詞來彰顯他們的性格。簡單來說,我們希望英雄無論在攻擊或是施放技能上的動畫表現在清晰的同時也能令人滿意,同時也希望能夠完整的展現出這位英雄的性格。

 

剎雅在遊戲中的迅捷動作以及複雜的羽翼表現都為動畫呈現帶來了很大的挑戰:我們該如何讓她的動畫過程看起來很棒?同時能在這些稍縱即逝的動畫時間中,還要能展現出她脾氣不好的性格特質。

 

迅捷的改革者

 

剎雅在遊戲後期有著很低的技能冷卻時間,同時也能夠和攻速裝有良好的互動,所以我們知道她最終會在普攻和技能施放中快速切換,也正因如此,我們研發了一系列的普攻動畫來進行研究,並且試圖找出哪個動畫和她的技能最能互相呼應 ─ 即使是在她快速的揮動甩動羽毛時也能令人感到滿意。我們同時也希望剎雅的羽翼能夠在動畫表現上看起來更加自然(無論甩動羽翼的速度為何),但這同時也增加了設計上的複雜度。

 

我們在探索中觀察到的東西:

 

剎雅的羽翼在她旋轉時看起來特別棒,因為我們可以創造出很特別的形狀變化(#轉到贏為止!)

 

剎雅 ─ 和她的羽翼 ─ 不應該是鬆垮垮的感覺;她的動作應該要直接俐落,這也符合她的個性。

 

她羽翼上的不同羽毛在擺動開始和停止的時間都應該要有所不同,這樣看起來才會生動,尤其是在動畫較為快速的時候。

 

隨著我們學習到的這些東西,我們開始創造出了一些即使在高速動作下看起來也很不錯的動畫。

 

無止盡的奪命羽

 

我們在設計英雄聯盟中的攻擊動畫時習慣會用每秒30組的影格數(30FPS),但是剎雅的普攻和技能動畫卻會在十組影格後就結束,這表示我們只有大約0.33秒(十組影格)來展現她的攻擊動畫。也正因如此,我們必須十分確定該如何在這十組影格中去完整的展現出剎雅,她的攻擊動畫必須清晰且明顯,這樣其他玩家們才能夠辨識出她目前在進行哪些行為,同時看起來還要輕巧且致命,讓大家覺得玩起來很有趣。

 

剎雅整體的角色和塑造的核心點是銳利感,所以我們決定將她的動畫製作的鏗鏘有力且迅捷,並讓她的羽翼看起來充滿生命力而不只是一件沒有生命的披風 ─ 這同時也強化了她火爆的性格。自從剎雅開始堆疊攻速並且能夠在普攻之間施放技能後,我們便將動畫之間的間隔設定為零,換句話說,她能夠快速的從一個動畫轉移到另一個動畫當中,兩者之間不需要加入任何的影格,這是我們過去會避免的東西,但這項設定可以讓剎雅看起來真的很敏捷且迅速。

 

至於剎雅的普攻動畫,我們希望讓玩家們能夠清楚的看見她何時要施放普攻,所以我們加入了一個大型的預備動作,佔用了大約五個影格,之後我們才讓剎雅進入真正的後續攻擊動作。

以下是在十個影格中分別發生了那些事:

 

第1-6組影格:攻擊準備動作。

 

第7-8組影格:攻擊。

 

第10組影格以後:後續收尾。

 

(剎雅的普通攻擊動畫)

 

讓攻擊動作區分為三個主要姿勢能夠讓玩家看得更清楚,他們會先看見剎雅的準備攻擊動作,接著才會旋轉投擲出羽刃。

 

有話去和我的羽毛說吧

 

製作剎雅的羽毛動畫是一個巨大的挑戰,我們在完成今天的動畫前嘗試過一些其他設計和骨架製作,最終的動畫版本使用了39根骨頭,這大概會是一般英雄在整體骨架上的數量,所以製作剎雅的動畫過程會比一般的英雄花費更長的時間。

 

(剎雅的羽翼控制視覺化)

 

在她進行快速動作時控制羽翼的形狀尤為重要,因為我們不希望此刻羽翼的表現太過生硬或顯得不自然 ─ 我們的目標是希望剎雅的羽翼看起來富有重量並且可以隨著她的意志進行控制,感覺就像是她身上長出了另外的手指,雖然剎雅剩下的羽翼動畫看起來有點簡潔,但是羽翼的動畫在進入結尾動作前都為維持住了整體的流暢感。

 

舉例來說,在剎雅的大絕動畫中我們控制了她羽翼的形狀,所以當剎雅旋轉進入到空中時能夠顯得相當流暢,同時在她對著地面發射驟羽暴風時也依舊能夠鏗鏘有力。

 

(剎雅的大絕動畫)

 

在我們完成製作剎雅的普攻、技能的動畫前,我們進行了一連串的實驗,來讓這些遊戲性顯得清晰的同時也能令人玩起來感到滿意,同時也能彰顯出她火爆的性格。我們很興奮能夠看到剎雅和銳空一同出現在召喚峽谷當中,也希望大家能夠享受這對雙人組英雄。

 

原文作者:FLUFFYNUS

來源:北美官網

譯者:法蘭克貓

 


 

法蘭克貓粉絲團(官方紅帖資訊):https://goo.gl/EGv6g9
傳說之痕在na奴役孫文粉絲團(測試服資訊):https://goo.gl/7PZ1Zl

 



如果您喜歡這篇文章,請幫我們按個讚

熱門影片

【嫣兒】ADC基本功-走A! 想成為走A怪看這邊囉
【嫣兒】AD觀念學:教你用小兵換雙方差距!
【英雄聯盟】Albee 嫣兒 ─ 柔伊本人現身

實況推薦

粉絲團推薦

韓服版本動態