游戲特效的五大藝術準則

近期在研究色彩的時候，正好就看到了這篇關于英雄聯(lián)盟的特效知識總結和歸納，特效是一個對于色彩不錯的切入點，覺得挺不錯的（主要是最近忙于學習C#和unity，沒有那么多時間寫比較長的原創(chuàng)）。

試著翻譯了一下這篇文章。每個人翻譯肯定多少都會有一些理解不同或者出入，請諒解。末尾也會放出下載地址有興趣看原文的可以自己去理解提煉。這里分享給大家，一起學習一起進步。

1、內容

概述

以創(chuàng)造引人入勝的特效作為理念和目標

游戲玩法

重點區(qū)域，代表游戲性和重要級別

亮度值

決定和使用亮度值的范圍

顏色

顏色關系，色調使用、飽和度和色彩調色板

形狀

形狀語言，形狀輪廓和運動錯覺

生命周期（時間）

傳達游戲性，有活力且精確的移動，減少視覺噪音干擾

2、概述

理念和目標

無論是法術、火、煙、爆炸還是閃爍，英雄聯(lián)盟視覺特效的任務是將所有這些元素賦予生命。多年來，已經(jīng)開發(fā)了一種統(tǒng)一的視覺風格，皆在實現(xiàn)一組核心目標。

-為游戲提供清晰的特效

-盡量減少視覺混亂與干擾

-提供促進英雄聯(lián)盟主題的特效

-創(chuàng)造讓玩家驚喜的效果

3、游戲玩法

通過創(chuàng)建重點區(qū)域來定義游戲性

特效與游戲性和視覺設計密切相關。特效藝術家必須對英雄聯(lián)盟有深刻的理解才能清楚地將游戲性轉化成引人入勝且可讀的視覺體驗。

為了做到這一點，我們定義了一系列主要元素和次要元素。通過強調效果的焦點，以及減少可能會讓玩家困惑的整體視覺噪音干擾，確保每個特效都能提高游戲的清晰度。

主要元素規(guī)則

-這是一種效果的焦點

-這是作為法術的主要目的

-這種效果清晰而準確地傳達了游戲性

次要元素規(guī)則

-該元素增強了英雄聯(lián)盟或法術的主

-它通過調整亮度值和飽和度來支持主要元素

-該元素利用多種色調和更寬的飽和度范圍來增強效果的整體視覺吸引力

曙光女神蕾歐娜的W技能

曙光女神蕾歐娜的（日蝕）技能在她周圍形成了一個爆炸的盾牌。主要元素應該是日蝕法術的邊界；為了避免被攻擊到，玩家必須能夠輕松識別效果的半徑。二次效應應是圓圈內微弱的電能。它們用于增強皮膚的主題性。

重點區(qū)域

關于如何定義主要元素和次要元素

主要元素

-高亮度值范圍

-在亮度值和飽和度上的強烈對比

-清晰的輪廓

-高不透明度

-深刻的形狀

-強烈的運動

次要元素

-低亮度值范圍

-小尺寸

-模糊輪廓

-低不透明度

-簡單的形狀

-微妙的運動

精確表示影響區(qū)域

清晰對于對戰(zhàn)體驗是至關重要的，是為了發(fā)揮和觀看。提供游戲性的準確表現(xiàn)可以讓玩家和觀眾清楚地理解和預測游戲性和游戲走向。

不準確的展現(xiàn)

迅捷斥候提莫的蘑菇爆炸半徑約為600個單位。然后，蘑菇的爆炸只覆蓋了其半徑的一半，且一個區(qū)域指示信號丟失。

準確的展現(xiàn)

歐米伽小隊提莫用一個微妙的環(huán)顯示AoE，爆炸是為了準確地傳達效果區(qū)域。

Effect Hitbox的精確展現(xiàn)

清晰對于競爭體驗是至關重要的，是為了發(fā)揮和觀看。提供游戲性的準確表現(xiàn)可以讓玩家和觀眾清楚地理解和預測游戲性。

不準確的展現(xiàn)

琴瑟仙女娑娜的舊版技能覆蓋范圍比實際尺寸更廣。當娑娜的終級技能沒有擊中目標，但特效卻與目標相關時，這常常會讓玩家感到困惑。

準確的展現(xiàn)

娑娜的最終技能清晰地展示了矩形AoE。效果顯示在地面上，這樣攝像機角度就不會影響其定位。

重要程度

一種效果的視覺存在應該向玩家和觀眾傳達其重要性。例如，如果一個英雄的基本攻擊特效與她的技能攻擊特效具有相同的視覺重要性，它可能會讓玩家或觀眾感到困惑。此外這也會使最終結果不那么令人滿意。

為了確定這些重要程度，我們將特效的特定方面映射到法術的能量峰值。這樣可以確保形狀與所有特效的功能相匹配。在確定影響的重要程度時，我們評估了3個核心組成部分：

可讀性

玩家和觀眾可以立即理解特效的目的

強調

視覺效果引導玩家在游戲中專注于重要的法術從而減少團隊戰(zhàn)斗中的視覺噪音干擾

重要程度

每種特效都應該與其對游戲的重要性程度相匹配

光輝女郎拉克斯基礎技能VS技能

因為光輝女郎拉克斯的技能的影響比她的基礎技能要大得多，所以它在視覺上應該總是更有吸引力。

重要程度

重要程度還可以通過大小、形狀、生命周期（時間）、亮度值、飽和度和不透明度來控制。每個粒子的重要性應該由特效對游戲性的影響程度決定，如下所示。

閑散粒子

-低透明度

-模糊的形狀

-微妙的動作

防御法術

-低飽和度

-低透明度

-模糊的形狀

-微妙的動作

游戲規(guī)則改變

-高飽和度

-高不透明度

-高值范圍

-清晰的輪廓

-劇烈運動

基礎攻擊

-小尺寸

傷害法術

-高飽和度

-高不透明度

-清晰的輪廓

技能

-飽和度

-不透明度

-值范圍

-大尺寸

-有表現(xiàn)力的動畫

4、亮度值

如何確定亮度值的范圍

操縱亮度值范圍是傳遞法術效果的關鍵。所有魔法和能量都有不同級別的亮度值范圍和不透明度，以確保它們正確代表每個特效的能量級別。

為了確保在整個游戲中保持連貫性，我們在創(chuàng)建特效時遵循了一些原則。

特效值范圍

-更高的亮度值范圍吸引更多的關注

-對比可以產(chǎn)生清晰的效果區(qū)域

-避免使用百分百或0%的亮度值，因為這可能會和游戲環(huán)境（場景）或UI混在一起

亮度值在環(huán)境（場景）中的范圍

使用適當?shù)牧炼戎捣秶鷣碓鰪姺ㄐg效果

在奧術大師吉格斯的Q技能彈跳炸彈中，將亮度值用到了法術效果的中心可以使特效看起來更強大、更神奇、更有破壞力。

不準確的展現(xiàn)

由于效果沒有視覺“中心”，很難注意到特效將在哪里造成  的損害，因為它落在了地圖的背景中。

準確的展現(xiàn)

通過將亮度值推到炸彈的中心，可以更清晰地聚焦效果。這使得玩家更容易注意到團隊戰(zhàn)斗中的法術。

使用光照增強法術效果

照明是表達法術本質的關鍵。通過添加一個簡單的輝光來擴大效果的亮度值范圍，可以極大地增強法術效果的表現(xiàn)力。

不準確的展現(xiàn)

如果沒有照明效果，特效會失去很多生命和魔力。

準確的展現(xiàn)

使用輝光和照明，效果更加逼真。這也有助于傳達特效的運動、方向和持續(xù)時間。

準確的展現(xiàn)

暗星韋魯斯的Q技能和虛空之眼維克茲的W技能是使用適當對比度來吸引焦點的好案例。

5、色彩

色彩在視覺效果中的重要性

顏色在定義法術的主題方面起著巨大的作用。在本節(jié)中，我們將強調在英雄聯(lián)盟中對一些主題適當使用飽和度、顏色關系和基本調色板。

視覺效果飽和度范圍

-更高的飽和度范圍可以吸引更多的焦點

-對比可以形成清晰的焦點區(qū)域

-避免使用百分百或0%的值，因為這可能會混淆游戲環(huán)境（場景）或UI

英雄和他們的特效之間的顏色關系

一個英雄的特效比它的體型有更高、更寬的亮度值范圍和飽和度范圍。

視覺特效中的互補顏色和色調使用

理想的做法是使用類似的顏色，但當有兩種互補色在一種效果中時，其中一種是主色調，另外一種顏色必須作為第二顏色（輔助色）。當一種效果中出現(xiàn)兩種相反的顏色時，這些顏色將產(chǎn)生競爭關系（即使它們屬于不同的亮度值級別），從而導致沒有主次之分。

不準確的展現(xiàn)

使用高不透明度和高飽和度的補色會在仙靈女巫璐璐的盾牌效果中產(chǎn)生強烈的噪音(視覺干擾）。此外，預期的焦點與這些顏色競爭（放在一起），成為主要元素。

準確的展現(xiàn)

星界游神巴德的Q技能是一種不飽和的紫色，不透明度低，與明亮的黃色相平衡。通過在效果的第二部分使用互補色，它在沒有競爭的情況下為效果添加了美麗的豐富性。

英雄聯(lián)盟中常見法術的色彩調色板

6、形狀

使用形狀定義我們的特效風格

形狀是定義特效藝術風格的另一個主要元素，可以幫助減少視覺噪音（視覺干擾）。常見的形狀包括：簡潔的細節(jié)、手繪紋理、柔和和銳利的形狀、清晰地輪廓和移動物體紋理。

特效紋理形狀

-所有紋理都需要用簡潔和細致地手工繪制

-紋理需要是柔軟和尖銳形狀地混合體

準確的展現(xiàn)

手繪紋理與軟硬線條的結合（來獲取更好的效果）。

不準確的展現(xiàn)

避免使用帶有多余細節(jié)的照片紋理或視覺效果，因為這會產(chǎn)生不必要的噪音（視覺干擾因素）。

創(chuàng)建清晰得外形輪廓

創(chuàng)建定義良好得形狀是減少團隊戰(zhàn)斗噪音（干擾）、快速傳達游戲性和傳達法術主題的關鍵。

不準確的展現(xiàn)

由于效果中有太多細節(jié)和對比，因此很難分辨實際物體移動的位置和效果的形狀。（從而影響其余的特效制作，甚至對玩家產(chǎn)生干擾）

準確的展現(xiàn)

這是正確形狀輪廓的表現(xiàn)。這些形狀很簡單，但有足夠大的亮度值來創(chuàng)造焦點。

使用形狀層本身創(chuàng)建用移動的特效（運動模糊）

為效果添加模糊會產(chǎn)生運動的錯覺（運動模糊）。它有助于增強效果的方向感，并清晰地傳達游戲性。

不準確的展現(xiàn)

沒有運動模糊的快速運動粒子最終會產(chǎn)生視覺噪音（干擾）和幀下降的錯覺，會感覺很突兀。

準確的展現(xiàn)

這個粒子的方向形狀和運動模糊提供了一個很好的例子，說明特效正在向哪個方向移動。

7、生命周期

特效中生命周期（時間）的重要性

生命周期（時間）對特效很重要，在創(chuàng)造有意義的動作和視覺效果方面起著關鍵作用。特效在其生命周期內的變化方式提供了有關其功能的基本視覺信息。

特效生命周期（時間）指南

-所有的效果都應該有預期和消散

-結尾部分應該被視為次要影響，具有較低的亮度值、飽和度和不透明度

-衰減能量可以通過改變亮度值、色調、飽和度、不透明度或大小來表示

-顏色變化、亮度值或不透明度是可以根據(jù)效果的時間進行更改

亡靈勇士塞恩Q技能

塞恩Q技能達到完全暈眩范圍所需的時間和效果區(qū)域通過視覺計時器清楚地傳達。

利用生命周期（時間）來傳達游戲性

特效的生命周期傳達了特定的游戲時刻。

海洋之災普朗克槍管爆炸

海洋之災普朗克的槍管爆炸是展示不同階段效果的一個很好的例子；它清楚地傳達了游戲時間。

設置精確的運動的動畫

元素的準確移動是產(chǎn)生可信效果的關鍵。準確而有影響力的時間安排清楚地傳達了游戲性，并為玩家提供了競爭性和令人滿意的體驗。

疾風劍豪亞索的風墻

亞索的風墻很好地代表了英雄聯(lián)盟中的風運動。

地獄火戴安娜

戴安娜的火余燼增強了皮膚的主題性，同時創(chuàng)造了富有沖擊力的瞬間。

律政大亨蒙多

律政大亨蒙多的Q技能是一個很好的例子，顯示了重力對紙張的精確影響。

動態(tài)節(jié)奏對藝術性提升

動態(tài)節(jié)奏的安排創(chuàng)造了有沖擊力的時刻，創(chuàng)造了更高的滿意度，增加了對特效的趣味性。

準確的展現(xiàn)

時間刺客艾克的R技能采用了動態(tài)節(jié)奏創(chuàng)造了更具沖擊力和強大的瞬間。

不準確的展現(xiàn)

施放特效和爆炸沖擊力的線性節(jié)奏會產(chǎn)生一個不那么有趣的時刻（缺乏節(jié)奏變化）。

減少屏幕上的時間效果

我們故意將效果的持續(xù)時間最小化，以減少團隊戰(zhàn)斗中的視覺噪音（干擾）。

不準確的展現(xiàn)

冰雪女神辛德拉的W技能非常不透明，有一個不必要的長時間逗留。這太過集中精力了。它可能會主導同一空間內發(fā)生的其他效應。

準確的展現(xiàn)

仲裁圣女辛德拉的W技能迅速消失，并有一些即使在關鍵時刻。透明度也是如此。這允許其他效果也會清晰地顯示出來。