[情報] 開發部落格：剎雅羽翼的動畫製作

[BRITAINCAT (法蘭克貓)]

來源：https://goo.gl/aR0dPi
譯者：法蘭克貓
網頁圖文版：https://goo.gl/a0TT7T

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

以下正文：

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

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

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

迅捷的改革者

圖片：https://goo.gl/GnyhH9 (剎雅概念美術圖)

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

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

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

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

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

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

無止盡的奪命羽

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

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

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

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

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

◆第7-8組影格：攻擊。

◆第10組影格以後：後續收尾。

影片：https://goo.gl/HkwGKK (剎雅的普通攻擊動畫)

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

有話去和我的羽毛說吧

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

影片：https://goo.gl/kVa6kz (剎雅的羽翼控制覺化)

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

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

影片：https://goo.gl/MQtUsG (剎雅的大絕動畫)

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

原文作者：FLUFFYNUS

------------------------------------------------------------------------------

(づ′・ω・）づ 一天翻兩篇消夜你們請 ～ 台北哪裡買的到大/小上海香酥雞阿？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 103.226.214.33
※ 文章網址: https://www.ptt.cc/bbs/LoL/M.1497259102.A.FAF.html
推 yiwangneko  : 剎！雅！喵！喵！
我現在腦海裡都是小上海香酥雞，為啥寧夏夜市沒有賣阿？餓～
推 pigudada    : 貓貓也知道小上海！！！嗚嗚那是陪伴我度過五專歡
→ pigudada    : 樂時光的糧食T_T 而我聽見下雨貓貓的聲音～～～
於是我的飢餓被吵醒。
※ 編輯: BRITAINCAT (103.226.214.33), 06/12/2017 17:30:01
推 badpriest   : 寧夏夜市根本都沒甚麼好吃的(戰
→ Atwo        : 為什麼剎雅可以聊到寧夏夜市阿
推 g20064      : 東山鴨頭好吃
推 Centauro    : 超棒