从经典世界观解构入手,浅析斗破苍穹游戏中的场景设计
地编场景制作3D场景引擎地编地图编辑 669 29
实名

通过了实名认证的内容创造者

发布于 2023-11-14 09:24:02

您需要 登录 才可以下载或查看,没有账号?注册

x
《斗破苍穹》项目实例
分析完《魔戒》与《霍比特人》这两部经典大作,我们再以《斗破苍穹》为例,来梳理世界观的构成,并从中提炼出所需的设计元素和设计流程。

  • 提取关键要素:

20.PNG

《斗破苍穹》作为当下中国现代网络小说的热门IP之一,在市场上已经出现了很多衍生产品,包括 3D动画,漫画,电视剧以及PC端游戏。但《斗破苍穹》这个小说IP的难点在于,原著中对场景的刻画都较为匮乏与抽象,所以作为美术设计,我们要从那些已知的描述线索中来进行分析解构。

21.PNG

首先《斗破苍穹》是一部架空的东方玄幻题材著作。小说爱好者应该都了解这些题材的分类十分熟悉:仙侠,武侠,奇幻,魔幻,玄幻等等。玄幻作为中国网络文学的独创品类,是将东方的仙侠及武侠元素与西方的奇幻设定结合,所形成的独特题材。

在《斗破苍穹》的小说中,以斗气的提升为根本,异火的采集为线索,为我们展现了这个架空的玄幻世界观。第一,当斗者成长到一定阶段就可以“斗气化翼”,在天空飞翔,在上面的电视剧剧照中也可以看到翅膀的展现形式。第二,“异火”的存在是主角萧炎大杀四方的“外挂”之一,且作为萧族这一古老的种族传人之一,萧炎还有一门绝技:天火三玄变。


综上,在设计初期构建萧氏家族的乌坦城时,便从故事中提炼出了风和火两大元素。

风元素:来源于“斗气化翼”中的翅膀,可以衍伸为鸟类,风车,用于承载风的帆布,风筝等具象化表现。

火元素:作为图腾信仰的符号象征,可以在场景构建时加入抽象的火型纹样,以及“火”这个文字的各类变体图案。


  • 三点归纳法:
结合前面对”中土世界”系列的分析和个人在工作中的项目经验,我对解构世界观也总结出了一个方法——三点归纳法:从生活习性,性格特点以及宗教信仰三个方面来分析世界观,并归纳出所需的设计元素。

下面就针对萧族来做一个分析:

  • 生活习性:萧氏家族生活在魔兽山脉的旁边的乌坦城,地处高山密林之侧。所以在场景的地形和地势设计上,将其定位在云海之上,山巅之间。
  • 性格特点:萧家属于远古八族之一,功法以火元素为主。但是为了隐姓埋名,在经历漫长岁月后,萧氏族人的性格不似以往,变得更加隐忍和低调。这和“风”的感觉更为类似,所以在建筑设计上更倾向于圆润和平衡,用色也会更倾向于稳重的配色。
  • 宗教信仰:火焰,但是由于受到外界家的影响,在设计上会比较低调的将之融入到一些图案之中。而非特别具象和明显的表达。

在进行一个项目的美术设计时,尤其是一些现代网络的文学题材,较少有对世界观进行直观了当的详细描述,所以作为美术,在进行正式的设计流程之前,先根据手上已有的素材或原著,通过三点归纳法进行要素提炼,也不失为一个保险措施,避免在设计过程中偏离产品基调,也可以让我们的设计有章可循,有据可依。

  • 具体设计案例解析:

    (一)乌坦城
  • 建筑设计


萧家主殿:上面这一版的设计图是最初的萧家主殿,只搭建了一个大概的结构。可以看出,这个主殿本身还是缺少设计特点的,而且体量感不足。


而按照解构世界观时从中提炼出来的「风」和「火」元素,在原版的设计上进行了改进。比如将挑檐这种结构融入了像鸟类翅膀的设计,替换掉常规建筑的横平竖直结构,并在设计上增添一些具象的风元素的体现,比如风铃,帆布和风车。


在材质的选取上,以较暗的青灰色砖瓦以及古朴的木质结构来体现萧家的历史沉淀感,与较为亮色的帆布风车形成对比。而在造型上,可以看到两侧也是沿用了鸟翼的风格。其次是建筑的柱子上,添加了类似于火焰元素的图案。但从萧家为了保护陀舍古帝玉,避开魂族而日渐低调隐忍的行事风格出发,这些图案上也采取了弱对比的处理。

  • 家徽设计


左上方的萧家族徽概念图是来自于电视剧的影视概念设计,我们以此为参考,但已有的设计感觉过于细碎,所以我做了造型和细节的简化,以对称设计+火元素的设计作为刻画要点。

  • Art Deco设计风格的融入


如上图,在场景设计中加入木质结构和金属装饰的设计,实际上是对Art Deco风格理念的运用。顺带一提,时至今日,纽约还是世界上Art Deco建筑最多的城市,排名第二的则是中国魔都——上海。

右侧是乌坦城中其余建筑的一些草图,这里其实在设计时所用的是反推法,就是先设计主体(萧家主殿),或者说先设计核心的物件;并在这一过程中,将提炼过的元素和定下的设计风格融入其中,最终达到一个较高完成度的主体/核心物件设计图。然后再对主体/核心设计中的元素和物件进行拆分,推导一些次要的物件和建筑。尤其是在设计新手村和主城这些比较庞大复杂的场景时往往可以使用反推法来进行设计。


最后,在乌坦城的设计中加入了一些图腾装饰的巨大的抽象鸟型雕塑,其上也融入了很多之前我们提炼出的元素。

  • 布局设计


在布局图的设计中考虑到之前我们所提及原著中对乌坦城的描述,包括它紧邻魔兽山脉,外接云岚宗的环境。所以这里将乌坦城整体的环境定位在一个山石之间,云海之上的效果。同时原著中“斗气化翼”的设定具象化到游戏中其实就是一种轻功玩法的表现,对场景设计也提出了空间感的要求,所以设计上给出的是纵向的构成,上图就是一个俯视图视角,乌坦城下面便是云海。


再来看下区域布局的特点。

斗气台:根据原著的剧情和策划给出的需求来进行排布。首先斗气台是作为玩家出生地的功能点,所以将其设计在高处的黄色区域,给到玩家一个开阔的视野;同时为了避免大量玩家聚集的逼仄感,在布局上将其放置在位于乌坦城后方的悬空区域,通过主殿与前方的新手村活动区域做了区隔。

坊市:这个区域作为剧情发展的关键,很多新手村的任务都会在这里进行。所以设计时是将它穿插进乌坦城的整个区域中。环绕了场景中的许多功能点。

龙套家族区:在早期时,划分给加烈和奥巴这两个家族的区域其实是比较大的,但是经过考虑,觉得这两个家族只在游戏早期占有作为反派的一点戏份,所以为了节约空间和提高场景利用率,将这两个家族的聚集区单独缩放到了右侧。这样也对乌坦城的安全区和危险区做了一个左右的相对划分。


后山:原著中这一区域是萧炎和萧玉的发展剧情的关键场所,以及萧炎初期提升自身实力的关键点。考虑到玩家的行走时长,在设计上使之紧邻着乌坦城区,且可以从萧家的后门直接连通。可以说,乌坦城的场景设计上会尽量避免玩家在前往一些高频地点时需要绕路或者距离过长。

斗气阁:作为功法密藏之地,我们将其设计在了一块比较隐秘的区域,与其他功能区域通过山石和建筑物隔开。

新手广场:很多时候美术在设计场景时都会设计一个活动区域让玩家实现摆摊,社交的功能需求。所以在设计时我们将其放置在乌坦城最前方的中心区域,且在此处放置了通过云岚宗的传送点,与原著呼应。

上图为乌坦城最终的游戏画面效果

    (二)迦南学院

迦南学院是原著中主角萧炎成长的一个重要场景,从上图可以看到相关IP的漫画和电视剧中对此场景的概念设计与描述。漫画的设计中整体都是西式风格, 学院氛围给了比较舒服的兰青色调,而焚天练气塔则给出了炙热的红色。同样的电视剧中的概念也是如此。在游戏中,迦南学院本身在是作为主城功能的规划,而主城需要给玩家们提供一种安全感。


所以作为一个至关重要的交互场景,我们在设计时需要规避给到玩家火焰等红色调的炽烈感受。但是焚天炼气塔本身,是带有火元素的概念在其中的,所以在设计时需要进行综合考量。在这里,最终还是是参考了漫画中的设定,以青绿色为主色调,带来玩家亲和感。同时考虑到焚天炼气塔中藏匿着的异火陨落心炎,在建筑内设计加入了火焰元素。由此我绘制了一张概念草图,位于密林之中的学院,核心建筑焚天炼器塔位于其中心位置,然同时以两层环形结构来体现原著中的内外院设定。

  • 焚天练气塔:


上面的这两张图其实是代表了前期策划给到的一个设计方向,因为在原著中对场景的描述都是很模糊的,所以就是一千个哈姆莱特的难题。而仅从字面上来推敲,我们可以提炼出来的显然是古塔这个关键词。但是《斗破苍穹》作为一个玄幻IP,我个人倾向于规避传统的设计,像上图显示是比较适合存在于武侠类题材的古朴感觉。


因此,在做焚天练气塔的概念设计时(如上图所示),我在造型上做了改动,突出由上至下的节奏变化,使玩家在在场景中对塔的剪影造型能够形成一个清晰的认知。

颜色上与大环境的定位保持一致,亲和力较高的青色辅以红色金色来体现层次感,包括加入火焰等图纹作为搭配。再来,为了与传统的古塔造型作区分,将塔的造型与丹炉和类似于熔炉的元素做结合,所以整个焚天练气塔的造型有点像是巨型炼丹炉的感觉。另外在一些结构细节的设计中加入倾向于工业感的管道,齿轮,烟囱等元素,包括一些金属网状结构。


最后是基于功能性所做的设计。在小说中提到过,焚天练气塔的功能是迦南学院试炼学员所用的,一个爬塔的玩法,而且这个塔的走向是要求向下的。所以在基于原著描述的基础上,对塔的上下结构都做了分层,打破了上下层的顶底结构,然后通过陨落心炎的火焰赋予焚天练气塔一种贯穿天地的视觉效果。


方才说到,由于迦南学院的定位是主城,所以在场景整体的颜色定位上选择了青色为主,能令人产生安全感的色调。但是在焚天练气塔的内部,如这张概念图所示,则是保留了火焰的属性特征,包括中心的熔炉以及炽烈的内部环境。

  • 功能建筑


对于迦南学院中,包括宿舍,教室,炼丹房等功能建筑的设计,这里采用的依然是先前提到的反推法。在设计出大的剪影结构基础上,通过复用拆分的方式,对于各个建筑给出倾向于功能性的结构变化。其实这些建筑的中心结构是相似的,我们所做的是就是拆分出来顶部的这些部件,重新做排布来形成造型各异的功能建筑,最后在进行细节优化。

上图为迦南学院最终的概念图展示

结语
作为一名游戏美术设计师,我们要做的是将一个虚拟的世界观真实的呈现给玩家们。而这从来都不是随心所欲的勾画,在接手每一个故事之后,我们都需要对世界观进行分析和解构,对其中的设计元素进行提炼,在兼具美感的同时还要考虑到设计的功能性和代入感。这个过程可能需要我们与策划,运营等进行跨部门的沟通和协作。最终力求为玩家们展现出他们心目中最美好的,能让他们眼前一亮的游戏世界。


评价

6666666666  发表于 2021-6-1 10:33
灰常不错,nice,讲解详细  发表于 2021-1-15 09:49
666666666666666666666666666666666666666666666  发表于 2020-4-15 10:56

评分

参与人数 5元素币 +35 活跃度 +29 展开 理由
leemua + 3 + 3 楼主终于出手了
asx24 + 7 + 5 想要成大触,天天上元素。
drogscool + 10 + 1 感谢
CHRISHAO + 3 + 10 很不错
源支始 + 12 + 10

查看全部评分

天将雨 夜三思
使用道具 <
刷权重  发表于 2019-12-26 14:07:24  
2#
66666666666666666666
回复 收起回复
使用道具
呼噜娃  发表于 2019-12-26 14:21:41  
3#
视觉疲劳了
回复 收起回复
使用道具
坤灵  发表于 2020-1-7 17:09:04  
4#
我们先定一个能达到的小目标,先赚它一亿元素币
回复 收起回复
使用道具
小元元  发表于 2020-3-18 14:17:52  
5#

资源哪里好,肯定元素找
回复 收起回复
使用道具
hui007  发表于 2020-5-9 15:34:46  
6#


资源哪里好,肯定元素找
回复 收起回复
使用道具
zynhlqs  发表于 2020-5-20 14:45:49  
7#
66666666
回复 收起回复
使用道具
白色七星嫖  发表于 2020-5-23 23:30:25  
8#
设计挺好的 , 就是游戏最终品质
回复 收起回复
使用道具
壮士~等等我~  发表于 2020-7-14 09:08:54  
9#
千点万点,不如元素指点!
回复 收起回复
使用道具
qq_心若在_vgZ  发表于 2020-7-21 21:10:08  
10#
你们都好厉害哦  这么多怎么做出来的
回复 收起回复
使用道具
qq_不愧是我_hsQ  发表于 2020-8-3 12:08:34  
11#
1111111111111111
回复 收起回复
使用道具
qq_时间_KKL  发表于 2020-8-5 20:51:18  
12#
大神,学习了
回复 收起回复
使用道具
Rottenorange  发表于 2020-12-2 18:09:33  
13#
分析的不错,学习了
回复 收起回复
使用道具
boo10620  发表于 2021-4-4 19:22:07  
14#
原画很棒,模型拉胯了,次世代模型效果就不一样了
回复 收起回复
使用道具
ff1983105  发表于 2021-4-14 17:21:15  
15#
嘿,思路有了,学习了
回复 收起回复
使用道具
UPyou  发表于 2021-4-22 10:15:02  
16#
可以可以  太棒了  思路讲解的细致到位
回复 收起回复
使用道具
爱乐  发表于 2021-5-11 16:28:42  
17#
6666
回复 收起回复
使用道具
影子dk  发表于 2021-5-21 13:01:05  
18#
谢谢大佬分享
回复 收起回复
使用道具
Ruby。  发表于 2021-5-21 13:23:45  
19#
谢谢大佬分享
回复 收起回复
使用道具
qq_殇璃_et9  发表于 2021-5-31 11:11:14  
20#
分析的好好哦,有这种拆分下,对于建模师就能很好的get到点就不至于做得一脸懵逼
回复 收起回复
使用道具
12下一页
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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