- 概述：我们创造引人注目的视觉效果的理念和目标
- 游戏玩法：终点部分，描绘游戏空间及重要程度
- 亮度：确定和使用亮度范围
- 色彩：色彩关系、色调使用、饱和度水平和调色板距离
- 造型：形状语言、轮廓和运动幻象
- 节奏：传达游戏性，动画要体现精准位移，减少特效噪声
- 联系我们……
一、概述
我们的理念
无论是魔法、火焰、烟雾、爆炸还是偶尔的闪光，《英雄联盟》特效部门致力于将所有这些元素变为现实。他们了解游戏设计，并将艺术作品转化为“符文之地”这神奇世界的视觉效果。多年来，已形成了统一的视觉风格，并设定了一组核心目标。
特效目标
- 为游戏提供清晰的视觉效果
- 减少视觉混乱
- 特效能契合英雄主题
- 创造出让玩家惊喜的特效
二、游戏玩法
通过以下方式定义游戏性：创造聚焦区域
为获取有说服力、可读性视觉体验，我们为创造的每个体验定义了一系列的主要和次要元素。作为我们指路明灯，确保每个特效都能通过强调特效的焦点来提升游戏清晰度，同时减少整体视觉噪音。
主要元素规则
- 特效交点
- 是法术的主要目的
- 特效清晰、准确传达了游戏的玩法
次要元素规则
该元素增强了英雄或法术的主题性
通过提升亮度和饱和度来强化主要元素
利用多种色调和更宽的饱和度范围来增强特效的整体视觉吸引力
源计划 蕾欧娜的W
W 会在周围形成一个爆照的盾牌
主要元素是日蚀法术的边界：为躲开爆炸，玩家必须能轻易识别特效半径
次要效果是圆圈内的微弱电流，用于强化源计划皮肤主题
焦点区域
关于如何定义主要和次要元素的指南
主要元素
- 高亮度
- 亮度或色调上强对比
- 清晰的剪影
- 高不透明度
- 强烈的造型
- 剧烈的运动
次要元素
- 低亮度
- 小尺寸
- 模糊的轮廓
- 低不透明度
- 简洁的形状
- 微妙的运动
准确表达特效区域
清晰度对竞技体验来说是最重要的，因为它是用来玩和看的。提供准确的游戏表现，使玩家和观众能够清楚地理解和预测游戏。
不准确的描绘
提莫蘑菇爆炸半径为600个单位，然而，该蘑菇爆炸的特效只覆盖其半径的一半，并且缺少一个范围指示器
准确描述
欧米茄小队提莫使用微妙的环来表示AOE，而爆炸是为了准确传递特效范围
准确表达特效的命中框
清晰度对竞技体验来说是最重要的，因为它是用来玩和看的。提供准确的游戏表现，使玩家和观众能够清楚地理解和预测游戏。
不准确的描绘
琴女的旧版大招覆盖范围比实际范围更大，当琴女大招没有命中目标，但特效却覆盖到目标时，玩家会困惑
准确描述
DJ琴女大招清楚显示了矩形的AOE，该特效贴在地面上显示，相机角度不会影响其位置
重要程度
一个特效的视觉呈现应该向玩家和观众传达其重要程度
eg：if 一个英雄的基本攻击特效看起来与大招重要性相同，就会使玩家或观众感到困惑，同时也让人对大招效果不太满意。
为了确定这些重要程度，我们将特效的特定外观映射为法术的能量峰值，这确保了所有特效的构成与功能相匹配。
在确定一个特效的重要程度时，我们评估3个核心部分：
- 可读性：玩家和观众能够立即理解一个特效的目的
- 重点突出：特效引导玩家关注重要的法术，同时减少团战时视觉噪音
- 重要性的尺寸：每个特效都应与它游戏玩法的重要程度相匹配
拉克丝的普攻和大招
因为拉克丝大招的作用比普攻大很多，大招应该永远更显眼。
重要性的尺度
重要性的尺度可以通过以下属性控制：大小、形状、节奏、亮度、饱和度和不透明度。
每个粒子的重要性应该由特效对玩法的影响程度来决定，如下图所示：
休闲粒子
-高亮度
-清晰的剪影
-隐晦的形状
-微妙的运动
普攻
-小尺寸
防御性法术
-低饱和度
-低不透明度
-隐晦的形状
-微妙的运动
伤害性法术
-高饱和度
-高不透明度
-清晰的剪影
改变游戏规则
-高饱和度
-高不透明度
-高亮度
-清晰的剪影
-剧烈的运动
大招
-最高的饱和度
-最高的不透明度
-最高的亮度
-大尺寸
-有冲击力的动画
三、亮度
如何确定亮度范围
操纵亮度范围是传达魔法效果的关键。为恰当体现出每个特效的能量水平，所有魔法和能量都有不同程度的亮度范围和不透明度。
为确保它们贯穿始终整个游戏，我们在制作特效要坚持一些准则。
特效亮度范围只能
- 更高的亮度范围吸引更多的注意力
- 对比可以营造一个清晰的特效范围
- 避免使用100%或0%的亮度，因为可能会被场景或UI混淆
各模块的亮度范围
-UI亮度范围
-角色亮度范围
-场景亮度范围
-特效亮度范围
情景中亮度范围
场景亮度范围
特效亮度范围
角色高亮范围
UI亮度范围
使用适当亮度范围增强魔法效果
eg：奥术大师炸弹人的弹跳炸弹，提高魔法特效中心的亮度，可以让特效看起来更加强大和神奇。
不准确的描述
特效没有视觉中心，很难注意到该特效在哪里有最大伤害，因为它与地面相同视觉感
准确的描述
通过提高炸弹的中心，使特效有清晰的焦点，让玩家在团战中更容易注意到该法术。
利用光照增强魔法效果
光照是体现一个法术神奇特性的关键，通过添加一个简单的光晕来提高特效，可以大大增强魔法效果的表现。
不准确的描绘
没有使用光照效果，特效失去很多生命力和神奇的感觉
准确的描绘
用了辉光和光照，特效就有了更多的生命力，有助于传递特效的运动、方向和持续时间
利用亮度范围创建一个焦点区域
视觉中兴是由对比营造出来的，当我们制作游戏特效时，亮度范围为是我们营造对比最有力的盟友之一。当特效没有体现出我们想要的理想焦点区域时，手动增加深色背景可以帮助改善效果，但该做法需要谨慎使用。if使用过渡，这些特效会在团战时与其他特效形成对比。
准确描绘
暗星维鲁斯的Q和苍穹之光维克兹的W是很好的粒子，使用适当的对比来吸引焦点。
高对比度 - 高焦点
低对比度 - 低焦点
高对比度 - 高焦点
四、色彩
色彩对于特效的重要性
色彩对确定法术的主题起巨大的作用。在本节中，我们将强调适当使用饱和度、色彩关系和《英雄联盟》中几个主题的基础色板。
特效饱和度范围指南
- 更高的饱和度范围吸引更多的注意力
- 对比可以营造一个清晰的特效范围
- 避免使用100%或0%的饱和度，它可能会被场景或UI混淆
各模块的饱和度范围
- UI饱和度范围
- 角色饱和度范围
- 场景饱和度范围
- 特效饱和度范围
英雄和自身特效之间的色彩关系
英雄的特效比模型有更高更广的亮度范围和饱和度范围
钢铁之翼 凯尔
模型色板（外），特效色板（内）
屠龙勇士 布隆
模型色板（外），特效色板（内）
补色和色调在特效中的应用
最好使用同色系的颜色。当一个特效中有两个互补色时，其中一个颜色必须作为辅助色。
当两个相反的颜色出现在同一个特效中，这些颜色会争抢成为第一要素（即使亮度级别不同）
补色例子
不准确的描述
露露的盾牌特效使用高不透明度和高饱和度的互补色，造成严重噪音
ps：这些颜色争先成为第一要素，和我们设计的额焦点产生冲突。
准确的描述
巴德的Q使用低饱和度、低透明度的紫色，和亮黄色平衡。
在特效的次要部分使用补色，给特效增加了一种漂亮的丰富性，且没有冲突
《英雄联盟》中常见法术的色板
此处收集了游戏中法术最常用的色板
毒 虚空 治疗
冰霜 弹药 神秘
自然 暗影岛 天赐
海克斯科技 风 水
队友指示器 敌方指示器
五、造型
用造型语言定义我们的特效风格
造型是定义特效艺术风格的另一个重要元素，可以帮助减少视觉噪音
常见的造型包括：简洁的细节、手绘的贴图、软硬混合的形状、清晰的外轮廓和运动物体的贴图
特效贴图造型指南
- 所有的贴图都需要手绘，细节简洁明了
- 贴图需要混合柔软和尖锐的形状
准确的描绘
手绘贴图配合软硬结合的轮廓线，效果最好
不准确的描绘
避免使用照片或细节冗余的素材，会造成不必要的噪音
创造明确的形状轮廓
创造轮廓清晰的形状是减少团战中噪音的关键，也能快速传达游戏玩法并表达法术主题
不准确的描述
由于特效中有太多细节和对比，所以很难分辨出真正运动的物体在哪，特效形状是什么
准确的描述
这是个轮廓恰当的最好示范。形状简单，有足够宽的亮度范围来制造焦点
用形状层本身制作动画
在一个特效中加入模糊效果，可以营造运动的错觉，有助于增强特效的方向感，并清楚地传达出游戏玩法。
不准确的描绘
如果快速运动的粒子没有运动模糊，会导致视觉噪音和掉帧的错觉
准确的描绘
这是个很好的例子，例子有指向性的形状和运动模糊，指明了特效运动的方向
六、节奏
特效中节奏的重要性
节奏对特效很重要，在给特效创建有意思的动画和视觉兴趣点时起到关键作用。
一个特效随着生命周期的变化方式，为其功能提供了关键的视觉信息。
特效节奏指引
- 所有特效都应有预备和消散
- 尾声应被视为次要效果，具有较低亮度、饱和度和不透明度
- 能量衰减可以通过改变亮度、色相、饱和度、不透明度或大小来表达
- 颜色变调、亮度或不透明度都是能跟特效节奏而变化的元素
塞恩Q的指示器
塞恩Q充满眩晕范围所需时间、特效范围都用视觉时钟清晰表达出来
用节奏传达游戏玩法
一个特效的节奏传达了特定的玩法瞬间
普朗克 木桶爆炸
普朗克的木桶爆炸是一个好例子，展示特效不同阶段
预备
主爆炸
消散
为精确的位移提供动画
元素正确的运动是让特效可信的关键
准确且有冲击力的节奏清晰传达了游戏玩法，并为玩家提供了竞技性和过瘾的体验。
无限烈焰 戴安娜
无限烈焰戴安娜的火焰余烬增强了皮肤的主体性，同时创造了有冲击力的瞬间。
亚索 风墙
亚索风墙很好体现了《英雄联盟》中风的运动。
律政大亨 蒙多
蒙多是一个很好的例子，展示了重力对纸的正确影响。
用有活力的节奏提升艺术感
有活力的节奏创造出具有冲击力的瞬间，创造出更高的满意度和更有趣的特效。
准确描述
艾克的R用有活力的节奏创造出更具有冲击力和强大的瞬间。
不准确的描述
投掷特效和爆炸的线性节奏导致了一个无聊的瞬间
减少特效在屏幕上停留的时间
我们有意将一个特效的持续时间降到最低，以减少团战的视觉噪音。
不准确的描绘
冰雪女神辛德拉的W极不透明，并且有不必要的长时间逗留
让人过于关注这个特效，且很可能掩盖同屏发生的其他特效。
准确的描绘
仲裁圣女辛德拉的W很快就消失，且即使在它的高光时刻也是有一点透明的，使其他特效可以清晰的展现出来。