像素画动画高级教程轨迹线和帧间距
文本概览：全文约 795 字，阅读约 2 分钟。
跟完这篇，你会用“轨迹线”和“帧间距”，把小尺寸像素动画做到合格线水平。
先看没有轨迹线的动画
常见的动画教程会讲关键帧和姿势。本篇介绍：物体怎么动（轨迹线），走得多快（帧间距）。对于像素画来说，它们比多画几帧的作用更大。
能动起来，但轨迹线模糊不清楚。
轨迹线更清晰，帧间距也更有重量。
轨迹线：起点、终点、中间怎么走
任何动作都有开始点、到达点，以及中间那条“怎么过去”的路径。扔球时，出手是起点，落地是终点，中间是抛物线。
先看这张图：轨迹线画错，后面帧再精也救不回来。
1 像素约束
像素动画和其他动画最大的差别是1 像素的硬边界。画布越小，这 1 像素越刺眼；观众又会脑补中间帧，所以噪声要尽量掐掉。
注意：同样偏 1px，小圆上的歪斜会立刻显形。
若这点歪斜落在运动轨迹上，整段就会发颤。想要“顺”，先把轨迹上的 1px 噪声清干净。
修正：预览
在 Aseprite 里反复预览，找发颤和卡顿。草图阶段宁可搁一天再改。
before：先放一天，再盯噪声。
after：同一动作，路径收干净后立刻好读。
更省事的做法：画之前，先画好轨迹，后面只沿线落点。
关键在这一笔：红点标出多处轨道，小角色也能做出性格。
到这停一下：你的 待机 / 挥手 / 回头，各自有几条独立轨道？
帧间距：先快后慢，别全程匀速
物体很少匀速。
球离手时猛加速，空中慢慢减速，落地弹跳再大幅减速——这套加减速，才让动作有重量。
匀速看着假；先快后慢才像“有质量”。
视频剪辑里叫 easing；像素动画同样要用这条缓急线。
换曲线 = 换性格：软、硬、弹，都从这里来。
举例：站起来时，先让躯干微沉、重心挪到脚，再一点点伸膝——阶段感就是缓急。挥手、回头也一样；拿不准就自己做一遍动作记加速点。
跟练时：先钉轨道，再调缓急，别两头一起改。
参考资料
ドット絵アニメーションと二つのライン: https://note.com/maplec/n/nc5dde16bc180
热门跟贴