首页 » 教程中心 » 动画制作 » Aseprite 帧动画制作:从站立呼吸到行走循环(Walk Cycle)
动画制作

Aseprite 帧动画制作:从站立呼吸到行走循环(Walk Cycle)

📖 约1000字 · 最后更新:2026年8月

一、动画基础概念

Aseprite 的像素动画是逐帧动画(Frame-by-Frame),每一帧都是一张独立的像素画。Aseprite 的时间轴让你可以方便地管理图层和帧。

核心概念:

  • 帧(Frame):时间轴上的一张画面
  • 帧时长:每帧停留的时间(毫秒),默认 100ms = 10fps
  • 关键帧:动作变化的关键姿势
  • 过渡帧:关键帧之间的中间画面
  • 循环(Loop):动画播放完毕后重新开始

二、站立呼吸动画(Idle)

最简单的循环动画,只需要 2-4 帧:

  1. 在第 1 帧画好角色站立姿势
  2. 右键帧 → New Frame(或按 Ctrl+Shift+N)复制当前帧
  3. 在第 2 帧中,将角色整体上移 1 像素,胸部略微扩大 1 像素(模拟吸气)
  4. 第 3 帧回到第 1 帧姿势(或复制第 1 帧)
  5. 设置帧时长:第 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)

在时间轴上,你可以给帧范围添加标签来管理多段动画:

  1. 在时间轴帧号上右键 → New Tag
  2. 命名为 "idle"、"walk"、"attack" 等
  3. 拖动标签边缘调整覆盖的帧范围
  4. 在标签上右键设置循环方向:正向、反向、乒乓

导出 Sprite Sheet 时,标签会作为动画片段名称写入 JSON 数据,UnityGodot 可直接识别。详细用法见帧标签使用指南

五、动画节奏

好的动画节奏比帧数更重要:

  • 准备动作慢,爆发动作快(如攻击:蓄力帧长,出拳帧短)
  • 循环动画的首尾帧要自然衔接
  • 可以给不同帧设置不同时长,不必每帧相同
  • 12fps 是像素动画的甜点值,流畅又省工作量
制作行走循环时,先在纸上画出关键姿势再上机会快很多。确保第 1 帧和最后一帧的姿势能够无缝衔接——这是循环动画的核心。

六、导出动画

按 Ctrl+E 打开导出对话框:

还没有 Aseprite?

立即下载 Aseprite