Aseprite 导出精灵表教程

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

文本概览:全文约 1,187 字,阅读约 3 分钟。
精灵表是什么

动画做完之后,引擎通常不要一串单独 PNG,而是一张把各帧排在一起的图。这张图叫精灵表,也叫图集。RPG Maker、Unity 的点阵素材里很常见:一排砍、一排刺、一排冲,全在同一张图上。

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

三排动作、每排六帧。这种表用手裁很烦,Aseprite 能一次吐出来。

手动复制粘贴会错位。Aseprite 自带 Export Sprite Sheet,时间轴上有几帧,就能按设定排成一张表。

先准备一段多帧动画

随便打开一份已经有多帧的.aseprite。下面用一只狸猫:四层、十二帧,时间轴底部一排实心圆都有内容。

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

文件名tanuki.aseprite。帧数不够就先别导出,空表没有意义。

打开导出窗口

菜单走:File → Export → Export Sprite Sheet。快捷键是 Ctrl+E。

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

记住 Ctrl+E。改完时间轴再导出时,不用每次翻菜单。

窗口出来后有四个页签:Layout、Sprite、Borders、Output。先改 Layout 和 Sprite 就够跟练。

Layout:横条排开

Layout 页这样设:

  • Sheet Type = Horizontal Strip(横条)

  • Constraints = None

  • Merge Duplicates 取消勾选

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

Merge Duplicates 勾上的话,眨眼那种重复坐姿会被并成一格,时间轴长度就对不上引擎。

底部的 Open Sprite Sheet 和 Preview 勾上,导出后立刻能看见结果。

Sprite:可见层、全部帧

切到 Sprite 页:

  • Source = Sprite

  • Layers = Visible layers

  • Frames = All frames

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

Borders 和 Output 先不动。确认 Open Sprite Sheet 仍勾着,点 Export。

导出结果

横条模式下,十二帧会排成一行:蹲、跳、落地,后面几格是坐着眨眼。

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

从左到右就是时间轴顺序。引擎按固定格宽切片即可。

按标签拆开,或加缝

想把跳跃和待机拆成两张表,用 Sprite 页的 Split Tags。注意:Sheet Type 是 Horizontal Strip 或 Vertical Strip 时,这个选项无效,要改成 Packed 一类能分块的类型。

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

上排跳跃、下排待机。标签要先在时间轴上标好,再勾 Split Tags。

Borders 页可以给每格加边距,切片时不容易吃到隔壁像素。

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

格子之间空一圈,导入引擎后按“格宽 + 边距”切。

两个坑

Packed 类型下,相同画面的帧一定会被合并。待机连坐好几帧,表上可能只剩一格。

Split Tags 只认时间轴上那一层标签。外面套一个 All、里面再拆 1 和 2,Frames 选 Tag: All 时,里面的 1、2 不会单独拆出去。

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

All 下面还有 1、2。只导出 All 时,里面这两段标签拆不出来。

需要按动作分表,就直接导出标签 1、标签 2,不要指望 All 自动再切一刀。

参考资料

AsepriteTIPs#50『スプライトシートが簡単に作れる』: https://note.com/mokemo/n/n79847cc67862