制作2D游戏场景的相关技巧

作者：Junxue Li

下图截取自Facebook寻物解谜游戏《Jane Austen Unbound》。其场景是19世纪的英国（注：这张图片并非作者所在团队的游戏作品，在此仅作为本文示例内容）。

针对这类场景，在设计方案通过之后，我们会先考虑画面的制作。我们可以将这幅画分解为多个元素。在这里我们可以看到沙发、钟、钢琴、画框、楼梯等东西。要制作各个物件，以沙发为例，最容易的方法是找到一张照片（要有合适的形状和透视效果，拥有足够的像素），将其转化成图片，然后进行复绘就可以了。

在多数时候，你可以找到大量符合外形需求的照片，但透视效果却未必如你所愿。那就需要进行额外加工了。你要切割不同照片的元素，例如桌椅、盘子等，添加一些变形，然后将其组合到一起，获得你所需要的效果。

有时候你得到的照片很棒，但细节部分却很模糊，导致照片无法派上用场。

在这些情况下，你可以运用一些3D技术。最基本的方法是从网上下载一些免费模型，进行简单的渲染，然后添加复绘。

以下就是两个下载免费3D模型的优秀网站：

http://archive3d.net

http://www.3dmodelfree.com

这些网站通常都有特定物体的大量模型，例如在“沙发”类别中就有超过2000种的模型。你可以选择最适合自己的一种。

在确定你的场景中哪些物体该使用3D模型后，最好的方法是将这些模型整合到一起置到3D场景中，渲染成一个单色图像，然后将其转到2D编辑&渲染。

要记住，最终图像更多地是取决于2D复绘，所以你并不需要像电影行业那样采用高质量的3D制作方法，例如极为复杂的着色器、高级照明等。最好以简单的方法获取3D图像，以便快速制作你的场景并降低成本（但决不要在质量上打折扣）。

在此我要用一个简单的例子为你示范这一理念。但我不能使用我们的全3D场景，所以就以单个家具开始吧。

从www.3dmodelfree.com下载这个橱柜模型。

它的UV并不是特别理想。所以我用圆柱投影来修理它的边角。如果你得到的模型UV不佳，只要使用简单的投影工具，例如平面投影，圆柱投影、自动投影等。这可以节省不少精力。不要手动调整UV，也不要在意纹理接缝。记住我们可以在2D复绘阶段轻松地解决这个问题。

然后要为它找一个理想的木材纹理，使用基本的布林材质着色器，使用着色器的一点加亮功能，为抽屉把手分配一个简单的白色着色器。

至于光照部分，仅赋予一个主光和辅助光。记住我们将在之后的2D处理过程中添加更多微妙的光照。不要使用全局光照等会降低速度的高级光照技术。

ok，现在开始渲染彩色图像。

然后是环境光散射（AO）图像。

将AO图像整合到彩色图像之上，这是一种补偿纹理和光照的好方法。

之后我们再进入最后的2D复绘阶段。

根据我们的经验，不管你是直接在照片上复绘物体，还是先进行3D渲染再复绘，其最终图像质量和风格是没有差别的。至于要选择哪种方法，也很简单：我们通常只用3D渲染那些无法找到优质场景照片的物体。

所以你在制作过程中，无需执拗于全2D或全3D场景，努力找到最省力的方法即可。

适合用3D处理的物件：家具、机器、建筑、人工制品。

适用用2D处理的物件：河流、山峰、植物、地面。

这里需要提到一个技巧。如果你是为客户从头设计一个场景。假如你的画面中需要一个古老的沙发，在绘制线条艺术之前，先看一眼2D照片和3D模型库。只有在模型库中找到合意的沙发时，才能将其融入自己的设计。在之后的制作阶段，这个过程就很直接简单了，只需复绘现成的沙发即可。与此相反，如果你全凭自己的想象重新设计沙发，之后你就无法找到相似的沙发照片或3D模型，这意味着你必须从头开始创建一系列内容，这需要大量的时间和精力。

但如果你选择的是手绘式的图像风格，就不合适采用这个技巧了。但即便是采用这种风格，进行3D渲染也会让你更省事。这会让你获得更精确的形状和透视效果。我有一个朋友是采用这种方法：首先用3D创建画面中的一切内容，并不分配任何纹理和光照，只是通过AO渲染灰度等级图像，然后再手绘整个画面。