像素画游戏角色立绘教程

打开网易新闻 查看精彩图片

文本概览:全文约 1,314 字,阅读约 4 分钟。

DomeDev 在《One Thousand Acts of Decency》开发日志里拆解了视觉小说立绘的完整流程:先定姿势性格,再分层画线稿、填色、打光。下面按他的步骤走一遍,方便你给自己的 AVG 角色做一套可复用的立绘。

姿势要读出性格

立绘在屏幕上停留时间极长,Neutral、受击、指人等几种基础姿势之外,每个角色的站姿、手势应和性格一致。

Mateo 的姿势整体偏收:不太关心对话以外的事,站姿也冷、也疏。

打开网易新闻 查看精彩图片

Mateo 立绘组:姿势克制、肢体放松。

Shallot 则相反,情绪外放,动作幅度大,线条也更夸张。

打开网易新闻 查看精彩图片

Shallot 立绘组:表情与手势都更戏剧化。

定姿势时可以对着镜子试几个动作,看肩、肘、头的角度是否传达你要的气质。也可以从海报、电影帧、其他视觉小说里借骨架,再换成自己的角色造型。

打开网易新闻 查看精彩图片

参考姿势 A:原图与改后立绘对照。

打开网易新闻 查看精彩图片

参考姿势 A:完成版立绘。

Jerry 是殡葬业者,作者借用了 1890 年 Etteilla 塔罗“Death”牌的构图:骨架还在,细节换成自己的角色设计。

打开网易新闻 查看精彩图片

塔罗 Death 牌参考。

打开网易新闻 查看精彩图片

Jerry 立绘成品。

腿部长度的“小作弊”

双脚分开站时,人看起来会略高一点。作者让角色分腿站时腿画长一点、并腿时略短,这样头部在画面里的垂直位置大致稳定,换姿势时对话框位置不用来回调。

打开网易新闻 查看精彩图片

分腿与并腿两种站姿对比。

打开网易新闻 查看精彩图片

头部高度在两种站姿下大致对齐。

分层绘制流程

线稿、固有色、光影、布料纹理分图层存放,改配色或试阴影时不至于整张重画。第一个角色定稿后,后续立绘通常沿用同一套图层结构和色板。

打开网易新闻 查看精彩图片

多图层结构示意:线稿、填色、光影分开。

1. 蓝色粗草图

新建草图图层,用蓝色、较粗的线条勾比例和姿势。目标不是一次画准最终轮廓,而是把构图、动态、大体解剖定下来,给下一步描线足够信息。

2. 黑色线稿

草图透明度降到约 30%,在上层用黑色描闭合线稿。描线过程中若发现动态不对,回到草图改,别硬顶着错误的骨架填色。

3. 填色

把该角色已有的一帧未打光版本贴进来,用吸管取色,保证全角色色相一致。线稿闭合良好时,油漆桶即可快速铺色;衣服有花纹就单独一层画完再合并。

4. 阴影与高光

阴影层:正片叠底,偏粉的环境色。高光层:划分(Divide)混合模式,偏绿。画完后删掉落在填色区域外的溢色,避免导出时脏边。

5. 收尾

鼻尖、眼睛、金属饰品等最亮处点少量纯白。布料纹理单独一层、正片叠底、5%~10% 不透明度,和皮肤/毛发的质感拉开。

完整示范:Nargis 立绘

下面是一帧 Nargis 立绘从起稿到成品的加速过程(原流程约一小时)。姿势灵感来自塔罗“The Empress”,从坐姿参考里抽出站立动态。

打开网易新闻 查看精彩图片

Nargis 绘制过程录屏/GIF。

打开网易新闻 查看精彩图片

Nargis 立绘完成稿。

姿势参考可以借,但要改透

下面三组是作者藏在立绘里的致敬来源,说明“借姿势”时保留构图骨架、替换角色造型即可成立。

打开网易新闻 查看精彩图片

Uncle Sam 式指人立绘。

打开网易新闻 查看精彩图片

对应美国陆军征兵海报。

打开网易新闻 查看精彩图片

Earthbound 早期 Boss Frank 战斗精灵。

打开网易新闻 查看精彩图片

作者据此改制的持刀立绘。

打开网易新闻 查看精彩图片

Trainwreck 中 Jude 的姿势参考。

打开网易新闻 查看精彩图片

作者游戏中的对应立绘。

参考资料

Devlog #15 - Creating Sprites: https://domedev.itch.io/one-thousand-acts-of-decency/devlog/1575413/devlog-15-creating-sprites