火星网校
制作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期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
透过浅显易懂的文章，为你揭示火星时代教育提供的附近室内设计课程的魅力，助你实现设计梦想。
-
本文以3dmaya模型培训为基础，详细分解了3dmaya模型培训机构的关键组成部分，同时对火星时代教育进行了精心展示。
-
解析游戏化学习的崛起及影响，同时展望火星时代教育的前景。
-
了解UI设计培训的筛选方法和推荐课程，包括经验丰富的讲师、实战项目经验、就业支持等核心要素，并推荐火星时代教育的相关课程。
-
深入探讨原画设计的基础知识与技巧，引导你步入原画设计的世界。
-
通过3DMax建模设计课程，了解其概念、应用和工作流程，借助火星时代教育提升自身技能，创造出更多可能性。
