Aseprite 帧动画制作:从站立呼吸到行走循环(Walk Cycle)
一、动画基础概念
Aseprite 的像素动画是逐帧动画(Frame-by-Frame),每一帧都是一张独立的像素画。Aseprite 的时间轴让你可以方便地管理图层和帧。
核心概念:
- 帧(Frame):时间轴上的一张画面
- 帧时长:每帧停留的时间(毫秒),默认 100ms = 10fps
- 关键帧:动作变化的关键姿势
- 过渡帧:关键帧之间的中间画面
- 循环(Loop):动画播放完毕后重新开始
二、站立呼吸动画(Idle)
最简单的循环动画,只需要 2-4 帧:
- 在第 1 帧画好角色站立姿势
- 右键帧 → New Frame(或按 Ctrl+Shift+N)复制当前帧
- 在第 2 帧中,将角色整体上移 1 像素,胸部略微扩大 1 像素(模拟吸气)
- 第 3 帧回到第 1 帧姿势(或复制第 1 帧)
- 设置帧时长:第 1、3 帧 200ms,第 2 帧 100ms
按 Enter 预览动画,你会看到角色在微微呼吸。
三、行走循环(Walk Cycle)
经典行走循环需要 4-8 帧。4 帧版本是最基础的:
- 第 1 帧(接触):右脚在前着地,左脚在后蹬地,手臂反向摆动
- 第 2 帧(下降):身体下沉,双腿分开最大,手臂在中间
- 第 3 帧(接触):左脚在前着地,右脚在后,手臂反向
- 第 4 帧(上升):身体抬高,双脚交错经过,手臂在中间
制作技巧:
- 先画第 1 帧和第 3 帧(镜像姿势),再补中间帧
- 开启洋葱皮(Onion Skin)查看前后帧
- 身体上下起伏 1-2 像素即可,不要太大
- 每帧时长建议 100-150ms
四、使用帧标签(Tag Frame)
在时间轴上,你可以给帧范围添加标签来管理多段动画:
- 在时间轴帧号上右键 → New Tag
- 命名为 "idle"、"walk"、"attack" 等
- 拖动标签边缘调整覆盖的帧范围
- 在标签上右键设置循环方向:正向、反向、乒乓
导出 Sprite Sheet 时,标签会作为动画片段名称写入 JSON 数据,Unity 和 Godot 可直接识别。详细用法见帧标签使用指南。
五、动画节奏
好的动画节奏比帧数更重要:
- 准备动作慢,爆发动作快(如攻击:蓄力帧长,出拳帧短)
- 循环动画的首尾帧要自然衔接
- 可以给不同帧设置不同时长,不必每帧相同
- 12fps 是像素动画的甜点值,流畅又省工作量
制作行走循环时,先在纸上画出关键姿势再上机会快很多。确保第 1 帧和最后一帧的姿势能够无缝衔接——这是循环动画的核心。
六、导出动画
按 Ctrl+E 打开导出对话框:
- 导出 GIF:用于社交媒体展示,详见GIF 导出与优化教程
- 导出 PNG 序列:每帧一个 PNG 文件
- 导出 Sprite Sheet:所有帧打包为一张图 + JSON 数据,用于游戏引擎,详见Sprite Sheet 导出教程
还没有 Aseprite?
立即下载 Aseprite