resprite 中文文档 下载 App

Resprite 导入 GIF 动画与精灵表:把现成素材拉进时间轴

什么时候需要导入

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 动画:

  1. 菜单 ▸ 导入 ▸ GIF → 选择文件。
  2. Resprite 自动解析帧数(比如 8 帧)→ 在时间轴里建 8 帧。
  3. 开始逐帧修改(加细节、调节奏、改颜色)。
  4. 完成后导出为 .resprite 或 GIF / APNG。

精灵表 PNG 导入

精灵表是把动画的每一帧按网格排列在一张 PNG 里。导入时 Resprite 需要知道网格参数:

参数说明如何填写
每行帧数量精灵表一行有几帧看图片数格子
帧数总共有几帧自动计算或手动填
瓦片尺寸每帧的像素尺寸通常所有帧相同
边距 / 间距帧与帧之间的空白看图片量一下

让 Resprite 自动检测

新版 Resprite 会尝试自动检测精灵表的网格参数。如果自动检测失败(网格不规则),手动填一下参数就能解决。

一个实际例子

你有一张 512×64 的精灵表,里面排了 16 帧角色动画(每帧 32×32):

  1. 菜单 ▸ 导入 ▸ 精灵表 PNG → 选择文件。
  2. 每行帧数 → 自动检测应该能识别是 16(512 / 32 = 16)。
  3. Resprite 自动创建 16 帧的时间轴,每一帧填好对应的精灵表切片。
  4. 现在可以继续逐帧编辑、调整节奏、加洋葱皮。

导入到现有文档 vs 新建文档

常见问题

导入 GIF 颜色变了

GIF 只有 256 色。Resprite 导入后保留 GIF 原始调色板,不会自动做颜色增强。如果觉得颜色太灰:

  1. 在 Resprite 里打开调色板。
  2. 从参考图重新采样生成新调色板。
  3. 用颜色替换 / 调色板量化功能统一换色。

精灵表导入后排错了帧

网格参数填错了。删掉导入的帧 → 重新导入 → 调整参数(最常见的是边距 / 间距填错)。

导入后图层太多

GIF 导入默认把所有帧放在同一个图层(纵向时间轴多帧)。如果想改成多层结构(比如角色分层),手动新建图层 → 逐帧剪切粘贴。

功能可能随版本变化,GIF 与精灵表导入持续完善网格自动检测能力。