Aseprite付费插件IsoBuilder制作ISO像素画教程

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

文本概览:全文约 776 字,阅读约 2 分钟。

跟完这篇,你能在 Aseprite 里用前视、侧视、顶视三面板,渲染出一块可读的等距像素积木。

这个方法好好啊。画ISO像素画非常方便。

售价3.99欧元

先换思路:别手抠菱形

常见教法是直接在 2:1 菱形上抠面。这篇反过来——先画三张正交视图,再一键拼成等距体。

工具是 Aseprite 扩展 IsoBuilder:前视、侧视、顶视对齐后点 Render,右下角出现等距预览。

先看这张图:48×48 工程里,三面拼出一块“L”形。

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

不同颜色标三面,方便看出各面怎么合拢。

建工程

菜单File → IsoBuilder,打开扩展窗口。

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

选分辨率(示例用 48×48),再点 Create Project。画布会切成四个象限,每格 48×48。

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

注意:窗口刚打开时按钮可能点不动。把鼠标移出窗口再点一次即可。

认清 ISO_GRID

工程建好后,布局大致是这样:

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

有一层叫ISO_GRID,是各面的参考线。画的时候建议开着;不要画在这一层上,另建图层作画。

关键在这一笔:三面画的东西要落在同一相对坐标。错位一格,渲染就会拧。

可以空一面——扩展仍能跑;但想细节准,三面都画。

第一块:方块

在 Layer 1 的 FRONT、SIDE 画同位置的方块,点 Render。会多出Preview层,三面合成立方体。

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

默认用扩展配色。想看原色,切到Real Colors。

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

到这停一下:Preview 上三面接缝齐了吗?不齐就先改视图,别急着加细节。

改形状,看体积怎么变

改各面轮廓,预览会跟着变。多试几种组合,比空想菱形省事。

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

复杂件建议多层:一层定大形,一层加凸起,避免一次画糊、渲染乱。

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

实例:扶手椅

扶手单独一层,改细节时不会碰到椅身。

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

实例:带门柜子

128×128 工程,三层分工:蓝色底座与腿、门板、把手。

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

Render 不是终点。Preview 层可以手修——接缝、投影、一像素缺口,最后补几笔往往更干净。

参考资料

IsoBuilder - Guide: https://hasudelfuturo.itch.io/isobuilder/devlog/1629837/isobuilder-guide