如何在LOL中成功制造一颗飞弹？
大家好，
我是英雄聯(lián)盟（League of Legends）皮膚特效首席藝術(shù)家奧利（Oli "Beardilocks" McDonald），今天我將在這里和大家討論如何在LOL中成功制造一顆飛彈。
通常，在查看學(xué)生作品，候選人的藝術(shù)測(cè)試或者新同事的作品時(shí)，總是會(huì)出現(xiàn)同樣的話題。我想在此提供一個(gè)全面拆解(Breakdown)，它來自于我為了改進(jìn)他們工作的一些建議，希望它能夠幫助到大家。
對(duì)此我們將通過分析聯(lián)盟中一些設(shè)計(jì)非常成功的飛彈，并將其與可以改進(jìn)的飛彈放在一起進(jìn)行對(duì)比。
所以讓我們先來看看被我認(rèn)為是聯(lián)盟中最成功的飛彈之一來開始：
?
這是長(zhǎng)者之森維嘉的Q技能-黑暗祭祀。它會(huì)在一條直線上發(fā)射飛彈，從而傷害它所擊中的前兩個(gè)目標(biāo)。這個(gè)皮膚的主題是充滿了德魯伊，仙子，妖精和森林精靈的神奇森林。這個(gè)宇宙中的維加是一只淘氣調(diào)皮的森林精靈。
它的效果制作來自于聯(lián)盟VFX藝術(shù)家Kelvin Huynh
那么，這枚飛彈成功的幾個(gè)方面是什么：
?
這里有很多需要考慮的地方，但首先我們需要定義在聯(lián)盟中什么是成功的VFX，以及在游戲中制作視覺效果時(shí)我們所需達(dá)到的目標(biāo)：
英雄聯(lián)盟的視覺效果目標(biāo)
?
- 視覺傳達(dá)游戲玩法(GamePlay)，同時(shí)最大程度地減少信息干擾或者雜亂。
- 促進(jìn)皮膚的主題或者美感。
- 創(chuàng)造令人驚嘆的視覺效果，讓我們的玩家感到驚訝和喜悅。
這就是我們的3個(gè)目標(biāo)。最重要的是，這是一個(gè)精心安排的列表。作為世界上最優(yōu)秀的電子競(jìng)技之一，視覺清晰度(Visual Clarity)對(duì)于游戲的健康至關(guān)重要。因此，對(duì)于我們的游戲而言，最重要的目標(biāo)是清晰明確地傳達(dá)游戲玩法，但是我們也想實(shí)現(xiàn)我們促進(jìn)皮膚主題的目標(biāo)（在本例中為“ 長(zhǎng)者之森”），并且創(chuàng)造一些令人驚嘆的視覺效果。
最好的方法是在我們的效果中創(chuàng)建清晰的焦點(diǎn)區(qū)域(Areas of Focus)。
一、焦點(diǎn)區(qū)域
我將通過與插圖的對(duì)比來證明該點(diǎn)。
我希望你對(duì)一些藝術(shù)品進(jìn)行對(duì)比。仔細(xì)觀察它們中的每一個(gè)，并告訴我你所認(rèn)為的焦點(diǎn)區(qū)域在哪兒：
?
在這張圖片照片上，你很難知道要把眼睛放在哪里，因?yàn)槲疫€沒有創(chuàng)建出清晰的焦點(diǎn)區(qū)域。
如果一切都很重要，那么什么便都不重要
讓我們轉(zhuǎn)到另一個(gè)完全極端，告訴我此圖中的重要內(nèi)容：
?
很顯然，這個(gè)圓圈非常重要，但是它一點(diǎn)也不有趣。沒有傳達(dá)主題信息，也不會(huì)使你感到驚訝或喜悅。
現(xiàn)在，再來讓我們看看世界上最著名的畫作之一。
?
?
《自由引導(dǎo)人民》，德拉克洛瓦，1830， 布面油畫
相比之下，讓我們看看德拉克洛瓦的畫作，你的眼睛馬上便被舉著國(guó)旗的自由女神所吸引。她站在與風(fēng)格化的背景形成鮮明對(duì)比的地方，被光暈所籠罩，手里拿著場(chǎng)景中唯一飽和的顏色：三色旗(紅色)。在這幅畫中你還有很多事情需要去做：主題被清晰地傳達(dá)出來，但是藝術(shù)家以一種使你立即知道其中最重要的人物的方式創(chuàng)作了它。自由女神便是焦點(diǎn)區(qū)域。
偉大的藝術(shù)具有焦點(diǎn)區(qū)域和休息區(qū)域。
讓我們看看另一幅名畫，分析藝術(shù)家創(chuàng)造焦點(diǎn)區(qū)域的方式：
?
同樣，這是一幅視覺上很吸引人的畫，它清晰地描繪了一個(gè)主題，但焦點(diǎn)清晰。前景和背景都是由人物組成的，但是我們會(huì)自然而然地首先關(guān)注前面的那些人物。讓我們看看這是為何如此：
?
這些是藝術(shù)家用來引導(dǎo)我們的視覺并創(chuàng)建焦點(diǎn)區(qū)域的工具：
?
- 1.灰度值（或亮度）
- 2.色彩（或飽和度）
- 3.形狀（或細(xì)節(jié)）
焦點(diǎn)區(qū)域具有以下屬性：
?
- 最高和最低值（嚴(yán)格來說，指最高對(duì)比度）
- 最高飽和度
- 大量細(xì)節(jié)（例如，形狀比背景更為銳利）
讓我們把這些知識(shí)應(yīng)用到我們的VFX上。
我們知道，VFX在比賽中的最重要的目標(biāo)是視覺傳達(dá)游戲玩法。因此，我們關(guān)注的焦點(diǎn)領(lǐng)域應(yīng)該是傳達(dá)游戲玩法的要素。在這種情況下，飛彈的正面是會(huì)傷害對(duì)手的區(qū)域，因此這應(yīng)該是我們的“焦點(diǎn)區(qū)域”或者說是“首要元素”。飛彈的任何為了促進(jìn)主題的部分，都應(yīng)該是次要元素。
?
我們使用灰度值，對(duì)比度，飽和度和形狀，以確保游戲區(qū)域?yàn)橹饕?#xff0c;所以我們已經(jīng)實(shí)現(xiàn)了我們的目標(biāo)：傳達(dá)游戲玩法。但是我們?nèi)栽诓粩嗟卮龠M(jìn)主題，因此我們實(shí)現(xiàn)了“?促進(jìn)主題”的目標(biāo)，我們?yōu)榻巧黾恿艘粋€(gè)初始效果，增加了玩家的滿足感，而且效果一般都很不錯(cuò)，所以我們實(shí)現(xiàn)了讓玩家驚喜和愉悅的目標(biāo)。
前面我們討論了如何使用在我們的武器庫(kù)中的工具來制作“焦點(diǎn)區(qū)域”，吸引玩家的注意力到技能中最重要的部分。但是我們?cè)趺床拍苤雷钪匾牟糠质鞘裁茨?#xff1f;在本文中，我們將向你介紹如何嘗試通過視覺效果傳達(dá)信息。
二、我們正在嘗試通過VFX傳達(dá)什么？
當(dāng)我們?yōu)橛螒蛑谱饕曈X效果時(shí)，很少有人會(huì)想到，我們的唯一目標(biāo)是制作一些看起來很酷的漂亮糖果。通常，VFX代表一種能力或動(dòng)作，無論是飛彈，火箭爆炸還是魔法。因此，我們通常會(huì)嘗試向玩家傳達(dá)一些有關(guān)這些技能或者特殊能力的重要信息（以及使其看起來很酷）。所以，在聯(lián)盟中我們想用飛彈來傳達(dá)什么？
?
- 這是什么能力？
- 它有什么作用？
- 它會(huì)帶來多少影響？
回答這些問題將有助于你設(shè)計(jì)視覺效果，以最有效地方式將這些信息傳遞給玩家。讓我們進(jìn)一步地來拆解
這是什么能力？
你需要有效地傳達(dá)給玩家的信息中，最重要的部分可能是該視覺效果所代表的能力。
因此對(duì)于游戲中的每一種獨(dú)特能力，你都應(yīng)該通過某種獨(dú)特的設(shè)計(jì)語言與該技能或效果所關(guān)聯(lián)，以便玩家可以一目了然地學(xué)習(xí)和辨識(shí)出該能力。
這是《英雄聯(lián)盟》中的一個(gè)例子。
莫甘娜這個(gè)角色會(huì)發(fā)射一枚飛彈，如果該飛彈命中你，你將在原地被禁錮幾秒鐘。
?
為了使得該能力變得容易辨識(shí)，它將具有一些特殊的設(shè)計(jì)元素，有別于聯(lián)盟中的所有其他飛彈：
?
這些元素共同為飛彈提供了只有莫甘娜的暗之禁錮才所具有的獨(dú)特外觀。
而到了現(xiàn)在，當(dāng)我們制作皮膚時(shí)，除了角色設(shè)計(jì)之外，我們經(jīng)常會(huì)更改視覺效果的外觀。這可能會(huì)帶來一定的挑戰(zhàn)性，因?yàn)槲覀冃枰趽Q色后仍然保持可辨別性。因此，在創(chuàng)建每個(gè)技能時(shí)我們都要為其創(chuàng)建一個(gè)強(qiáng)大且獨(dú)特的視覺標(biāo)識(shí)，并且為每一種皮膚都堅(jiān)持該設(shè)計(jì)語言，這一點(diǎn)尤為重要。這意味著我們可以更改視覺設(shè)計(jì)的顏色或者其他方面，并且仍然保持可辨識(shí)性。
?
譯者：riot近年來，通過大量出售皮膚的換色包。換個(gè)色系搭配便能恰錢，也是傳統(tǒng)異能。關(guān)于具體又是如何搭配，可以通過逆向解包游戲文件，得到VFX紋理的源文件。可以看到，riot的shader通過了一張又一張的超小文件體積Gradient Map，得以快速換皮。以下將提供兩篇官方文章以及末日使者的特效文件參考，如果想要學(xué)習(xí)riot的換膚色系搭配，建議拆開相關(guān)紋理進(jìn)行學(xué)習(xí)參考，其背后的shader為DX所寫，方便學(xué)習(xí)。
?
開發(fā)者基地 - 英雄聯(lián)盟官網(wǎng) - 騰訊游戲
https://lol.qq.com/nexus/pc/detail.html?tagtype=128&docid=6323488896084167623
Elementalist Lux: 10 Skins in 30 Megabytes
https://technology.riotgames.com/news/elementalist-lux
?
- 為每種能力建立一個(gè)獨(dú)特的視覺標(biāo)識(shí)，允許玩家快速將角色與其玩法關(guān)聯(lián)起來
這些在實(shí)際比賽中尤其重要，因?yàn)槟芰νǔ＞哂兄哂卸嘀匦Ч蛘呤仟?dú)特的交互作用。對(duì)于其他游戲（例如射擊游戲）也是如此，QQ賬號(hào)交易平臺(tái)盡管獨(dú)特的提示有可能是子彈后面的獨(dú)特?zé)熪E或者是槍口上特定形狀的閃光。
它有什么作用？
即使每種效果都有著獨(dú)特的設(shè)計(jì)，但是玩家仍然需要玩游戲或者閱讀技能說明來理解每種技能的作用。LOL是一款擁有近150個(gè)角色的游戲，每個(gè)角色具有5（或更多）種能力，因此有750多種獨(dú)特能力，全部具有獨(dú)特的VFX！實(shí)在是有太很多需要學(xué)習(xí)和記憶的內(nèi)容！
作為視覺設(shè)計(jì)師，我們希望幫助玩家在玩游戲時(shí)能夠盡快了解某項(xiàng)能力，最好是在游戲間隙進(jìn)行研究。
因此，當(dāng)能力擁有著彼此相似的效果時(shí)，我們希望建立并使用一套共享的視覺設(shè)計(jì)。
讓我們以莫甘娜的暗之禁錮技能為例。當(dāng)它命中目標(biāo)時(shí)，會(huì)將其禁錮在原地幾秒鐘，以防止它們移動(dòng)。
請(qǐng)注意，被莫甘娜命中的目標(biāo)，在她周圍的地面上有一個(gè)環(huán)，并且會(huì)有一個(gè)圓柱從上面冒出，這看起來會(huì)阻止她移動(dòng)。這是我們?cè)谟螒蛑袨轭愃七@樣的詞根，所建立起的視覺設(shè)計(jì)語言。在開發(fā)新的視覺效果或外觀時(shí)，如果是禁錮能力，我們將會(huì)嘗試使其看起來與其相似。這里有一些例子：
我們還應(yīng)用了許多其他規(guī)則來傳達(dá)我們的技能視覺效果。包括但不僅限于：
治療技能應(yīng)該是綠色的，并且其形狀不應(yīng)令人感到威脅
?
魔法護(hù)盾有脈沖線掃過它們
?
能夠?qū)⒛繕?biāo)擊飛的能力具有強(qiáng)大的垂直元素
?
- 對(duì)具有類似效果的能力，保持一致的視覺設(shè)計(jì)將會(huì)幫助玩家更快掌握它們，并能更容易地理解游戲機(jī)制
另一部分是利用現(xiàn)有電子游戲中的比喻來傳達(dá)狀態(tài)效果，如中毒、沉默或眩暈。在盡可能的情況下，我們都應(yīng)該使用更直觀更為令人理解的視覺設(shè)計(jì)，而不是試圖在每個(gè)效果上重新發(fā)明輪子。
?
它會(huì)帶來多少影響？
你的技能會(huì)造成大量傷害嗎？還是你的攻擊就像打臺(tái)球一樣？
作為VFX藝術(shù)家，總有一種誘惑力，讓你創(chuàng)造的一切成為你所能想象到的最為令人驚艷、令人滿意的視覺奇觀。
但是，關(guān)鍵的是要使用可用的視覺設(shè)計(jì)工具來傳達(dá)能力的強(qiáng)大程度。就像我在第一部分中所提到的那樣，如果一切都很重要，那么什么便都不重要。
因此，造成更大傷害的技能應(yīng)該更大，更明亮，更有威脅性，形狀更尖銳，更加引人注目。
?
然而，有更多的因素需要考慮，而不僅僅是傷害。例如，如果一個(gè)技能會(huì)引起眩暈，禁錮或者其他狀態(tài)效果，它應(yīng)該有一個(gè)比單獨(dú)造成傷害的能力更具影響力的視覺效果，因?yàn)榻d將會(huì)導(dǎo)致一個(gè)玩家容易受到其他敵人的后續(xù)攻擊。另一個(gè)需要考慮的問題是，這個(gè)技能你是否可以躲避？或者是當(dāng)施法者隱藏在視線之外時(shí)，這個(gè)技能很可能會(huì)突然彈出。
我們?cè)谟螒蛑袨樾缕つw做的一個(gè)有用的練習(xí)是，讓設(shè)計(jì)師為我們提供一個(gè)視覺層次文檔，他們將一個(gè)技能的重要等級(jí)從1-10分打分。這有助于我們?cè)谥谱鱒FX時(shí)，確保視覺重要等級(jí)和游戲玩法重要等級(jí)所匹配。下面是莫甘娜的視覺層次文檔以及引用值的示例：
?
這為我們提供了在視覺上打造技能的重要等級(jí)的粗略指導(dǎo)。通過遵循這些指南，我們可以確保即使是在復(fù)雜的團(tuán)戰(zhàn)中，一次可能發(fā)生大量VFX的情況下，我們游戲中最重要的技能和能力也會(huì)馬上脫穎而出。
?
你可以在文檔中看到，我們不僅對(duì)玩家，而且還針對(duì)他們的敵人和其隊(duì)友，評(píng)價(jià)了視覺上的重要等級(jí)；如果這些值相差很大，我們可能會(huì)考慮制作從不同角度觀看結(jié)果不同的視覺效果。莫甘娜只有一種能力，其重要性差異足以確保不同角度，能夠產(chǎn)生不同的效果：
讓我們來看她的R技能范圍圈：
?
?
在這種情況下，這是莫甘娜和受影響目標(biāo)游戲玩法的重要信息-她的敵人需要離開圈，以免被鏈條所禁錮，莫甘娜必須設(shè)法確保敵人不會(huì)逃離自己。但是，對(duì)于她的隊(duì)友來說這些并不重要，因?yàn)樵搱A圈并沒有提供任何會(huì)影響他們游戲的信息。由于它只會(huì)給隊(duì)友增加視覺混亂，因此該圓圈僅顯示給莫甘娜和受鏈條影響的目標(biāo)。這有助于我們最大程度地減少團(tuán)戰(zhàn)中的視覺混亂。
?
- 了解游戲中各種能力對(duì)于游戲的影響后，你可以使用VFX創(chuàng)建清晰的視覺層次，以傳達(dá)技能的重要等級(jí)，并最大程度地減少不必要的混亂
因此，在著手制作效果時(shí)，你會(huì)提出一些問題，這些問題將會(huì)幫助你在設(shè)計(jì)視覺效果時(shí)指導(dǎo)你的創(chuàng)意決策。
（未完待續(xù).....）
總結(jié)
以上是生活随笔為你收集整理的如何在LOL中成功制造一颗飞弹？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 游戏服装设计到原画
- 下一篇： TA们划重点的时候到了：什么是实例工作