项目与目标
我对风格化的环境以及手绘艺术充满热情，这也是《守望先锋》风格吸引我的原因。自《守望先锋2》发布以来，我受到启发，想要创作一款以游戏中未曾出现的独特城市为背景的《守望先锋》地图。我希望借助续作中的智械城市攻击主题，确保环境叙事成为本项目的中心。
模仿这样一种丰富风格是一项极具挑战性的任务，需要极大的耐心和多次迭代才能做好。本文旨在帮助你更好地理解这种艺术风格，并可能在你自己的项目中帮你避免一些错误。
规划
由于曾去过里斯本，我从一开始就清楚自己想要呈现什么样的场景。街道应该充满色彩，给人温暖的感觉，地形起伏，就像里斯本真实的街道一样。我想保留那些让这座城市街道独一无二的元素，比如电车、架空电线和阳台，然后将它们融入《守望先锋》的风格之中。
最重要的是收集原版游戏的参考，并不断将其与自己的作品进行对比。我制作了一块情绪板，其中包含了来自里斯本真实街道的生活参照图片以及与构图或色彩方案相似的《守望先锋》地图截图。最具参考价值的是里约热内卢地图的参考资料，因为它们在氛围上有相似之处。
为了将现实生活中的参照转化为《守望先锋》风格，你需要将颜色调色板限制在最重要的几种颜色上，并尽量使场景在细节和材质外观上不过于复杂。在我的案例中，考虑到游戏中的地形通常为了游戏性而设计得较为平坦，但里斯本街道特有的丘陵地貌非常独特，因此我在适应这一特点的同时还要避免过度设计。
尽管大部分时间应关注原始参考，但查看一些优秀的同人作品也会有所帮助。对我产生重要影响的是Shua Llorente的作品，他使用虚幻引擎创作了多款同人地图，这些作品通常附带了幕后解析，提供了大量关于如何解决在虚幻引擎中可能遇到的类似问题的信息。
在虚幻引擎4中构建初步布局时，我还是新手，所以初期设计相对简单。然而，我成功地设置了环境的基本布局，并通过在地形上放置建筑块来把握整体构图。布局灵感来源于《守望先锋2》的“推车”模式，该模式具有对称布局，允许地图在两端镜像。为了避免对称感过于明显，我设计了一条呈曲线形状的街道，使得玩家无法一眼看到对面街道的尽头。
在项目的早期阶段，场景看起来与最终版本有很大差异，因为这是我首次在虚幻引擎中制作环境，有很多东西需要摸索。在项目中期，我决定重做大部分现有元素。主要原因是我需要改进构图，从旧版截图可以看出，建筑尺寸过小，比例不够夸张，这对于风格化环境来说非常重要。
另一个重要的方面是天际线，这是《守望先锋》环境的一大特色。它需要给人一种未来感，而且要比其他建筑高出许多。最重要的是，大型现代建筑与传统建筑之间要有明显的区分，这样才能让场景更接近现实世界，同时仍然与《守望先锋》的未来主义设定相联系。对于其他镜头，我希望天空更为开阔，以便给观众的眼睛提供更多的休息空间。
将叙事元素融入构图也是至关重要的。房屋需要有商店招牌、阳台上摆放着植物和晾晒的衣服，让人感觉真的有人居住在那里。我还必须通过添加被破坏区域来展示智械攻击所造成的破坏。为了遮挡后街的视线，我加入了一些火光和烟雾效果，然后放置了残骸和一些智械碎片。这种策略不仅展示了破坏场景，还节省了开发时间。
照明
照明在风格化艺术尤其是环境设计中起着至关重要的作用。为了尽可能接近我的参考素材，我在照明方面进行了多次迭代。如果你正在制作这样的场景，应当确保照明具有风格化且易于辨识的特点，这意味着要避免过于强烈的对比度，而是使用相对较柔和的阴影。我之前的一个误解是，《守望先锋》风格需要大量的环境光遮蔽（Ambient Occlusion），但实际上大幅减少AO反而能让场景看起来更加舒适悦目。
我的照明设置相当简单，首先从Sky Light（天空光源）和一个Directional Light（定向光源）开始，再配合几个Point Lights（点光源）用于模拟灯具和有火焰的区域。在调整照明过程中，我发现“Detail Lighting”视图非常有用，可以用来精确调整各项数值。此外，建议应用微妙的Volumetric Fog（体积雾效）以融合场景各部分，同时使用背景雾效及雾层来增加场景深度。
在探究照明的过程中，我一直会回顾一篇名为“Overwatch-style Visuals with UE4”的文章，这篇文章为我提供了坚实的照明设置起点。从中我学到了间接光照的重要性，以及烘焙光照对于实现预期效果的关键作用。了解到作者使用的设置值，为我省去了很多试错的时间。因此，我也希望能在这里分享我的设置，希望能对同样想达到这种效果的人有所帮助。
建模
对于房屋，我创建了一系列可变材料并能旋转使用的建筑物模型，这样一来，一座单一的房子就能重复使用几十次。虽然我知道这不是最佳做法，但在开始这个项目时，我对模块化环境创建和贴图纹理（trim sheets）知之甚少。采用这种方法的优点在于，我可以快速复制并放置建筑，无需过多考虑是否完美契合。
在多边形预算上我没有严格限制，但我尽量优化几何体以保证性能和简洁性。我制作了窗户、门和其他所有可复用的元素。在建模时，我确保保持形状简单，同时也遵循了风格化艺术的一般指导原则，如弯曲的轮廓线条和《守望先锋》风格中典型的夸张形状与明显的斜面。
制作道具时，我会将它们按特定用途分组，例如“街道道具”或“残骸”，这样它们就可以共享相同的材质。我的工作流程是在Maya中创建低模和中模，然后利用中模在ZBrush中创建光滑的高模版本。关键是要保持几何体干净简洁，让材质承担剩余的工作。
纹理处理
正如前面提到的，在开始此项目时，我不太了解贴图纹理技术，所以我所有的墙体资产都是单独纹理化的。但这并未妨碍我达到期望的质量，并且我能为每一套纹理创建不同的颜色变体。为了实现风格化外观，我确保颜色饱和且没有过多微小细节。
对我来说，棘手的部分在于找到合适的粗糙度和金属度值，以模拟游戏中能看到的那种反射效果。我发现将金属度值降低至0.75，粗糙度值降至0.5，有助于模仿《守望先锋》中金属材质的外观，即使这些并非严格的PBR（基于物理的渲染）值。而对于玻璃的反射效果，我选择了金属度值0.9和粗糙度值0.1，并发现选择中性灰色（0.5/0.5/0.5）作为基础色（Base Color），可以获得与原游戏相似的反射效果。
我的风格化纹理处理哲学始终是，在着手处理其他贴图通道之前，要在基础色视图下确保纹理看起来美观。为此，我在Substance Painter中依赖SoMuchMaterials插件，该插件实质上类似于烘焙光照，但提供更多可调节的参数。虽然我希望保持纹理简单，但我喜欢使用模糊的污垢贴图来获得色彩和粗糙度的变化。我认为很多人误认为风格化纹理意味着只有纯色。然而，通过观察《守望先锋》中的纹理，我发现这类变化能带来额外的丰富度。
材质
大多数可平铺材质是在Substance Designer中制作的，因为我想要挑战自己，尝试通过节点系统模仿这种风格，即便《守望先锋》中的纹理更多倾向于绘画式风格。为了达到理想的效果，我不断地将自己的材质与参考素材进行比较，同时也要确保它们在我场景中显得合理。例如，起初地面纹理过于抢眼，所以我确保降低了对比度，使其不再分散注意力。
在Substance Designer中的工作流程是首先创建高度图，然后在此基础上创建图案的细微变化。接着，我使用梯度、环境光遮蔽（Ambient Occlusion）和曲率来创建基础颜色。对于这种风格而言，关键是要确保对比度和法线贴图不太强烈，特别是AO贴图应降低强度，因为它会在虚幻引擎中产生很强的阴影。我通常通过反转高度图并调整层级来创建粗糙度贴图。最后一步，我总是添加一种污垢贴图，使其与我在Substance Painter中所做的纹理处理一样，获得类似的粗糙度和色彩变化。最好的方法是选择看起来更具绘画感的污垢贴图，并稍微模糊一下，保持良好的风格化效果。
我设置了房屋的材质方式，使我可以通过材质实现多种变化。首先，有一个基本的墙面材质，拥有几种颜色变化，并根据需要在特定建筑上搭配相应的瓷砖。每堵墙上的窗户和门都有不同的材质，这样可以使所有房屋拥有不同的颜色组合。最后，我添加了一个污渍材质，通过顶点绘制应用于墙面，模仿《守望先锋》中常见的墙面上部和下部常有的污渍。
背景
场景背景由四个主要元素构成：摩天大楼、城堡、智械攻击舰和天空盒。由于大部分细节在远处并不清晰可见，我尽量减少在这上面花费的时间。如同《守望先锋2》游戏预告片那样，我希望有一艘攻击舰在天空中占据主导地位，以戏剧化的方式展现智械威胁，因此我把大部分时间都花在了舰船底部的设计上，因为这是场景中玩家唯一能看到的角度。
对于建筑物，我只是创建了三个不同的网格模型和两种可重复使用的材质。如果从各个角度对建筑物进行独特建模，那么只需通过旋转就能得到足够的变化，创造出整个天际线。
我制作的城堡灵感来源于里斯本的著名地标——圣乔治城堡（Castelo de São Jorge）。我的简化版本只使用了一种可平铺的材质，加上顶部的旗帜。同样，我没有在这个城堡上投入太多时间，但至少包含一个城市的著名景点在背景中是很重要的，这会让玩家感觉自己仿佛置身于世界的另一端。或许你已经注意到，《守望先锋》的地图往往会在背景中包含代表城市特色的大多数标志性地标。
最后，我在Photoshop中绘制了一个简单的天空盒，带有云彩，以此强调《守望先锋》环境中所具有的风格化和绘画般的视觉效果。我的建议是尽可能保持其简洁，以免分散观众对主要元素的关注。
最后的建议
始终与参考素材进行比较，并持续获取其他艺术家的反馈。当你始终紧跟参考素材时，最终会接近所需的风格，而接收反馈则有助于你发现忽略或从未想到的问题，并推动你的艺术作品达到新的水平。
希望你在本文中学习到了如何制作《守望先锋》风格环境的一些有趣内容。
评论