像素画ISO等距大型游戏场景教程

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

文本概览:全文约 1,022 字,阅读约 3 分钟。

跟完这篇,你能按几何→上色→放主体→圆柱网格→砖纹→阴影的顺序,搭出一座带巨型飞蛾的等距像素场景。

先钉几何,圆要装进矩形

先看这张图:平台、台阶、圆柱塔、飞蛾占位,都先用等距棱线标出来。圆在等距里别徒手画——先画外接矩形,再在矩形里落椭圆。

主体位置和比例先锁死。
打开网易新闻 查看精彩图片
主体位置和比例先锁死。

环境上色,先分明暗带

给地面、台阶、塔身铺基础色。圆柱别整根一色:沿周长切几段明暗带,灯光从哪边来先定死。台阶投下的阴影可以晚一步再画。

色块立住,体积才有地方落。
打开网易新闻 查看精彩图片
色块立住,体积才有地方落。

标出飞蛾落点

巨型飞蛾是构图锚点。按等距透视把它的占地和高度标在平台上,别等场景画完再硬塞。

主体占位跟建筑同一套轴。
打开网易新闻 查看精彩图片
主体占位跟建筑同一套轴。

扁平精灵怎么塞进等距

常见做法是整只飞蛾从头像素;这里可以先拿一张正视 2D 精灵,用旋转 + 斜切(skew)压到等距占位上。

先有一张可读的 2D 剪影。
打开网易新闻 查看精彩图片
先有一张可读的 2D 剪影。
对齐预留矩形,尺寸先对上。
打开网易新闻 查看精彩图片
对齐预留矩形,尺寸先对上。

扁平件变换够用;翅缘、腹节这些有厚度的部分,还得补像素。

变换只是底座,体积靠手绘补。
打开网易新闻 查看精彩图片
变换只是底座,体积靠手绘补。

放角色,校准构图

建筑和飞蛾就位后,再放小人或陪衬角色,检查视线焦点有没有被台阶挡住。

构图先通,再抠表面细节。
打开网易新闻 查看精彩图片
构图先通,再抠表面细节。

矩形好画,圆柱要网格

平面砖纹画平行线即可。圆柱表面难在:横线要变成等距同心椭圆,竖线要像从圆心散开。

接下来专攻圆柱网格。
打开网易新闻 查看精彩图片
接下来专攻圆柱网格。

关键在这一笔:在圆柱外接矩形里画等距平行线,间距保持一致。

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

线与 X、Y 轴的交点,就是椭圆该穿过的点。把椭圆画过这些点。

同心椭圆靠交点。
打开网易新闻 查看精彩图片
同心椭圆靠交点。

到这停一下:再画一个直径等于等距圆宽度的辅助圆,从中心往边缘拉放射线——这些线就是砖缝的“经线”。

经纬网格齐了,砖纹才跟得上。
打开网易新闻 查看精彩图片
经纬网格齐了,砖纹才跟得上。

用这张网格,在圆面上铺砖块。

砖块贴着网格走,别自由乱点。
打开网易新闻 查看精彩图片
砖块贴着网格走,别自由乱点。

塔身竖缝:竖线彼此平行

塔身砖纹先画等距横缝,竖缝在等距里保持互相平行——别往消失点汇。

竖线平行,塔才不拧。
打开网易新闻 查看精彩图片
竖线平行,塔才不拧。
网格填满,砖块可读。
打开网易新闻 查看精彩图片
网格填满,砖块可读。

标阴影区,再压暗

先圈出受光面与背光面,再统一压暗。注意:阴影跟最初定的光源走,别每块砖各画一套光。

分区清楚再上阴影色。
打开网易新闻 查看精彩图片
分区清楚再上阴影色。
体积一下跳出来。
打开网易新闻 查看精彩图片
体积一下跳出来。

小物件与背景

火把、栏杆、碎石这类小件最后加,用来破大色块。

细节服务主场景,别抢戏。
打开网易新闻 查看精彩图片
细节服务主场景,别抢戏。

背景可以简化或后补;这篇主线是建筑与飞蛾的搭建顺序。

远景虚一点即可。
打开网易新闻 查看精彩图片
远景虚一点即可。

最后微调局部色相,让飞蛾、石材、灯光挤在同一套气氛里。

色调统一,场景才收得住。
打开网易新闻 查看精彩图片
色调统一,场景才收得住。

参考资料

Поэтапное создание изометрической пиксель-арт сцены: https://dtf.ru/gamedev/607028-poetapnoe-sozdanie-izometricheskoi-piksel-art-sceny