游戏开发论坛

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

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

[复制链接]

1万

主题

1万

帖子

3万

积分

论坛元老

Rank: 8Rank: 8

积分
36572
发表于 2019-10-11 10:19:05 | 显示全部楼层 |阅读模式
v2-22d0998f0beefb2dcc32bb52fc5f8846_1200x500.jpg

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

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

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

首先,为什么会想着做赛博朋克呢?(想蹭赛博朋克2077热度(划掉))

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

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

找参考

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

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

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

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

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

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

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

image001.jpg

早期制作的构思文档

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

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

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

设计城市与大体构成

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

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

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

image002.jpg

image003.jpg
色轮

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

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

1.荧光条

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

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

image004.jpg

2.组合方块

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

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

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

image005.jpg

初步搭建


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

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

image006.jpg

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

image007.jpg

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

image008.jpg

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

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

项目基调确定后,先大致思考了下要做的内容(按先后顺序):

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

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

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

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

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

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

image009.jpg

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

image010.jpg
主楼


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

image011.jpg
自己做的户外楼梯


image012.jpg
初期的楼房prefab


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

image013.jpg
根据画面内容修改灯光远景等

image014.jpg
过程图

最后就成了!

image015.jpg

image016.jpg

image017.jpg

image018.jpg

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

下面是一些黑历史


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

image019.jpg
精度特别高的天花板

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

image020.jpg
突然出现的黑洞

image021.jpg
画面摇了起来

image022.jpg
突如其来的描边

image023.jpg
精度极低的车

image024.jpg
广告滚动的其实是群里表情包

image025.jpg
很多楼都是一个单片

还有2个表情包

image026.jpg


image027.jpg

下面是我的artstation地址:

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

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


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

本版积分规则

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

GMT+8, 2024-11-22 11:08

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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