火星网校
制作2D游戏场景的相关技巧
发布时间：2018-11-17 19:57:24
作者：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渲染灰度等级图像，然后再手绘整个画面。
下图截取自Facebook寻物解谜游戏《Jane Austen Unbound》。其场景是19世纪的英国（注：这张图片并非作者所在团队的游戏作品，在此仅作为本文示例内容）。
Jane Austen Unbound
针对这类场景，在设计方案通过之后，我们会先考虑画面的制作。我们可以将这幅画分解为多个元素。在这里我们可以看到沙发、钟、钢琴、画框、楼梯等东西。要制作各个物件，以沙发为例，最容易的方法是找到一张照片（要有合适的形状和透视效果，拥有足够的像素），将其转化成图片，然后进行复绘就可以了。
在多数时候，你可以找到大量符合外形需求的照片，但透视效果却未必如你所愿。那就需要进行额外加工了。你要切割不同照片的元素，例如桌椅、盘子等，添加一些变形，然后将其组合到一起，获得你所需要的效果。
有时候你得到的照片很棒，但细节部分却很模糊，导致照片无法派上用场。
在这些情况下，你可以运用一些3D技术。最基本的方法是从网上下载一些免费模型，进行简单的渲染，然后添加复绘。
以下就是两个下载免费3D模型的优秀网站：
http://archive3d.net
http://www.3dmodelfree.com
这些网站通常都有特定物体的大量模型，例如在“沙发”类别中就有超过2000种的模型。你可以选择最适合自己的一种。
objects
在确定你的场景中哪些物体该使用3D模型后，最好的方法是将这些模型整合到一起置到3D场景中，渲染成一个单色图像，然后将其转到2D编辑&渲染。
要记住，最终图像更多地是取决于2D复绘，所以你并不需要像电影行业那样采用高质量的3D制作方法，例如极为复杂的着色器、高级照明等。最好以简单的方法获取3D图像，以便快速制作你的场景并降低成本（但决不要在质量上打折扣）。
在此我要用一个简单的例子为你示范这一理念。但我不能使用我们的全3D场景，所以就以单个家具开始吧。
从www.3dmodelfree.com下载这个橱柜模型。
它的UV并不是特别理想。所以我用圆柱投影来修理它的边角。如果你得到的模型UV不佳，只要使用简单的投影工具，例如平面投影，圆柱投影、自动投影等。这可以节省不少精力。不要手动调整UV，也不要在意纹理接缝。记住我们可以在2D复绘阶段轻松地解决这个问题。
然后要为它找一个理想的木材纹理，使用基本的布林材质着色器，使用着色器的一点加亮功能，为抽屉把手分配一个简单的白色着色器。
至于光照部分，仅赋予一个主光和辅助光。记住我们将在之后的2D处理过程中添加更多微妙的光照。不要使用全局光照等会降低速度的高级光照技术。
ok，现在开始渲染彩色图像。
Out Color
然后是环境光散射（AO）图像。
Out AO
将AO图像整合到彩色图像之上，这是一种补偿纹理和光照的好方法。
Out Final
之后我们再进入最后的2D复绘阶段。
根据我们的经验，不管你是直接在照片上复绘物体，还是先进行3D渲染再复绘，其最终图像质量和风格是没有差别的。至于要选择哪种方法，也很简单：我们通常只用3D渲染那些无法找到优质场景照片的物体。
所以你在制作过程中，无需执拗于全2D或全3D场景，努力找到最省力的方法即可。
适合用3D处理的物件：家具、机器、建筑、人工制品。
适用用2D处理的物件：河流、山峰、植物、地面。
这里需要提到一个技巧。如果你是为客户从头设计一个场景。假如你的画面中需要一个古老的沙发，在绘制线条艺术之前，先看一眼2D照片和3D模型库。只有在模型库中找到合意的沙发时，才能将其融入自己的设计。在之后的制作阶段，这个过程就很直接简单了，只需复绘现成的沙发即可。与此相反，如果你全凭自己的想象重新设计沙发，之后你就无法找到相似的沙发照片或3D模型，这意味着你必须从头开始创建一系列内容，这需要大量的时间和精力。
但如果你选择的是手绘式的图像风格，就不合适采用这个技巧了。但即便是采用这种风格，进行3D渲染也会让你更省事。这会让你获得更精确的形状和透视效果。我有一个朋友是采用这种方法：首先用3D创建画面中的一切内容，并不分配任何纹理和光照，只是通过AO渲染灰度等级图像，然后再手绘整个画面。
分享
下一篇 简述游戏美术人员的必备技能
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
掌握UE5数字展厅设计的新方向 - UE5数字展厅师培训课程
了解UE5数字展厅师培训课程的详细信息，掌握UE5最新设计技术，提升专业技能。
-
本篇文章将引导你探索使用UE5进行可视化制作的基础知识，分享实用的技巧和策略，为你的知识库增添全新工具。
-
了解网络游戏角色培训的策略，提升游戏角色的技能与能力，提高游戏愉快体验。
-
探索数字人虚拟人学习，了解其在未来教育中的应用及可能性。
-
本文深度分析2D影视原画培训的重要性、效果与价值，并探讨专业机构如火星时代教育的影响力
-
了解什么是影视后期制作，以及如何参加后期制作就业班以提升个人技能并在影视行业中找到一份工作。
