※ [本文转录自 C_Chat 看板 #1XHgJ9Sg ]
作者: dogluckyno1 (lucky) 看板: C_Chat
标题: [闲聊] OPUS：龙脉常歌 游戏美术开发－角色设计
时间: Sun Sep 19 10:47:31 2021
原文标题：《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
|制作人：觉得应该要是黑长直
|ＭＥ：这是你个人喜好吧？
|制作人：不是
|ＭＥ：…好ㄛ
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
寻找灵感中，配合叙述，这时认为蓝色、紫色比较符合形象
|制作人：欸，好像有点危险，找个背景丢进去看看
|ＭＥ：好ㄛ
进行环境模拟测试
我们将角色试着放进场景概念图，模拟跟场景结合的感觉，发现角色完全跟背景的颜色混
在一起了，不太能用低饱和的颜色。
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 美术：好像角色跳不太出来背景
|ＭＥ：好ㄛ
实际研究后，发现主要问题是：角色静止时，视线无法明确聚焦在角色身上，而我们游戏
动态不多，会让角色有点沉到背景，想到了几个解决方案：
．让人物细节的比例略高于场景，让视觉集中
．适度加入反光，让角色在颜色相近的场景也能跳出
．材质加入自发光，确保角色在黑暗的场景，也能有一定的亮度
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
最后决定的光影方向，完成！
|制作人：妳测试过了吗？
|ＭＥ：好…好ㄛ
整合测试
为了提早发现问题，这时会拿头像与其他美术素材进行整合测试，模拟使用于游戏中的情
境。
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 美术：快要没东西做了呀
|ＭＥ：好ㄛ（？？？？）
总之，这就是最后完成所有角色的样子！
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/