[闲聊] OPUS:龙脉常歌 游戏美术开发-角色设计

楼主: dogluckyno1   2021-09-19 10:47:31
原文标题:《OPUS:龙脉常歌》游戏美术开发—角色设计
原文网址:https://bit.ly/3nLNo2b
https://medium.com/@sigono/opus-%E9%BE%8D%E8%84%88%E5%B8%B8%E6%AD%8C-%E9%81%8A
%E6%88%B2%E7%BE%8E%E8%A1%93%E9%96%8B%E7%99%BC-%E8%A7%92%E8%89%B2%E8%A8%AD%E8%
A8%88-4da30d80d04c
大家好,我是鹦鹉,在 SIGONO 担任主美术。
以下是一段进行角色设计时不断踩雷与试错与挣扎的纪录,希望分享这些纪录过程,可以
作为有类似开发需求的人避雷参考,抑或是单纯的茶余饭后闲谈内容。
阅读本文,你会学到:
如何从无到有设计游戏角色,并将他整合到游戏环境中
就可以从左边,变成右边→
https://miro.medium.com/max/875/1*B3Z6cm4bpAo3pZyF2rgu9w.png
你也可以做得到(大概
好!那我们开始吧,首先是…
从思考设定开始…
开始时要跟剧本家讨论,依大纲剧本给出的角色人物性格与特点,去设计角色的特征与外
观,这阶段多半是找参考图而已,不会真正去实作。
https://miro.medium.com/max/725/1*3z0ZRPbiP4bgYaQzf7UsCw.png
早期的人物设计文件
因为主轴是东方+科幻,主要参考图的找寻着重在东方服装,东方装饰,与现代的剪裁、
科幻元素,cyberpunk 这几个方向。
https://miro.medium.com/max/875/1*pSqCbJLXKpWjY8bDLPUTEg.png
开始设计角色的剪影
依据研究的资料发想,因为人类视觉上第一时间认知到的是角色的轮廓,因此先依据东方
感,科幻感绘制剪影,找出灵感。
https://miro.medium.com/max/875/1*ICIT5YIxikYDGDSqHiLwRQ.png
艾妲初期第一个版本,人物体态剪影的差异较少,没有找出什么可能性
https://miro.medium.com/max/875/1*L5scQGF50Q6W_6YMvHlDkA.png
制作艾妲第二版,这时已经让剪影彼此差距很大,顺利找出几个设计方向
细化角色外观
有了候选的剪影后,就可以开始绘制角色正式的服装了,此时收到的需求是希望有科幻感
,并强调女主角的独立性,毕竟是驾驶太空船的旅行家。
https://miro.medium.com/max/875/1*fxJYcebnghgi5qru-tdsIA.png
|制作人:觉得应该要是黑长直
|ME:这是你个人喜好吧?
|制作人:不是
|ME:…好ㄛ
https://miro.medium.com/max/875/1*zFo5u6cd10sp1EcI6VFw7w.png
于是挑了几个造型直接转长发,因为女主角的个性是属于内心话不说的类型,觉得长发比
较适合
https://miro.medium.com/max/400/1*kBcnEUxlkBtpPMkdyZfVsA.jpeg
后来大致定好的外观版本,因为设计的更动,女主不太需要跟东方感有太强烈的关联,因
此放弃了一些飘逸的长摆设计,聚焦在冒险、轻便,独立的女性感受
找出最适合角色的主色调
开始进行角色配色,由于角色的个性是独立,渴望被需要,内心自卑,我们认为好像不能
用太亮的颜色,挑了些低饱和的颜色测试
https://miro.medium.com/max/875/1*6-2JQI1_7kt9udDBQ8ZD7w.png
寻找灵感中,配合叙述,这时认为蓝色、紫色比较符合形象
|制作人:欸,好像有点危险,找个背景丢进去看看
|ME:好ㄛ
进行环境模拟测试
我们将角色试着放进场景概念图,模拟跟场景结合的感觉,发现角色完全跟背景的颜色混
在一起了,不太能用低饱和的颜色。
https://miro.medium.com/max/875/1*3tr6golEreuIqyThDITGJQ.png
角色在场景中几乎看不太到…
https://miro.medium.com/max/875/1*VbF-MrqqjcDefAgGXx6WCQ.png
试着用鲜艳的颜色让她显眼,但跟角色个性不太合
https://miro.medium.com/max/729/1*urTA0QDJrjO1jkQTYi_7XQ.png
最后选择了明亮,但实际上灰蓝色的艾妲
https://miro.medium.com/max/670/1*qdhA0IWNgNi1fX7zBT279Q.png
灰蓝色的艾妲,感觉比较叛逆,内心多了一点秘密的感觉,在场景中也有一定的辨识度
以上,主要角色确定后,就开始设计其他角色…
设计不同文化的角色
故事主要发生的舞台在群山,是一个多样文化融合的地区,来自各方的旅人在此交汇,为
了能在角色登场时,就让人一眼看出他所来自的地区势力,在这阶段依设定先为各势力订
个大致的外观基调。
https://miro.medium.com/max/875/1*AnAczt_9BO3AaXOgXvWJLQ.jpeg
群山:复杂的口袋与低饱和的色彩,较零碎的外观,种族(?)更多元
https://miro.medium.com/max/875/1*aIhTOpgMUmPXnZVS5HIFnQ.jpeg
矿联:深蓝,方形直角,几何的外观
https://miro.medium.com/max/875/1*SuoGKWp8YGW4Z4AJMZfc8A.jpeg
瀛海:红、白、黑为主基调,带东方感的剪裁服装与亚裔外观
https://miro.medium.com/max/875/1*GjK1Kwii94zxCreXNVAvLQ.png
男主角则是瀛海的逃亡者,需要有点瀛海的特性,以及隐密的特性
https://miro.medium.com/max/875/1*Bmr-pjzzQpmQQpWLapv71g.png
太空船红楼的制服,同时跟巫塔的女巫衣服类似,但却有点叛逆的剪裁,去传达背离巫塔
的概念
试着用角色身高表统整
经过几轮测试定调各方人物后,为了确保不同人都有各自特色,最后是整理成一张所有角
色的外观身高表,这样有几个好处:
.提供明确的尺规
.去检查当角色们站在一起时,彼此的特色够不够明显
https://miro.medium.com/max/875/1*BShrN1sX-3mTHWnaxu280A.png
身高表第一版
https://miro.medium.com/max/875/1*vHsSmGQyXykRhmstcZHA0w.png
依据身高丢到场景测试看看,发现排排站看不太出来体型的差异
https://miro.medium.com/max/875/1*6s3uPjWP3YlJAw6ONrTS-A.png
改良后的身高表
https://miro.medium.com/max/875/1*jHJFhm4MrV3HF9AI-MjzhQ.png
喔喔,这样清楚多了!
到这阶段后,2D 角色已经发展得差不多了,剩下就是要正式的跟场景合成。
开始前,你得有一位 3D 模型师帮忙…
系统讯息:你得到了 3D 的角色
https://miro.medium.com/max/875/1*OFLRmUgdyoCMUiQEN2MjgQ.png
这边就不多说了,做好设计的诀窍,是常去跟 3D 喝咖啡
接下来就是将角色放到环境中…
系统讯息:你得到了 3D 场景
https://miro.medium.com/max/875/1*U6vHgPtoxUUPBtg90gvcMA.png
hmmmm…
|制作人:嗯…好像哪里怪怪 der
|3D 美术:好像角色跳不太出来背景
|ME:好ㄛ
实际研究后,发现主要问题是:角色静止时,视线无法明确聚焦在角色身上,而我们游戏
动态不多,会让角色有点沉到背景,想到了几个解决方案:
.让人物细节的比例略高于场景,让视觉集中
.适度加入反光,让角色在颜色相近的场景也能跳出
.材质加入自发光,确保角色在黑暗的场景,也能有一定的亮度
https://miro.medium.com/max/875/1*4UYdsTj8ZLFuD3JtyusrVg.png
提高人物的细节,让他更容易在画面中被凸显出来
https://miro.medium.com/max/875/1*_oCGCXWt9MCVD8xtd3HOPQ.png
除此之外,角色实际在游戏中也可能因为环境与灯光的影响而造成便是困难
https://miro.medium.com/max/875/1*KJzRzjNnBU7m8AO1MFFUTg.png
我们利用 Shader 帮角色增加了背光,并稍微增加了一些自发光的效果
完成,我们稍微看一下他动起来时,以前跟现在的差别
https://miro.medium.com/max/875/1*ZgPCeh6k2NACkOpoJuC4QQ.gif
铛铛,MAGIC!!
以上虽然轻描淡写,但实际流程约一年半(吐血),接下来会跟大家介绍角色设计中的另
一大重点,就是角色表情的整合过程。
|让我们进入下一阶段,人物头像整合
绘制初版头像
开发初期时,最早要找出色块的分配方法,切出轮廓,定义弧线画法、阴影颜色面积等。
https://miro.medium.com/max/875/1*_XeosxsiNJarOqb5Nla2RA.png
这阶段看起来特别 creepy 不知道为什么
https://miro.medium.com/max/375/1*PYGSSu74WXU0WYQA7Yi1uQ.png
最后决定的光影方向,完成!
|制作人:妳测试过了吗?
|ME:好…好ㄛ
整合测试
为了提早发现问题,这时会拿头像与其他美术素材进行整合测试,模拟使用于游戏中的情
境。
https://miro.medium.com/max/875/1*XB8NtK07Mo9lfmU-iiTffA.png
早期开发画面:此时发现角色没有反光的话,无法从对话跳出,又做了些整理
https://miro.medium.com/max/596/1*3HofpXZwaxRpdotb8PX9Kw.png
早期开发画面:加入高对比的背光,让它可以从任何环境中跳出来
https://miro.medium.com/max/875/1*g4nEM0EKMhx55A2aowBP2A.png
早期开发画面:除确保与其他美术素材风格统一外,放进演出画面与游戏场景出现时无违

最后定案的版本
根据测试结果调正角色的神韵、用色、反光
https://miro.medium.com/max/640/1*ZqvFfAddPrRx1De_-eTbMQ.png
头像量产
风格确认后进行量产
https://miro.medium.com/max/875/1*C3aTdKEaSMXLGkKNDNsoFg.png
几个出场比较多的角色们
制作不同表情
表情制作不是分成一次做完,而是先做好喜怒哀乐,丢到游戏中游玩;再依序扩大制作量
,慢慢填满现在的世界
https://miro.medium.com/max/875/1*a527-35lFOPGM_qOKUe83g.png
第一批绘制的表情:牙签人四个表情
https://miro.medium.com/max/875/1*ovAt65YeVIgAsxd4fHDHYA.png
第二批绘制的表情:有角色外观的四个表情
https://miro.medium.com/max/875/1*MZ8T_QKrM6Z1yp2_h0Zkow.png
第三批绘制的表情:随实作慢慢增加,而不是想到什么做什么
https://miro.medium.com/max/875/1*A8oLTX_o2OogYCwSu4VP2A.png
画完感到意识模糊的我(咳血)
人物模型加入表情
表情确定后,就是建立角色的表情对应图,让角色不会脸白白的很可怕,因对应块面风格
,先采用简化风的五官
https://miro.medium.com/max/875/1*RUoVh-P7sQhzNZMKAcIvpA.png
开发前期,其实角色是没有五官的
https://miro.medium.com/max/875/1*1B6iRw-dUtNWzTv2Xs6AYQ.png
期间也有尝试过比较简约的五官风格,但验证后发现表情的辨识度以及情绪比较难以传达
这段其实是在游戏几乎完成时才做的,因为此时已经不会新增表情,我们简单统计一下各
种表情被使用的数量,每个角色挑出几个重点制作
https://miro.medium.com/max/875/1*4Fm8WKvlg7npOS0Vc_gLhQ.png
只选出最频繁使用的几种进行制作
https://miro.medium.com/max/875/1*3Lv_lGS2TYJk-MjwHU3BoA.png
3D 角色的表情可以直接与对话框的头像连动,及时作业出变化
https://miro.medium.com/max/875/1*TlQv5LYYr16YNL0OoIG1dw.gif
|此时约是专案尾声
|制作人:嗯…我说你们是不是做太细惹啊
|3D 美术:快要没东西做了呀
|ME:好ㄛ(????)
总之,这就是最后完成所有角色的样子!
https://miro.medium.com/max/1400/1*JqlgVH6-DYFoJE8y3aBdfw.png
看看这个帅气的站姿
https://miro.medium.com/max/1400/1*IiG4fZyE1_4_ix9XNO9UMQ.png
看看他们的奔跑
https://miro.medium.com/max/1400/1*Jb4dgUsBUU2xy8I6hlBJ1A.png
看看他们的 bug(?
https://miro.medium.com/max/1400/1*Gej2rA_h1aHK3B53ozzf-w.png
看看大家都活着,真好真好
\完成/
谢谢大家的观赏,其实过程会发现,不论在 2D 角色发想,还是跟 3D 整合的阶段,原则
都是一样,大致有两点:
.切分工作阶段,一步一步往前堆叠
.建立可测试的流程,提早发现问题
这样就不用等到所有东西都完成后,才发现基础的设计未完成,那时打掉就很痛了。希望
阅读完这段充满泪与挣扎的纪录,可以让大家之后角色设计的过程快乐一点。
我是鹦鹉,OPUS 龙脉常歌的主美,还画过几本漫画。
有关于角色设计的种种,你还可以参考这些文章:
The Art of Journey
https://www.youtube.com/watch?v=RoHrwAacTwo&ab_channel=GDC
Overwatch: How A Hero us Mei'd
https://www.youtube.com/watch?v=lHevkQIZL2M&ab_channel=GDC
Steam Support :: Dota 2 Workshop - Character Art Guide
https://help.steampowered.com/en/faqs/view/0688-7692-4D5A-1935
关于 OPUS:龙脉常歌
一个结合太空探索与冒险解谜的叙事游戏。未知的小行星“龙脉”由于其矿藏蕴藏的巨大
能量,成为众人争夺的目标,能唱出龙脉之歌的少女——艾妲,将与立志探索龙脉的少年
一同冒险,揭露宇宙的远古神话。
如果有兴趣,欢迎看看我们的游戏
https://store.steampowered.com/app/1504500/OPUS/
作者: lianguo08108 (连古欧)   2021-09-19 11:03:00
好像满有趣的
作者: blacksugur (麻糬)   2021-09-19 11:03:00
推推
作者: alexnws   2021-09-19 11:24:00
作者: edgnin   2021-09-19 11:35:00
作者: YOnew (YOnew)   2021-09-19 12:01:00
作者: chris850210 (马鱼)   2021-09-19 13:35:00
推推
作者: HanaIro (花开物语)   2021-09-19 15:53:00
黑长直 真滴香

Links booklink

Contact Us: admin [ a t ] ucptt.com