大家好，

我是英雄聯盟（League of Legends）皮膚特效首席藝術家奧利（Oli "Beardilocks" McDonald），今天我將在這里和大家討論如何在LOL中成功制造一顆飛彈。

通常，在查看學生作品，候選人的藝術測試或者新同事的作品時，總是會出現同樣的話題。我想在此提供一個全面拆解(Breakdown)，它來自于我為了改進他們工作的一些建議，希望它能夠幫助到大家。

對此我們將通過分析聯盟中一些設計非常成功的飛彈，并將其與可以改進的飛彈放在一起進行對比。

所以讓我們先來看看被我認為是聯盟中最成功的飛彈之一來開始：
?

長者之森-維嘉Q

這是長者之森維嘉的Q技能-黑暗祭祀。它會在一條直線上發(fā)射飛彈，從而傷害它所擊中的前兩個目標。這個皮膚的主題是充滿了德魯伊，仙子，妖精和森林精靈的神奇森林。這個宇宙中的維加是一只淘氣調皮的森林精靈。

它的效果制作來自于聯盟VFX藝術家Kelvin Huynh

那么，這枚飛彈成功的幾個方面是什么：
?

這里有很多需要考慮的地方，但首先我們需要定義在聯盟中什么是成功的VFX，以及在游戲中制作視覺效果時我們所需達到的目標：

英雄聯盟的視覺效果目標

?

• 視覺傳達游戲玩法(GamePlay)，同時最大程度地減少信息干擾或者雜亂。
• 促進皮膚的主題或者美感。
• 創(chuàng)造令人驚嘆的視覺效果，讓我們的玩家感到驚訝和喜悅。

這就是我們的3個目標。最重要的是，這是一個精心安排的列表。作為世界上最優(yōu)秀的電子競技之一，視覺清晰度(Visual Clarity)對于游戲的健康至關重要。因此，對于我們的游戲而言，最重要的目標是清晰明確地傳達游戲玩法，但是我們也想實現我們促進皮膚主題的目標（在本例中為“ 長者之森”），并且創(chuàng)造一些令人驚嘆的視覺效果。

最好的方法是在我們的效果中創(chuàng)建清晰的焦點區(qū)域(Areas of Focus)。

一、焦點區(qū)域

我將通過與插圖的對比來證明該點。

我希望你對一些藝術品進行對比。仔細觀察它們中的每一個，并告訴我你所認為的焦點區(qū)域在哪兒：
?

奧利·麥克唐納（Oli McDonald）創(chuàng)作的《彩色Noise》，2020年，數字

在這張圖片照片上，你很難知道要把眼睛放在哪里，因為我還沒有創(chuàng)建出清晰的焦點區(qū)域。

如果一切都很重要，那么什么便都不重要

讓我們轉到另一個完全極端，告訴我此圖中的重要內容：
?

Oli McDonald的《白色圓圈》，2020年，數字

很顯然，這個圓圈非常重要，但是它一點也不有趣。沒有傳達主題信息，也不會使你感到驚訝或喜悅。

現在，再來讓我們看看世界上最著名的畫作之一。
?

?

《自由引導人民》，德拉克洛瓦，1830， 布面油畫

相比之下，讓我們看看德拉克洛瓦的畫作，你的眼睛馬上便被舉著國旗的自由女神所吸引。她站在與風格化的背景形成鮮明對比的地方，被光暈所籠罩，手里拿著場景中唯一飽和的顏色：三色旗(紅色)。在這幅畫中你還有很多事情需要去做：主題被清晰地傳達出來，但是藝術家以一種使你立即知道其中最重要的人物的方式創(chuàng)作了它。自由女神便是焦點區(qū)域。

偉大的藝術具有焦點區(qū)域和休息區(qū)域。

讓我們看看另一幅名畫，分析藝術家創(chuàng)造焦點區(qū)域的方式：
?

《夜巡》，倫勃朗·梵·萊茵，1642，布面油畫

同樣，這是一幅視覺上很吸引人的畫，它清晰地描繪了一個主題，但焦點清晰。前景和背景都是由人物組成的，但是我們會自然而然地首先關注前面的那些人物。讓我們看看這是為何如此：
?

這些是藝術家用來引導我們的視覺并創(chuàng)建焦點區(qū)域的工具：
?

• 1.灰度值（或亮度）
• 2.色彩（或飽和度）
• 3.形狀（或細節(jié)）

焦點區(qū)域具有以下屬性：
?

• 最高和最低值（嚴格來說，指最高對比度）
• 最高飽和度
• 大量細節(jié)（例如，形狀比背景更為銳利）

讓我們把這些知識應用到我們的VFX上。

我們知道，VFX在比賽中的最重要的目標是視覺傳達游戲玩法。因此，我們關注的焦點領域應該是傳達游戲玩法的要素。在這種情況下，飛彈的正面是會傷害對手的區(qū)域，因此這應該是我們的“焦點區(qū)域”或者說是“首要元素”。飛彈的任何為了促進主題的部分，都應該是次要元素。
?

我們使用灰度值，對比度，飽和度和形狀，以確保游戲區(qū)域為主要元素，所以我們已經實現了我們的目標：傳達游戲玩法。但是我們仍在不斷地促進主題，因此我們實現了“?促進主題”的目標，我們?yōu)榻巧黾恿艘粋€初始效果，增加了玩家的滿足感，而且效果一般都很不錯，所以我們實現了讓玩家驚喜和愉悅的目標。

前面我們討論了如何使用在我們的武器庫中的工具來制作“焦點區(qū)域”，吸引玩家的注意力到技能中最重要的部分。但是我們怎么才能知道最重要的部分是什么呢？在本文中，我們將向你介紹如何嘗試通過視覺效果傳達信息。

二、我們正在嘗試通過VFX傳達什么？

當我們?yōu)橛螒蛑谱饕曈X效果時，很少有人會想到，我們的唯一目標是制作一些看起來很酷的漂亮糖果。通常，VFX代表一種能力或動作，無論是飛彈，火箭爆炸還是魔法。因此，我們通常會嘗試向玩家傳達一些有關這些技能或者特殊能力的重要信息（以及使其看起來很酷）。所以，在聯盟中我們想用飛彈來傳達什么？
?

• 這是什么能力？
• 它有什么作用？
• 它會帶來多少影響？

回答這些問題將有助于你設計視覺效果，以最有效地方式將這些信息傳遞給玩家。讓我們進一步地來拆解

這是什么能力？

你需要有效地傳達給玩家的信息中，最重要的部分可能是該視覺效果所代表的能力。

因此對于游戲中的每一種獨特能力，你都應該通過某種獨特的設計語言與該技能或效果所關聯，以便玩家可以一目了然地學習和辨識出該能力。

這是《英雄聯盟》中的一個例子。

莫甘娜這個角色會發(fā)射一枚飛彈，如果該飛彈命中你，你將在原地被禁錮幾秒鐘。
?

為了使得該能力變得容易辨識，它將具有一些特殊的設計元素，有別于聯盟中的所有其他飛彈：
?

這些元素共同為飛彈提供了只有莫甘娜的暗之禁錮才所具有的獨特外觀。

而到了現在，當我們制作皮膚時，除了角色設計之外，我們經常會更改視覺效果的外觀。這可能會帶來一定的挑戰(zhàn)性，因為我們需要在換色后仍然保持可辨別性。因此，在創(chuàng)建每個技能時我們都要為其創(chuàng)建一個強大且獨特的視覺標識，并且為每一種皮膚都堅持該設計語言，這一點尤為重要。這意味著我們可以更改視覺設計的顏色或者其他方面，并且仍然保持可辨識性。
?

譯者：riot近年來，通過大量出售皮膚的換色包。換個色系搭配便能恰錢，也是傳統異能。關于具體又是如何搭配，可以通過逆向解包游戲文件，得到VFX紋理的源文件。可以看到，riot的shader通過了一張又一張的超小文件體積Gradient Map，得以快速換皮。以下將提供兩篇官方文章以及末日使者的特效文件參考，如果想要學習riot的換膚色系搭配，建議拆開相關紋理進行學習參考，其背后的shader為DX所寫，方便學習。
?

開發(fā)者基地 - 英雄聯盟官網 - 騰訊游戲
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
?

• 為每種能力建立一個獨特的視覺標識，允許玩家快速將角色與其玩法關聯起來

這些在實際比賽中尤其重要，因為能力通常具有著具有多重效果或者是獨特的交互作用。對于其他游戲（例如射擊游戲）也是如此，QQ賬號交易平臺盡管獨特的提示有可能是子彈后面的獨特煙跡或者是槍口上特定形狀的閃光。

它有什么作用？

即使每種效果都有著獨特的設計，但是玩家仍然需要玩游戲或者閱讀技能說明來理解每種技能的作用。LOL是一款擁有近150個角色的游戲，每個角色具有5（或更多）種能力，因此有750多種獨特能力，全部具有獨特的VFX！實在是有太很多需要學習和記憶的內容！

作為視覺設計師，我們希望幫助玩家在玩游戲時能夠盡快了解某項能力，最好是在游戲間隙進行研究。

因此，當能力擁有著彼此相似的效果時，我們希望建立并使用一套共享的視覺設計。

讓我們以莫甘娜的暗之禁錮技能為例。當它命中目標時，會將其禁錮在原地幾秒鐘，以防止它們移動。

請注意，被莫甘娜命中的目標，在她周圍的地面上有一個環(huán)，并且會有一個圓柱從上面冒出，這看起來會阻止她移動。這是我們在游戲中為類似這樣的詞根，所建立起的視覺設計語言。在開發(fā)新的視覺效果或外觀時，如果是禁錮能力，我們將會嘗試使其看起來與其相似。這里有一些例子：

我們還應用了許多其他規(guī)則來傳達我們的技能視覺效果。包括但不僅限于：

治療技能應該是綠色的，并且其形狀不應令人感到威脅
?

魔法護盾有脈沖線掃過它們
?

能夠將目標擊飛的能力具有強大的垂直元素
?

• 對具有類似效果的能力，保持一致的視覺設計將會幫助玩家更快掌握它們，并能更容易地理解游戲機制

另一部分是利用現有電子游戲中的比喻來傳達狀態(tài)效果，如中毒、沉默或眩暈。在盡可能的情況下，我們都應該使用更直觀更為令人理解的視覺設計，而不是試圖在每個效果上重新發(fā)明輪子。
?

它會帶來多少影響？

你的技能會造成大量傷害嗎？還是你的攻擊就像打臺球一樣？

作為VFX藝術家，總有一種誘惑力，讓你創(chuàng)造的一切成為你所能想象到的最為令人驚艷、令人滿意的視覺奇觀。

但是，關鍵的是要使用可用的視覺設計工具來傳達能力的強大程度。就像我在第一部分中所提到的那樣，如果一切都很重要，那么什么便都不重要。

因此，造成更大傷害的技能應該更大，更明亮，更有威脅性，形狀更尖銳，更加引人注目。
?

然而，有更多的因素需要考慮，而不僅僅是傷害。例如，如果一個技能會引起眩暈，禁錮或者其他狀態(tài)效果，它應該有一個比單獨造成傷害的能力更具影響力的視覺效果，因為禁錮將會導致一個玩家容易受到其他敵人的后續(xù)攻擊。另一個需要考慮的問題是，這個技能你是否可以躲避？或者是當施法者隱藏在視線之外時，這個技能很可能會突然彈出。

我們在游戲中為新皮膚做的一個有用的練習是，讓設計師為我們提供一個視覺層次文檔，他們將一個技能的重要等級從1-10分打分。這有助于我們在制作VFX時，確保視覺重要等級和游戲玩法重要等級所匹配。下面是莫甘娜的視覺層次文檔以及引用值的示例：
?

這為我們提供了在視覺上打造技能的重要等級的粗略指導。通過遵循這些指南，我們可以確保即使是在復雜的團戰(zhàn)中，一次可能發(fā)生大量VFX的情況下，我們游戲中最重要的技能和能力也會馬上脫穎而出。
?

你可以在文檔中看到，我們不僅對玩家，而且還針對他們的敵人和其隊友，評價了視覺上的重要等級；如果這些值相差很大，我們可能會考慮制作從不同角度觀看結果不同的視覺效果。莫甘娜只有一種能力，其重要性差異足以確保不同角度，能夠產生不同的效果：

讓我們來看她的R技能范圍圈：
?

?

在這種情況下，這是莫甘娜和受影響目標游戲玩法的重要信息-她的敵人需要離開圈，以免被鏈條所禁錮，莫甘娜必須設法確保敵人不會逃離自己。但是，對于她的隊友來說這些并不重要，因為該圓圈并沒有提供任何會影響他們游戲的信息。由于它只會給隊友增加視覺混亂，因此該圓圈僅顯示給莫甘娜和受鏈條影響的目標。這有助于我們最大程度地減少團戰(zhàn)中的視覺混亂。
?

• 了解游戲中各種能力對于游戲的影響后，你可以使用VFX創(chuàng)建清晰的視覺層次，以傳達技能的重要等級，并最大程度地減少不必要的混亂

因此，在著手制作效果時，你會提出一些問題，這些問題將會幫助你在設計視覺效果時指導你的創(chuàng)意決策。

（未完待續(xù).....）

總結

以上是生活随笔為你收集整理的如何在LOL中成功制造一颗飞弹？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。