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