Resprite 导入 GIF 动画与精灵表:把现成素材拉进时间轴
什么时候需要导入
Resprite 能自己画,但很多时候你需要把现成的外部素材拉进来继续编辑:
- 网上找的参考动画(GIF)→ 导入后逐帧修改。
- Aseprite 用户给的精灵表 PNG → 导入后用 Resprite 继续调整。
- 游戏引擎导出的精灵表 → 拉进 Resprite 重新整理。
导入入口
菜单 ▸ 文件 → 导入 → 选择目标格式 → 选择文件。
Resprite 支持这些导入格式:
| 格式 | 扩展名 | 导入行为 |
|---|---|---|
| 静态 PNG / JPG / WebP | .png / .jpg / .webp | 导入为单图层单帧 |
| GIF(多帧) | .gif | 每帧变成时间轴的一帧,图层保留或全部在一层 |
| APNG | .apng | 与 GIF 类似,多帧 → 时间轴多帧 |
| 精灵表 PNG | .png | 按网格拆成多帧,导入时间轴 |
| .aseprite | .aseprite | 完整项目导入(见 Aseprite 兼容) |
| 调色板 | .gpl / .rpl | 导入为 Resprite 调色板 |
| Tiled 地图 | .tmx / .tsx | 导入为瓦片图层(见 Tiled 互通) |
GIF 多帧导入
导入 GIF 时 Resprite 会弹出帧解析对话框:
关键设置
| 设置 | 说明 |
|---|---|
| 保留所有帧 | GIF 有多少帧就导入多少帧 → 时间轴对应多少帧 |
| 合并到一个图层 | 所有帧的内容堆在同一个图层上(一般不用) |
| 每帧独立图层 | 每一帧是独立的一行图层(不常用) |
| 帧间距 | 自动读取 GIF 原始帧间距或手动覆盖 |
典型用法
你想在 Resprite 里继续编辑一个 GIF 动画:
- 菜单 ▸ 导入 ▸ GIF → 选择文件。
- Resprite 自动解析帧数(比如 8 帧)→ 在时间轴里建 8 帧。
- 开始逐帧修改(加细节、调节奏、改颜色)。
- 完成后导出为
.resprite或 GIF / APNG。
精灵表 PNG 导入
精灵表是把动画的每一帧按网格排列在一张 PNG 里。导入时 Resprite 需要知道网格参数:
| 参数 | 说明 | 如何填写 |
|---|---|---|
| 每行帧数量 | 精灵表一行有几帧 | 看图片数格子 |
| 帧数 | 总共有几帧 | 自动计算或手动填 |
| 瓦片尺寸 | 每帧的像素尺寸 | 通常所有帧相同 |
| 边距 / 间距 | 帧与帧之间的空白 | 看图片量一下 |
让 Resprite 自动检测
新版 Resprite 会尝试自动检测精灵表的网格参数。如果自动检测失败(网格不规则),手动填一下参数就能解决。
一个实际例子
你有一张 512×64 的精灵表,里面排了 16 帧角色动画(每帧 32×32):
- 菜单 ▸ 导入 ▸ 精灵表 PNG → 选择文件。
- 每行帧数 → 自动检测应该能识别是 16(512 / 32 = 16)。
- Resprite 自动创建 16 帧的时间轴,每一帧填好对应的精灵表切片。
- 现在可以继续逐帧编辑、调整节奏、加洋葱皮。
导入到现有文档 vs 新建文档
- 新建文档导入:导入时 Resprite 自动创建新文档(推荐——避免污染已有工程)。
- 导入到当前文档:需要先指定"导入到哪个图层、哪一帧"——常用于把外部素材的某一帧贴到现有工程里作为参考。
常见问题
导入 GIF 颜色变了
GIF 只有 256 色。Resprite 导入后保留 GIF 原始调色板,不会自动做颜色增强。如果觉得颜色太灰:
- 在 Resprite 里打开调色板。
- 从参考图重新采样生成新调色板。
- 用颜色替换 / 调色板量化功能统一换色。
精灵表导入后排错了帧
网格参数填错了。删掉导入的帧 → 重新导入 → 调整参数(最常见的是边距 / 间距填错)。
导入后图层太多
GIF 导入默认把所有帧放在同一个图层(纵向时间轴多帧)。如果想改成多层结构(比如角色分层),手动新建图层 → 逐帧剪切粘贴。
功能可能随版本变化,GIF 与精灵表导入持续完善网格自动检测能力。