技术美术百人计划学习笔记（美术1.3 场景设计精要）

主题设定

设计游戏场景首先要明确游戏发生的时间地点等时代背景。通过对玩家动线的设计，功能模型的合理布局构建出场景的基础骨架。利用光影效果和色彩变化烘托场景氛围。

市场上常见的主题场景：剑侠，科幻，废墟，魔幻等

场景风格确定

场景主题选定后，开始确定场景风格。场景风格按大类分为写实与非写实类风格

细分后常见风格举例有：赛博朋克（赛博朋克算是一种美学风格，但不只是一种美学风格），写实，卡通，像素低面数风格等等

场景设计构图

场景风格确定后，构图设计就是最重要的环节，它决定了整个场景的成败

常用的构图法：三分线构图、环形构图、对称式构图、垂直线构图、水平分割构图、十字线构图、视觉引导线构图

三分线构图

画面从水平方向和垂直方向分别分成三部分时，线条交叉的地方就是一个“黄金分割点”，是放置焦点的最佳位置。

决战平安京主界面吧最受关注的内容放在了横竖线e交叉点上（例如人物的脸），和其他构图法相比，比较能保持稳定、突出主体，同时保留了空间感，让人觉得更加宽松舒适

环形构图

环形由连续的“曲线”组成，其环形的运动轨迹将视线牢牢地吸引在画面上。动态的环形让人感觉不太稳定，会稍微自然一些。他们像隧道一样的外观通常擅长创造独特的道路感觉和行进距离，以及将焦点吸引到场景的中心。

《异星搜奇The Dig》的场景中，我们的眼睛被吸引到隧道的尽头，而松散的圆形构图充当了相框。这种场景在感觉狭窄和狭窄的过程中起到作用，迫使我们向下通过，这也是两个区域之间建立联系的极好方法，为即将到来的事物制造悬念。

Frederik Pohl的《传送门》中的植被在此场景中形成的圆形开口既产生了浓密的丛林感，又暗示了对本文所述生物的隐瞒。尽管结构中的实际隧道要少得多，但它仍然具有将场景封闭起来以感觉到封闭的效果，并将我们的眼睛聚焦到特定点上。

对称式构图法

对称式构图法具有平静，稳定或者重量等特点。常用于水面、平川、草原，或者重要的人物出场等。

缺点是构图上太过单一，缺少画面的生动性

垂直线构图

垂直线构图通常以树、电线杆作为垂直线，然后突出重点。画垂直物体时，需要将节奏感表现出来，要做到粗中有细，疏密有度。

画面中运用长度、粗细不同的垂直线，会令画面产生一种动态的节奏感，比较常见的垂直线分割手法是让垂直线沿着一个方向逐渐变短，从而产生距离感，为画面增加深度。

水平线构图

《阴阳师》的庭院全景设计采用了水平线构图，凸显庭院的宽阔、稳定、和谐的感觉

十字分割构图

水平线与垂直线的组合，十字形上垂直线与水平线的交叉状态，是一种特殊的交叉线，它具有交叉线的所有特征，比如聚焦视觉、突出主体、制造视觉中心

视觉引导线

引导线会把玩家的视线吸引到画面的主体上，道路和墙壁都可以作为画面的引导线。

场景剪影

构图方法选定后，开始速途场景剪影

剪影：原画中剪影设计是一张好场景图设计的前奏，剪影是较为概括外观的设计，看一张图都是从整体开始看起，剪影设计就是从这个开始的。

练习剪影：剪影需要大量的练习，在练习中，一定要主动打破这种单一的结构关系，突出重点，找出变化趋势，顺势调整变化的组织关系。做到疏密得当，突出重点。

注意：

1. 即使是一个简单的形状，想让他的结构变得好看，一定要遵循统一中求变化的原则
2. 剪影的辨识度，让人一看剪影，可以大概认知物体的基本属性，不能模糊带过

画剪影时会遇到的问题：

1. 杂乱无章：没有视觉中心

   比如下图他的问题就在于变化过多，缺乏统一，让人找不到视觉中心

   

   改善之后：

   

   让人能找到视觉中心

2. 变化单一：没有节奏，没有疏密关系

   

   

如何用剪影激发创作灵感：

1. 利用同一个剪影模板，在此基础上，不断添加设计元素，给场景一个新的设定

2. 利用剪影模板，通过变形，局部夸张，局部替换等手段，重新定义一个新的场景

   

剪影速途后，开始进行剪影内切

把剪影内部的初步结构通过内切，整理清晰

1. 切除剪影内部的具体结构，先把重要的部位切出来

2. 明确基本结构后，然后把物体的亮暗面通过二分，初步分出亮暗灰“三大面”，使作品立体化

3. 进一步优化物体的“五大调子”以及疏密关系。比如投影、空间关系等等

   

剪影的空间处理

以下的剪影速涂，每一张图的空间都不一样。说明在空间上，个人的空间处理能力很是重要的，而且在画面中的视觉中心，都是呈现“突出部”的结构，这也是非常重要的。
同时在画面的整体色调上，也各有不同，既有偏明亮调的，也有暗调的。注意这些点才能画出满意的场景。

剪影的大致流程

选定构图方法后，20分钟速途起稿，重点概括地形，以及视觉中心在画面中的位置。 通过快速的剪影速涂，然后看画面的效果。锻炼自己的构图和视角创意能力以及培养个人的空间处理能力

基本流程：

1. 打草稿
2. 上基础色
3. 画面加元素
4. 处理地形，细化整体

前景场景和纵深感

前景是指位于主体的前面，合理运用前景不仅可以突出主体，还能给画面营造出纵深感，提高视觉冲击力

运用前景需要注意：

1. 前景是用来烘托、衬托主体的，是为主体服务的。作为前景当然不能阻挡我们看主体的视线
2. 前景在一个画面中的定位是绿叶，是一个配角，所以他的表现力要弱于主体，要让人一看就能分出主次，而不是找不到重点的感觉
3. 运用准确，构图唯美，要保证前景符合整个画面的主题，不能不相干或根本突出不了

透视感则在前景场景与纵深感中起到了很大作用，当设计中有前景场景，这时候只要加一些漂亮的后景，这样图片看起来有纵深感

场景色彩分类

配色比例

配色黄金比例：70：25：5，其中70%为大面积使用的主色，25%为辅助色，5%为点缀色。一般情况下建议画面色彩不超过3种

色彩关系

色彩之间的关系取决于在色相环上的位置，色相和色相之间距离的角度越近，则对比越弱，离得远则对比越强烈

色彩搭配的例子

1. 相邻色搭配

   根据红橙黄绿蓝紫这六字顺序，相邻色搭配就是红+橙，橙+黄，黄+绿，绿+蓝……以此类推

2. 间隔色搭配

   根据红橙黄绿蓝紫这六字顺序，红+黄，橙+绿，绿+紫，蓝+红，这种搭配方式中间都间隔了一个颜色，因此称为间隔色

3. 互补色搭配

   根据红橙黄绿蓝紫这六字顺序，互补色就是中间间隔2个颜色，红+绿，橙+蓝，黄+紫

色性

1. 冷色调：在色彩中没有绝对的冷暖，只有相对的冷暖，环境和比例是影响颜色冷暖的两个因素，像见到蓝、蓝紫、蓝绿等色后，很容易联想到太空、冰雪、海洋等物象，产生寒冷、理智、平静等感觉
2. 暖色调：人们见到红、红橙、橙、橙黄。红紫等颜色后，马上联想到太阳、火焰、热血等物象，产生冷暖、热烈、危险等感觉
3. 中性色：最简单的三个颜色，黑、白、灰，就是中性色

叠色

在原画中先黑白灰再叠色的话，体积感会更强，直接上色出来的色彩感也是很不错的

三大步：

1. 起稿
2. 铺调子
3. 设计和塑造

游戏中的颜色

色彩的首要功能是帮助我们辨识物体，游戏中的颜色也体现了这一点。在游戏里我们把苹果做成红色，因为真实的世界里它们就是红色的，我们得以在游戏中更容易地认出它们。

场景的画面氛围很大部分由色彩决定，明显的色彩区分，决定了游戏的品牌形象，例如：蓝色与橙色之于《传送门》，亮红色之于《镜之边缘》，血红色之于《超级肉肉哥》，紫蓝色之于《超级马里奥兄弟》，艳粉色之于《迈阿密热线》

色彩也经常起到向潜在用户传达游戏性质的作用，比如说，亮色经常用于休闲游戏，而暗色则经常用于硬核游戏（Core games）

场景光影氛围

光影中的重点：打光和光影的分割

影响光影氛围的有：光源的明亮度，光源的软硬度，多光源的主次分布，冷光与暖光

打光

不管角色还是场景，不同的光会给人一种不同的情绪影响

光影的分割

尽管内容一样，但是从构图上来说，以下两张图是不一样的，同样的元素内容，不一样的打光氛围和情绪，他所代表的东西是不一样的。所以，即使是同样的元素、同样的题材，也可以画出新的东西。因为光影不同，给人的感觉就不同

光影能表达场景的氛围，原画里氛围是很重要的，不一样的光影能表达出不一样的氛围，能让看客更容易的进入画面的世界

光源的软硬度对比

多光源的主次分布

冷光与暖光

场景细节添加

场景基本轮廓构建完成以后就可以逐步将小物件填充进场景内，进一步提高场景完成度，丰富场景内容，呼应主题，提升乐趣。

参考资料

https://www.sohu.com/a/226598913_99976529

https://segmentfault.com/a/1190000021192859

https://segmentfault.com/a/1190000021192963

https://zhuanlan.zhihu.com/p/22348363

https://zhuanlan.zhihu.com/p/113779239

https://zhuanlan.zhihu.com/p/75430562

https://zhuanlan.zhihu.com/p/55879149

https://www.artstation.com/artwork/ELLPGA

https://zhuanlan.zhihu.com/p/20159664

https://www.jianshu.com/p/20db88800126

https://www.cnblogs.com/kimmy/p/3637045.html

[https://zhuanlan.zhihu.com/p/122383386](