游戏开发论坛

 找回密码
 立即注册
搜索
查看: 2931|回复: 0

创造令人惊叹的游戏关卡——从构图开始

[复制链接]

1万

主题

1万

帖子

3万

积分

论坛元老

Rank: 8Rank: 8

积分
36572
发表于 2019-11-27 09:52:01 | 显示全部楼层 |阅读模式
1.jpg
(发布日期:2015年1月25日,最初发布于前Wiki:2014年8月17日)

术语解释:构图=构成,组成

设计关卡时,你可以自由地将虚拟环境与其所需要的任何对象组合在一起。这将关卡设计师与环境艺术家(关卡美术师)分开。你不必采用自然或建筑的现有元素,但是你却可以极大地影响场景。我们可以将关卡设计师的作品与画家的作品进行比较。现在,让我们将一个关卡视为一个画廊,将关卡设计视为绘画。这意味着玩家可以从一个构图穿越到另一个构图。

我们应该何时去关心构图呢?好吧,我不得不说你必须一直这样做,但这根本不可能。这非常耗时和耗费设计师的精力,有些时候,玩家并不一定需要在一些无关紧要之处,感受到令人震惊的构图。

一个好消息是,制作漂亮的构图非常简单,这很容易就成为你的第二天性,助你养成一些良好的习惯。我遇到的许多设计师都可以制作出令人震惊的关卡,但他们却不一定知道如何或者说,何时应用这些构图。在本文中,我将向你介绍我的场景规划和实现方式。

你可以在何时何地应用构图规则:

  • 环境组成 –全局,玩家所看到的一切,包括视觉和游戏区域。你可以组成单个走廊和房间,城镇,风景,远景和令人惊叹的背景。通常仅从几个方向看到这种构图,这使构图的规划更加容易。
  • 环境元素组成 –设置外观细节,作为整体的一部分的对象组。垃圾箱周围的垃圾,地面上的岩石,桌子上的东西,可以从任意角度看到这种构图
  • 视觉反馈和导航 –突出目标,显示目标的方向,引导玩家通过特定区域。如果玩家的目标是到达直升机,你则需要在那里引导玩家;或者你只是想告诉玩家他应该去哪里,那么你可以应用构图规则来吸引玩家的注意力并纠正其偏离的航线。


构造你所会的一切与模仿自然之间的界线并不明显。你可以创造墙上风吹树叶的构图,但结果可能是过于夸张,很不自然。构图是用来安排空间从而创造出富有吸引力的画面。树叶仅仅只是背景,没有必要为其构图,除非那是一堆需要玩家注意的叶子。大自然一直在创造美丽的作品,让我们模拟自然的力量,而不是伪造自然。

构图基础

构图是场景元素的排列。具有构图规则的场景呈现出一种易于理解,且不会让观察者困惑的和谐理念。按照我们的计划,和谐的构图可以自然地将玩家的视线按照我们的计划引导向图片元素。画面和谐对于图像的理解有着巨大的影响。为了创造和谐的场景,你需要设置场景的组成部分,并通过使用颜色、照明、比例、方向和位置来强调其他某些元素。换句话说,你可以显示屏幕的重要部分并隐藏仅作为背景的内容。

构图的对立面则是杂乱。在混乱的图像上,你将很难确定哪个元素起主导作用。在这种情况下,玩家可以将注意力集中在场景的相关部分上。在本文中,玩家和观察者可以互换。

构图层次

构图可以分为三个主要的图层:前景中心点背景。另外,你还可以在你的构图中加入人员编制层。

2.jpg
构图示例–图层

3.jpg
构图示例的透视图–图层

“'红色方块”'-占据主导地位;“'黄色方块''” –组成元素;“'绿色方块''” –观察者;“'白色圆锥体''” –观察者的视线(FOV);“'灰色平面''–地形

前景层

最接近观察者的这一图层,这组图层作为前奏曲,并为构图的主旋律创建一个框架。在游戏中通常被忽略。前景用于将玩家的注意力集中在最重要的图层-兴趣中心上。请记住,前景中的组成元素必须与其余组成元素保持逻辑关系。使前景对象变亮可以将该层与其他层分开,从而产生场景隔离的效果。前景上的物体变暗给人一种空间感,因为其余各层的对比度都得到了增强。通常,只有对象的轮廓是可见的,就你不必担心,在这一层上,你不应该显示细节和颜色

4.jpg
前景层

5.jpg
由灌木,草和树枝构成的深色前景层–使命召唤:幽灵

中心点

一个或多个图形层,在其上面放置构图的主要部分。占主导地位的是构图的焦点,它不能与场景中的其他对象合并,但它仍然必须与这些对象保持一致,它应该更明亮,并设置在一个有利的位置,以便从其他元素中脱颖而出。由于占主导地位,有可能需要快速为一个场景的主题命名,例如:“冬季场景,山上有中世纪守卫塔的废墟,以中世纪遗址为主导,而山脉为背景”。你可以使用引导者来讲述场景的故事并建立场景的唯一标识。也应该需要计划你的构图,以便使主导元素成为观察者注意到的第一个对象。确保没有任何障碍物会覆盖主要部分,但也不要担心会与其他层次的物体重叠。中心可以有多个主导元素。另一个占主导地位的称为平衡点。例如,可能是一个场景“市场广场上的喷泉和一辆坦克的残骸””。喷泉是最主要的,但坦克残骸也需要引起注意。当观察者了解了所有的主导元素时,他将开始寻找关于兴趣中心和背景层的细节。

6.jpg
兴趣中心层

7.jpg
孤塔(占据主导)并且在旁边的墙上做广告(对位)

背景层

这是为构图收尾的图层。主要是背景层,其主要的内容是地平线和天空。背景层用平静柔和的配色方案,没有太多细节的物体来标记。这有助于保持观察者对主导元素的关注。这些图层的目的是显示出主导元素的轮廓,带来令人印象深刻的场景规模,并通过去创造深度,消除场景隔离的印象。可以强调深度的效果是空气透视(也称为色调透视或者大气折射),避免使用强烈的颜色,锐利的线条和大量的细节。

8.jpg
背景层

9.jpg
背景中很少的山脉–狂怒

点景物

带有活跃元素的可选层,例如人或动物。通常用作场景转移,比例参照,或者引导视线的元素。注意人物的姿势或脸部朝向,它是一个吸人眼球的对象,其地位堪比主导元素。你可以通过使用它展示人物的视线来引导观察者的观察之处。观察者将注意到人物的面部朝向,并且会检查他在看什么。

10.jpg
Alyx面临即将发生的事情。她将帮助确定场景的比例,她的视线吸引了人们对地平线上的事物的关注。–半条命2

观察参数

让我们从观察者(观察点或区域)开始,观察者将从那里观察构图。在添加观察位置之前,请考虑玩家将在什么垂直和水平角度下接近构图处,以及玩家将能够到达多少观察点。

视角

这个角度定义了玩家如何观察主导元素。你可以通过更改主导元素的大小,高度或位置来更改视角以获得更大的影响。

  • 低角度 –俯视时为优势,图像可以显示深度和透视。这个角度使玩家在组成图层上有很好的可视性。你可以利用它作为玩家的优势,计划玩家自己的战术或者是探索路线。
  • 平角 –从地面看时为主导元素,场面平淡而又乏味。主要用于强支配性和高构图角度。你可以通过平滑地降低玩家和主导元素之间的地形高度来伪造视角和深度。
  • 高角度 –主导元素是从底部看到的,并且实际上主导着整个构图。与占主导地位的人相比,它给人的印象是渺小的。


11.jpg
低角度

12.jpg
平角度

13.jpg
高角度

“'红色方块”'-占主导地位;“'绿色立方体''” –观察员;“'白色圆锥体''” –观察者的视线;“'灰色平面''–地形

构图角度

观察者看到构图图层的角度。通过更改此角度,你可以调整场景的视角和深度

  • 正面角度 –当构图图层距离观察者较远时(例如,水平线上的山丘直达视线),此角度的效果极佳。当各图层不同时,它会绘制一个很好的深度。由于几乎看不到透视图,因此靠近观察者的构图可能变得平淡和单调。
  • 半正面角度 –透视图开始可见的角度,大的角度可用于狭窄的空间。
  • 半侧面角度 –透视图发挥最佳效果的角度。最常用的角度。
  • 侧面角度 –这个角度完美地展示了图案随着距离的变化。然而,如果没有一个强大的主导和模式,这种类型的构成角度可能是单调的。


14.jpg
正面角度

15.jpg
半正面角度

16.jpg
半侧面角度

17.jpg
侧面角度

“'红色方块”'-占据主导地位;“'绿色方块''” –观察员;“'白色圆锥体''” –观察者的视线;“'灰色平面''–地形

观察点

当观察者无法移动并且正在观看我们要向他展示的构图元素时,我们创建构图就非常简单;当观察者可以自由穿越场景时,就变得越来越复杂。可以从任意的角度和位置,去观看视频游戏中的构图。你必须确保玩家能够从你安排的位置去看构图处。

要引导玩家,你可以使用阻塞点或漏斗(具体见如何在游戏设计中引导玩家?剖析2D射击游戏设计中的压缩和漏斗理论)的设计方法。两者都是类似走廊的空间类型,这些区域实际上没有什么特殊事件发生。通过无趣的漏斗,我们可以确保玩家不会专注于游戏事件或细节。在这样的空间中,玩家将沿着路径寻找有趣的东西。如果你在这样的走廊上抓住了玩家,则可以顺畅地改变其角度以将玩家引导到构图中的的主导元素。此方法完美适用于线性关卡,你可以设计构图的框架,并确保玩家可以按照你的意愿看到你的构图。玩家看到构图所站立的位置被称为观察点。

18.jpg
漏斗区域和观察点

19.jpg
屏幕纪念碑和背景中的摩天大楼–半条命2

“'红色方块”'-占据主导地位;“'绿色圆圈''” –观察点;“'绿色立方体''” –观察员;“'白色圆锥体''” –观察者的视线;“'灰色平面''–地形

让我们看一下上面的截图。屏幕和背景中的塔楼与屋顶的线条和城市广场的形状完美契合。当玩家离开火车站(在后面)时,这种构图看起来是最好的。将玩家引导通过漏斗区域,借此获得了一个完美的观察角度,漏斗是车站唯一的出口。

半线性关卡上,我们需要担心的是多个观测点。该构图应以在每个观察点都具有吸引力的方式构建

20.png

21.png

22.png
《毁灭战士3 BFG》中的作品:邪恶的复活

在《 Doom 3 BFG:邪恶的复活》中,你可以看到设计师如何精心构图。这种优势可作为导航助手,并且在各个方面看起来都不错。

在开放世界关卡时,观察点非常大,因此检查玩家可观察构图的所有角度时非常费力。构图可以看起来很完美,但是当以不同角度观看时,它可以很快将其变成混乱。当你不知道玩家来自哪里时,很难使用小的组成元素。即使这样,也可以将主要的构图规则应用于突出的主导元素上,例如占主导元素的不对称和平衡。你总可以选择一些主要的路径,并构建一个从主要路径上挑选观察点看起来可行的构图。

23.jpg
漏斗和三个观察点

24.jpg
开放世界游戏中的村庄构图–天际

“'红色方块”'-占据主导地位;“'绿色圆圈''” –观察点;“'绿色立方体''” –观察员;“'白色圆锥体''” –观察者的视线;“'灰色平面'–地形

组成元素的定位

  • 定位


主导元素的位置可以极大地改变构图的反馈。这就是为什么遵循一些基本规则以确保我们将实现想要的效果非常重要。绘画或摄影对应如何构图有一套规则。你可以选择黄金分割比例或矩形规则拉巴特作为辅助。

  • 静态(对称)构图 –主导元素被放置在画面的中间。组成物体似乎是人工合成,较为清晰。当你想突出显示图案或建筑结构时使用这种方法。


25.jpg
主导元素位置的对称

26.jpg
城镇广场上的纪念碑–对称构图–生化奇兵:无限

“'红色方块”'-占主导地位;“'黄色方块''” –组成元素;“'灰色平面''–地形

  • 动态(不对称)构图 –占主导元素地位的是画面中间。由定位规则决定位置。组成物体给人的感觉是自然形成而又凌乱的。使用它来模拟自然场景。确保在屏幕的主屏幕和边缘之间留有空白。


27.jpg
主导元素位置的不对称

28.jpg
不对称的构图,通往城堡的道路–耻辱

“'红色方块”'-占主导地位;“'黄色方块''” –组成元素;“'灰色平面''–地形

  • 平衡


组成元素的位置由平衡性决定。也就是,组成物体中每个对象的吸引力,更具吸引力的物体将引起观察者的注意。太吸引人或视觉比重太重的物体会产生场景简单无趣聊的感觉。为了平衡场景,你需要确定每个对象的视觉比重是多少。我的意思不是物理上质量,而是颜色的亮度,强度,大小和细节。视觉比重是我们所有人都能够感受到的东西,但并不是每个人都可以意识到。比较相关元素的参数,你将能够分辨出哪些物体更轻,哪些更重。

  • 视觉比重重 –大规模,精细的,深色,强烈的色彩,强烈的对比度。
  • 视觉比重轻 –小规模,鲜明的外观,浅色,柔和的色彩,轻微的对比度。


划出一条垂直线,将你的构图分为两部分。定义组成元素的视觉比重。占主导地位的应该获得最高的权重,较小且褪色的元素应当获得最低的权重。这意味着,主导元素的视觉比重必须与组合物体另一侧的一些低比重的元素相等。围绕构图的边框移动对象以获得所需的平衡,你可能希望两边的视觉权重相等,或者通过将权重移近或移远来获得更具攻击性的构图。

29.jpg
非常不对称的构图,你可以看到平衡戏剧性地转向框架的右侧。

30.jpg
不对称但是平衡的构图。请注意,双方是不同的,但视觉平衡是相等的。

31.jpg
对称元素均衡组合的定位和对称的主导元素。

“'红色方块”'-占主导地位;“'黄色方块''” –组成元素;“'灰色平面''–地形


引人注目的

有时,你需要确保你的构图的主导元素将获得应有的关注。你可以使用一些其他技巧来吸引玩家的注意。

  • 细节


细节密度的方法是基于丰富细节的空间与少量细节空间的对比。细节丰富的地方将得到玩家的关注,因为有东西想要看。从细节上讲,你可以考虑使用更多对象或更丰富的纹理。你还可以使用符号,文字,海报,涂鸦,绘画和图案吸引玩家的注意力。

32.jpg
男人的轮廓,细节的密度和用于吸引玩家的文字–生化奇兵:无限

33.jpg
失踪者的肖像吸引了玩家去了解他所探索的地方的故事–生化奇兵2

34.jpg
文字横幅用于告知玩家他可以探索的地方–狂怒

  • 线条


通过设置组成元素在特定方向的绘制线条,我们就能轻松引导玩家的眼球。我们称这种线条为引导线。你需要突出那些线条并设置它们的方向。即使玩家位置或摄像机角度发生很小的变化,也可以极大地改变场景所反馈的效果。构图中有两种类型的线:

  • 实际的线条 –由边缘和组成元素所绘制的可见线条。
  • 虚拟的线条 –并非明显地在构图上绘制,而是由构图元素构成,这些构图元素绘制了人员视线之类的方向,这些界限是在我们的想象中绘制出的。你可以使用它来丰富你的构图并突出元素。


线条的方向应该在场景中与主导元素一致,平静而柔和地流动,个人一种和谐感。通常,构图元素被设置为绘制一条引向主导元素的线,但有些开放式构图中的线条也会在不显示主导元素的情况下柔和地引出场景。这些线主要位于背景或前景图层中。硬朗的线条和边缘是为主导元素或其他重要的构成元素所保留的。

  • 水平线 –用来展现场景的广度和深度。静止的,牢固的、平静的,极度适用于地平线。你可以使用它来创造令人印象深刻,广阔而单调乏味的场景。避免在前景和兴趣中心层上使用过多水平线。即使你正在设计停车场,也需要汽车和其他物体来打破停车场的水平线。


35.jpg
水平的海岸线使场景感到平静–亲爱的艾丝特

  • 垂直线 –用于突出构图的高度和强度,以此创造庞大庄严的场景。你可以把它用在那些必须给玩家留下深刻印象的物体上。


36.jpg
烟囱和黄色建筑边缘绘制的垂直线支撑着摩天大楼的主导线——半条命2

  • 曲线 -我喜欢使用景观建筑中的“美丽的线条”一词来形容。这是一个弯曲的“S”形蛇纹石,流畅地贯穿整个构图,它使构图感到柔软和自然。


37.jpg
岩石画出的曲线和波浪形的路径线-狂野西部:生死同盟

  • 成角线 -成角线将给人一种动态和活跃的场景印象。


38.jpg
内部坍塌的隧道–辐射:新维加斯

  • 色彩


你可以使用对比度和色彩饱和度吸引玩家的眼球,颜色是与玩家交流的最重要方法之一,这种交流称为视觉语言。选择强烈的色彩或进行强烈的对比会严重影响你的构图或是关卡的导航。确保选择适合你的调色板的颜色,并且该颜色不会与游戏的视觉语言发生冲突。有时,为了吸引玩家的注意,你需要选择一种与游戏调色板有些不同的颜色。

39.jpg
谷仓的颜色与其他成分完全不同。但这种颜色还是很饱和,很适合场景– Alan Wake

40.jpg
密集的橙色走道楼梯,用于引导玩家–镜之边缘

  • 灯光


光照和阴影表面之间的对比度增强了场景的气氛和深度。没有对比度的构图将被认为是平淡而乏味的。你可以通过对对象的前部或其轮廓进行照明,通过光照的对比度来强调某些构图元素,以使对象的周围具有发光效果。最重要的对象应光线充足,构图的其余元素应被强度较小的阴影或灯光覆盖。这一点不可逆,因为玩家通常不习惯在非常暗的地方寻找有趣的东西。确保在光的强度,颜色和方向上存在明显的差异。你用来突出显示对象的灯光应遵循美术、调色板和场景照明的规则。

41.jpg
强光用于显示美丽的地平线并强调深度–狂怒

42.jpg
用于引导玩家穿过走廊的颜色和灯光–《使命召唤:黑色行动2》

43.jpg
用来强调构图的轮廓。蓝光被用来使雕像可读–生化奇兵:无限

  • 比例


较大的构图元素将比场景的其他部分得到更多的关注。大小相同的物体会给人留下一种混乱的单调感。你可以更改每个物体的比例,以使较大的对象吸引玩家的视线。那可能是山顶或摩天大楼顶部的大型雷达天线,这样的物体总是会从风景中脱颖而出。你也可以反过来使用该规则,构图中最重要的对象可以是最小的,但这有点冒险。一般而言,占据更大屏幕空间的大型元素更能吸引眼球。

44.jpg
引起玩家注意的巨型建筑–孤岛危机3

45.jpg
烟囱吸引了玩家的注意,电线杆将玩家引向了城市–辐射3

  • 运动


你可以通过在作品中添加移动元素来增强主导元素。可以是旗帜,烟,火,鸟或步行的人。

46.jpg
吸烟蒸汽火车是组成中唯一的移动元素– 狙击手精英2

  • 提示


  • 保持每一图层的组合方式一致。
  • 你可以将前景图层与其他图层(道路,对象放置)混合。
  • 给玩家几秒钟的时间来注意,分析和理解构图。
  • 如果主导元素高于观察者的视线,则可以建造陡峭的台阶。在倾斜的地形上,玩家会自然地抬头并注意到主导元素。
  • 构图需要空间。注意狭窄的街道和建筑物。如果距离太近,将无法建立观察点。
  • 使用一个构图主题,避免一次讲多个故事。
  • 主导元素的位置应光线充足,有细节且富有色彩的。背景和前景区域应减少细节和颜色。
  • 主导元素太弱或太混乱的构图将很快失去玩家的注意力。
  • 在背景图层上按比例缩小对象,以伪造出该对象比实际距离更远的假象。
  • 一次只让玩家关注一件事。确保在战斗之后,玩家一定要喘息和欣赏风景的时间。
  • 不在观察者视野范围内的构图页没有什么不对。只要确保主导元素没有隐藏在角落或躲在物体后面即可。
  • 许多游戏使用不同的视野(FOV)角度。对于第一人称视角(FPP)游戏,FOV角度从60度到100度摆动。角度越高,你在FOV中可以看到的越多,但是对象会变小,并且场景会给人一种被拉伸的感觉。
  • 如果规划了太多的组合图层,可能会变得过于杂乱,组合元素将会变得非常混乱。
  • 将构图融入到现有的游戏中比打破游戏玩法获得一个良好的视角更容易。

参考书目
构图-视觉艺术(维基百科)
艺术原理(维基百科)
人员编制(维基百科)
矩形的袭击(维基百科)
三分法则(维基百科)
裁剪–图片(维基百科、
漂亮的线条(维基百科)

原文链接
http://level-design.org/?page_id=2274编译:Katana
译者专栏:
https://zhuanlan.zhihu.com/p/92160755

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2024-12-22 20:44

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表