上個月，日本CEDEC開發(fā)者大會上，Cygames交互設(shè)計師小組工藤瑛子女士以“TV動畫與游戲2D技能動畫的結(jié)合”為題，針對《公主連結(jié)Re：Dive》中用到的制作手法進(jìn)行了演講分享。
?

工藤瑛子于2016年加入Cygames，參與開發(fā)《公主連結(jié)Re：Dive》（后文簡稱《公主連結(jié)》），她擅長SD角色動畫制作，也因部件動畫的制作經(jīng)驗(yàn)豐富，而負(fù)責(zé)游戲特寫動畫的制作，目前她正在這兩個方向進(jìn)行制作。
?

本文由日媒4Gamer發(fā)布，游戲葡萄編譯整理。

TV動畫與游戲結(jié)合的難點(diǎn)

《公主連結(jié)》的一大特色是 “連結(jié)爆發(fā)（UB）”系統(tǒng)中，角色釋放出的動畫特寫。在小巧的SD角色混戰(zhàn)的時候插入特寫動畫，能產(chǎn)生十分戲劇化的視覺效果。
?

“要將動畫與游戲深度結(jié)合，制作時所面臨的最大問題，就是兩者之間的制作體制存在巨大差異。動畫的制作需要在數(shù)月至半年之前提前完成，因此會按照既定的設(shè)計進(jìn)行制作。而游戲制作過程中則需要頻繁地增加新的演出，同時為了迎合玩家們的需求，時常需要對演出做出調(diào)整，所以會產(chǎn)生做好的動畫不符要求打回重做的情況。

“《公主連結(jié)》在加入動畫演出時所采用的三種制作法，分別是“在游戲中加入動畫產(chǎn)生的問題和解決辦法”；“將手繪動畫和部件動畫結(jié)合制作的手法和流程”；“如何制作有統(tǒng)一感的動畫演出和SD角色的演出（以下略稱SD演出）”。

何為《公主連結(jié)》的特寫動畫？

《公主連結(jié)》中所使用的特寫動畫，主要有3種功能。第一種是“最大限度地呈現(xiàn)角色魅力”。由于角色的SD形象下看不清表情和肢體動作，通過特寫則可以做到，通過這種方式可以讓玩家們更好地喜歡上自己擁有的角色。
?

第二種是“用‘2秒’時間來炒熱戰(zhàn)斗氣氛”。每支特寫動畫時長約為2秒，在SD角色進(jìn)行動作時，通過掌握插入特寫動畫的時機(jī)，可以做到炒熱戰(zhàn)斗氣氛的作用。因此，特寫動畫也可以說是“2秒時長的角色專屬PV”。
?

第三種是“將動畫和游戲緊密連結(jié)”。通過在戰(zhàn)斗過程中播放動畫這一形式，可以起到強(qiáng)調(diào)本作的核心——“動畫RPG”的作用。另外，通過將劇情動畫和SD演出相結(jié)合，可以把劇情（動畫）和系統(tǒng)（游戲）緊密聯(lián)系在一起，更好地展現(xiàn)了《公主連結(jié)》的世界觀。
?

為了實(shí)現(xiàn)這3種功能，《公主連結(jié)》在特寫動畫的制作上下了很大的功夫。其一就是“部件動畫”。所謂“部件動畫”，就是將立繪拆分成各種部件，通過運(yùn)用動畫制作工具來達(dá)到與手繪動畫相同的演出效果。
?

?

?

最初的預(yù)定是采用手繪來制作特寫動畫，但是在測試特寫動畫和游戲的SD演出配合時，始終無法達(dá)到良好的節(jié)奏感。由于戰(zhàn)斗時爽快的節(jié)奏感也是《公主連結(jié)》的重要賣點(diǎn)之一，于是這個問題成為了制作組無論如何都要克服的難題。
?

首先想到的就是前作《公主連結(jié)！》（《プリンセスコネクト！》）中的連結(jié)爆發(fā)（UB）。這是一款由Adobe Flash開發(fā)的網(wǎng)頁游戲，特寫動畫和SD演出都是部件動畫，戰(zhàn)斗的節(jié)奏感非常好。更重要的是，由于需要的作畫張數(shù)更少，制作的速度和質(zhì)量也有望提高。

而實(shí)際采用了部件動畫制作的特寫動畫在配合SD演出時的節(jié)奏感也更好，完全不用擔(dān)心降低游戲體驗(yàn)。
?

?

另外，由于減少了作畫張數(shù)，而公司內(nèi)部也對部件動畫的制作有一定的經(jīng)驗(yàn)，這部分的動畫制作可以完全由公司自己制作（不用外包）。由此，在方向性的意見交流上也變得更有效率，成品反饋與返工也變得更簡單。

除此以外，由于制作體制的變化，游戲制作組增加了對于動畫的制作體制理解。在部件動畫的制作水平上也有更進(jìn)一步的增長。
?

?

?

特寫動畫的制作流程與經(jīng)驗(yàn)

接下來分享的是特寫動畫制作的制作流程，和其中使用的制作工具軟件。
?

?

?

下面以《公主連結(jié)》半周年紀(jì)念角色 “似似花”的制作舉例。

在分鏡腳本制作前的討論會上，首先由游戲策劃師給出演出的策劃案，然后由全體人員來討論諸如“特寫動畫從哪里開始在哪里結(jié)束”；“特寫動畫和SD演出要怎樣關(guān)聯(lián)在一起”；“連結(jié)爆發(fā)的整體上的色調(diào)和方向性如何”等一系列問題，最終達(dá)成一致。

以“似似花”為例，策劃師給出的演出策劃案內(nèi)容是“通過制造自身的全息投影，將其實(shí)體化并復(fù)制之后投入戰(zhàn)斗”。特寫動畫的部分選在制造復(fù)制體之前的過程。在此之上，為了忠于策劃案內(nèi)容，決定了“似似花”的演出主要特色是“數(shù)字化的表現(xiàn)”和“制造復(fù)制體”。之后再決定整段動畫的整體色調(diào)，之后才進(jìn)入分鏡腳本的具體制作。
?

特寫動畫的分鏡采用視頻分鏡。這樣做的優(yōu)點(diǎn)在于，制作時比較容易想象完成品的尺寸和動作，同時也不容易破壞演出的整體感覺。
?

在制作分鏡腳本時，需要制作3種以上的方案，在其中選擇最能體現(xiàn)角色特點(diǎn)的一種。以“似似花”為例，當(dāng)初實(shí)際上有相當(dāng)多的方案，但在演講中只選擇講解了A、B、C三種方案。

最終選擇了C方案，理由如下：“讓人感到開掛一樣的數(shù)字化特效符合主題”；“由似似花立繪中的水晶得到靈感，而制作出的類似萬花筒效果”；“對SD演出部分的期待感很高”。
?

“類似萬花筒的演出效果”最初是在制作分鏡時由導(dǎo)演提出的。諸如此類，對于制作方針和演出效果的建議，不僅僅由一線制作者提出，像是策劃師和導(dǎo)演等人的反饋也能提供一定幫助。

而通過在SD演出時也加上萬花筒的效果，也能與特寫動畫產(chǎn)生關(guān)聯(lián)性。此外，由于《公主連結(jié)》的游戲流程是從左至右的，特寫動畫的最終畫面幾乎也都是要向右走的。
?

?

制作分鏡腳本的流程稱為：“通過確立全體一致的認(rèn)識，將連結(jié)爆發(fā)的演出統(tǒng)一在同一個世界觀之下”。

在制作原畫的過程中，首先要針對在整個特寫動畫中核心人物進(jìn)行作畫。如上所述，由于特寫動畫運(yùn)用的是部件動畫，原畫之間可以通過工具軟件進(jìn)行補(bǔ)充完成。因此，原畫張數(shù)為4~7張，比一般的TV動畫要少。這樣也使得制作時能兼顧細(xì)節(jié)上的追求和完成速度。
?

?

在原畫制作過程中，既能由多人分工完成截至上色的所有流程，也能由單人完成。像這樣，營造讓員工們能夠自由工作的環(huán)境，也關(guān)系到游戲開發(fā)的速度。
?

作畫監(jiān)修則采用了TV動畫的制作流程。為了能盡力還原角色的魅力，需要一邊參考《公主連結(jié)》劇情動畫的設(shè)定資料，一邊確認(rèn)“角色的表情是否符合性格”，“人物設(shè)計是否有失誤”等問題。

本作的角色五花八門，在作畫時，諸如眼線的線條寬度，眼部高光的畫法等等細(xì)節(jié)，都需要時刻注意。
?

之后，就是在后續(xù)工作中極為重要的部件拆分。部件拆分需要根據(jù)分鏡，把原畫拆分成10~20個部件。在人物進(jìn)行動作時，原本被手遮擋的身體部分也需要補(bǔ)畫出來，否則會出現(xiàn)身體缺少一部分的情況，為了使類似錯誤不至于無法挽回，必須格外注意。
?

通過這種原畫流程，可以達(dá)到“在節(jié)約作畫張數(shù)的同時，保持高品質(zhì)的量產(chǎn)”的效果。

在動畫制作過程中，特效和背景層的制作也必須配合進(jìn)行。為此，出于“網(wǎng)格功能優(yōu)秀且可以進(jìn)行靈活的動畫制作”，“在攝影流程時有用到，QQ號碼拍賣平臺為了免于轉(zhuǎn)換時有畫質(zhì)損失”等理由，采用“Adobe After Effects”軟件。

在這個過程中，首先要對完成的原畫部件進(jìn)行動作設(shè)定。具體做法是把原畫進(jìn)行組合，再使用平拉推移等運(yùn)鏡方式，逐步增加部件的動作。

在動作設(shè)定的過程中，尤其需要注意的一點(diǎn)是進(jìn)行視線誘導(dǎo)。由于特寫動畫只有短短2秒，如果速度太快會使得動作不明所以。因此，需要針對比較顯眼的臉部和武器部分進(jìn)行調(diào)整。

此外，為了防止部件移動時產(chǎn)生機(jī)械運(yùn)動的感覺，動作的變化和幅度，要盡量模仿普通動畫的感覺。
?

接下來，進(jìn)行特效的制作。以“似似花”為例，制作的主題“有數(shù)字化感覺的紋理”和“萬花筒”，因此需要在Adobe After Effects中尋找這種感覺的素材。

由于在角色立繪中有散落到各處的水晶碎片，因此為背景加上了碎裂的動畫效果；考慮到角色的特性，又制作了全息投影的效果和制造復(fù)制體的特效。
?

?

《公主連結(jié)》的特寫動畫中，也使用了很多手繪的特效。為了實(shí)現(xiàn)類似普通動畫的效果，主要的特效貼圖是由手繪完成的，3D的粒子效果的運(yùn)用只取其部分精髓。

特別是武器特效，為了能給人留下更深的印象而采用了區(qū)分度更高的作畫。特效的消失效果也并不是單純的淡出，而是碎成一片一片，越來越小。通過這種表現(xiàn)可以使整體看上去更華麗。
?

總結(jié)下來，動畫制作過程中最重要的有3點(diǎn)：“重視直觀性和聯(lián)系性”；“演出效果盡量貼近TV動畫”；“演出整體要凸顯人物特色”。

最后的步驟是攝影。在這個階段需要對動畫整體進(jìn)行調(diào)色和特效調(diào)整，同時也要改進(jìn)人物的線稿，做出接近TV動畫的感覺。另外，有時會在攝影過程中加入特殊的表現(xiàn)手法，例如，在有海的場景加上逆光的表現(xiàn)和鏡頭光暈；配合角色的運(yùn)動加上圓形或三角等幾何圖形的運(yùn)動的運(yùn)動圖形設(shè)計（Motion Graphic）。
?

在特寫動畫里的全新嘗試

在《公主連結(jié)》中，在“公主形態(tài)下”發(fā)動連結(jié)爆發(fā)（UB）時加入了特殊的特寫動畫。企劃設(shè)計公主形態(tài)時的方針，是“比以往的特寫動畫更豪華！更像TV動畫！”。對此，也許將在游戲系統(tǒng)層面上對特寫動畫進(jìn)行全面改動。

為了將公主形態(tài)的特寫動畫與過去的特寫動畫作出區(qū)別，首先被提出的方案是消除SD演出和特寫動畫之間的界限。通過實(shí)現(xiàn)兩者間切換的無縫化，增加了前所未有的特別感，實(shí)現(xiàn)更具沉浸感的游戲體驗(yàn)。
?

這帶來的難題是，在以往的游戲系統(tǒng)上進(jìn)行SD演出和特寫動畫的來回切換會對手機(jī)性能造成極大負(fù)擔(dān)，進(jìn)而影響游戲體驗(yàn)。但是，通過把所有演出都合并成一支動畫，問題就迎刃而解，甚至連以往的演出限制也沒有了。
?

此外，為了展現(xiàn)出超越以往的特寫動畫的華麗程度，在動畫制作時，增加了包括背景在內(nèi)的可動要素，使場面規(guī)模變得空前宏大。鏡頭的移動也擴(kuò)展到各個方向，展現(xiàn)出前無古人的動作性。
?

同時，為了使特寫鏡頭和劇情動畫產(chǎn)生一體感，特寫鏡頭也采用了與劇情動畫相同的演出和攝影效果。由此，兩者緊密結(jié)合，產(chǎn)生了游戲重現(xiàn)了劇情動畫，劇情動畫也同時重現(xiàn)了劇情的效果。
?

像這樣全新的嘗試也給整個公司帶來了影響。以往的SD演出和特寫動畫的分鏡都是分別制作的，但是公主形態(tài)的分鏡卻是同一個，兩者的制作也是并行的。
?

這種制作方式帶來的最大區(qū)別就是，SD的動作和特寫動畫和動作通過Adobe After Effects相互結(jié)合，再加上手繪的特效與編輯，使得兩者的演出效果沒有任何違和感。
?

但是，這種新的嘗試，也帶來了諸如“如何找到戰(zhàn)斗的速度感與動畫長度之間的平衡”，“游戲系統(tǒng)上的各種不便”等問題。

前者通過在Adobe After Effects上對重視速度感的分鏡進(jìn)行細(xì)節(jié)調(diào)整可以解決。例如，在公主可可蘿的動畫演出中，SD演出和特寫動畫的連接部分，通過用一棵樹橫穿畫面的鏡頭實(shí)現(xiàn)了鏡頭間的自然切換。
?

在游戲系統(tǒng)上的不便，包括“無法使用關(guān)閉特寫動畫功能”，“對于影子敵人的特寫動畫是否關(guān)閉”等問題。對于這些問題，分別采用了截選動畫中最精彩部分播放，和另外制作影子角色的動畫等手段加以解決。
?

總體來看，“《公主連結(jié)》的最終目標(biāo)，是為玩家們呈現(xiàn)富有魅力的角色們”。
?

總結(jié)

以上是生活随笔為你收集整理的《公主连结》交互设计师：如何用TV画手法制作2D技能动画的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。