CIGA Game Jam 2019 独立游戏《赛博朋克之城 》美术心得

大家好我就是MaxwellGeng上篇文章中的美术

很庆幸自己能遇到大家，并制作出这个案例。

工作时长加起来，大概耗时3个月？一半时间做场景，一半时间配合max调工具。作为开发者中的一员，我在中主要负责制定计划、设计场景、场景搭建、打光烘焙等。（基本上就是所有美术内容吧）具体游戏内容我就不在这继续说了，这篇文章主要想从头开始讲一下我在制作这个场景时候的思路与遇到的问题。

首先，为什么会想着做赛博朋克呢？（想蹭赛博朋克2077热度（划掉））

因为在2018年的CIGA上，我们发现现场的大屏幕因为环境或灯光问题，导致色差较重，与我自己电脑屏幕效果相差甚远。色彩变化比较微妙的画面，在大屏幕上并不能很好的展现。所以这次我们选择制作颜色变化更丰富的，赛博朋克。

既然题材已经选好，开始第一步，

找参考

由于我们没有原画与概念设计的人员，所以要自己完成这部分工作。我首要工作就是：找参考。

参考可分为两部分，一是赛博的背景故事参考，二是赛博的美术参考。

背景参考，可以说是整个流程里最轻松的部分。因为我需要做的就是去看原来知名的赛博题材作品，游戏，动画，影视等。

因此我又重温了一遍攻壳，银翼杀手，副本，阿丽塔，赛博朋克酒保，2077宣传视频等一系列赛博题材的作品。真爽。

总结了一下共通点大概有五点。

• 反乌托邦，贫富差距巨大，贫民窟狭窄拥挤、
• 贫民窟犯罪多，街道脏乱差
• 科技水平高，黑科技多
• 大型企业
• 计算机恐怖
  

然后根据每一条故事背景，再来寻找美术参考中的共通点。



参考图片主要来自于Artstation和Pinterest。

构思文档完成后，一个城市的雏形其实已经在脑海中慢慢浮现。

这个时候思维发散，思绪如泉涌，所以立刻开始下一步

设计城市与大体构成

赛博也分很多种类，有的偏废土，有的偏太空科幻。

而我考虑制作难度后，选择偏向现实一点的赛博，即房屋建筑基本和现实中差不多，在此基础上加入很多未来赛博的科技元素。

色彩构成上，还是保留“灯红酒绿”的特征，巨量的荧光灯在赛博被污染的大气雾下，照亮整个城市。整个画面主要以橙红色和“科技蓝”组成。



色轮上处于，互补色偏向一点对比色。这样可以保证赛博的高对比下，颜色更能融合。

空间构成上，我主要选择了两种元素

1.荧光条

荧光条本就是赛博城市自古以来不可分割的一部分。

荧光条的自发光，既烘焙出很好看的光照贴图，也能起到游戏引导的作用。


2.组合方块

cube模型本就是unity自带模型中自古以来不可分割的一部分。

在做城市基础模型时，本能想着用方块拉出大形，结果堆着堆着，觉得还挺不错的。

索性把方块作为元素之一。


初步搭建

搭建第一步：想象一个画面，主体是什么形状，主题有什么东西。想好后，选定一个视角，使用极少的box搭建出大形。（其实这步就是在用3d做概念设计）

在上面构思文档里我都有些，矮楼，楼距窄，建筑随意搭建，小店面，空调外机


完成后，重新调整了一下位置，选了个适合的天空球，打了几盏灯，给主楼加了点细节。后期调下色。


我还特地把阳光的形状设计在构图中，虽然最后这个点子被弃用了。（不愧是我）


至此，初步构思结束，下一步就是重新审视每个位置结构与增加细节。这就是下一个故事了。

上面说到了前期构思与初步设计，接下来讲后续制作的经过。

项目基调确定后，先大致思考了下要做的内容（按先后顺序）：

• 街道外景
• 地下酒吧
• 酒吧与外景相接的电梯
• 远景
  

然后找3d美术素材，毕竟全自己做有点不现实，下面以街道外景与远景为例。

美术素材需求列表大概有这几项：

• 墙面
• 广告牌
• 店铺及内饰
• 门窗空调
• 管道电线
• 金属板
• 楼梯
• 汽车
• 远景大楼
  

素材主要用到2个资源包：the hunter和urban town

当然资源包内都是这样的，全部要手动摆。


自己拼一拼，然后就有了前面文中所说的主楼

• 再把包内没有的模型做出来，做几种不同高度宽度形状的楼房变体
  

• 根据白模把现有楼房替换上去
  

最后就成了！





想看更多图能到我的artstation上查看，地址在最下方，我近期会传上去

下面是一些黑历史

• 曾经烘焙场景要很长时间，一直不知道为什么，后来发现有些片，由于烘焙精度太高，远看根本看不清棋盘格，以为烘焙精度很低
  

• 最初一版，在调颜色时候，电脑开了夜间模式（屏幕变暗变黄），一直到手机看到截图才发现。
• 总有一段时间会处于倦怠期，这时候会毫无灵感，反复修改，做了几天的东西删了重新再来，怀疑能力怀疑人生，想喝快乐茶。（现在就是）
• 明明用的同一个网，我的Packages Manager死活加载不出来
  

还有2个表情包




下面是我的artstation地址：

https://www.artstation.com/luteliwww.artstation.com

作者：Lute Li
专栏地址：https://zhuanlan.zhihu.com/p/73176307