软件使用手册合辑

时间轴动画与洋葱皮用法

本篇讲 resprite 里做像素动画的核心三件套:时间轴、洋葱皮、片段(clips),并给出一个练手用的最小循环动画流程。安装相关的内容见 安卓版下载与安装步骤,文件导出见 Aseprite文件互通与精灵表导出。


时间轴的基本结构

resprite 的时间轴由「帧 × 图层」组成单元格,这点和桌面级像素软件是同一套逻辑:

手机端的时间轴支持横向滑动与缩放,配合触控笔在画布上作画,节奏感和桌面端基本一致。

洋葱皮:走位连贯的关键

洋葱皮(Onion Skin)会把前后几帧以半透明叠影显示在当前画布上。做行走循环、旗帜飘动这类连续动作时,打开洋葱皮就能直接对照上一帧的位置挪动肢体,不用来回切帧比对。叠影的帧数与颜色深浅都能在设置里调。

片段:把动作分开管

resprite 用「片段(clips)」来组织动画段落:待机循环、走路循环、攻击动作各自成段,互不干扰。播放与导出时可以只针对某个片段,这对做游戏素材尤其友好——引擎里需要哪段就导哪段。

循环动作里还有两个省力特性:

  1. 继承单元格:后续帧直接引用关键帧内容,只画变化的部分,改一处全局跟着更新;
  2. 关键帧补间:位置与不透明度支持补间,飘动、闪烁这类小动效交给软件算。

一个练手用的最小流程

  1. 新建 32×32 画布,画一个弹跳小球的第一帧;
  2. 复制出 6~8 帧,每帧只把球的位置下移或上移一点,压扁拉伸各给一帧;
  3. 打开洋葱皮核对轨迹是否平滑;
  4. 用时间轴播放预览,调每帧时长(弹跳常用 80~120ms);
  5. 满意后按 Aseprite文件互通与精灵表导出 里的方式导出 GIF 或精灵表。

软件帮助文档给出的实测参考是:iPad mini 6 上可以导出放大后 5000×5000、150 帧、约 50MB 的 GIF——手机上做完整动画,性能上是有底的。

练手素材与安装入口都在 resprite 安卓版下载站,装好软件照着上面五步走一遍,半天就能做出第一个能发出去的像素小动画。

本站文档

  1. Aseprite文件互通与精灵表导出
  2. 安卓版下载与安装步骤
  3. 时间轴动画与洋葱皮用法

访问 resprite 介绍站