像素画横版游戏角色行走动画教程
![]()
文本概览:全文约 1,630 字,阅读约 5 分钟。
DAIMA 在 Aseprite 里做“莺くん”行走循环时,踩过一条常见弯路:每帧都画到很细,连起来却像在原地抽搐。
他后来把流程反过来——先用草稿把动画效果跑通,再决定哪些零件必须动、哪些可以整段复用。
行走动画先验证运动,再补细节;对称半圈与不动部件要刻意复用,别把八帧都当全新立绘。
先用小球热身:帧在动,动作才在动
在 Aseprite 里新建偏竖长的画布,分两层:ball画红球,ground画地面。时间轴上右键New加帧——新帧会复制当前内容。若两帧完全一样,点播放也不会有位移。
![]()
先定画布比例,再分图层,别一上来堆细节。
![]()
图层命名清楚:球与地面分开,后续只动球层。
![]()
新帧是动画的“格”;内容相同就等于静止。
把第二帧的球上移约 20px,再播放——球开始跳了,但两帧仍像硬切。
![]()
位移够大,肉眼才能读出“在动”。
![]()
两帧只能证明“会动”,还谈不上弹跳感。
加帧、在顶点放慢变化,弹跳才像样。关键不是像素风,而是:帧与帧之间的变化量,决定速度感。
![]()
顶点处减速,比匀速上下更像“落地再弹起”。
角色动作草稿
正式做角色前,先用潦草线稿标出:右脚迈出 → 右脚落地 → 左脚迈出 → 左脚落地。不用好看,只要能估出大概需要几张图、脚与身体如何交替。
![]()
草图够乱也没关系;目的是锁定循环结构,不是出成品。
把站姿立绘贴进第一帧,再新建空白帧,打开洋葱皮,让上一帧半透明叠在当前格上。这样画下一脚时不会“换位”。
![]()
空帧 + 洋葱皮:边画边核对位移,避免脚突然瞬移。
关键帧:先抽象轮廓,确认“走得通”
第一遍故意画得像抽象剪影——只保轮廓与重心起伏。整圈播放一遍:若粗轮廓已经顺,再进细节;若粗轮廓就不顺,精细上色只会放大问题。
![]()
像素描先打形:先确认动作链路,再填衣服与五官。
列清单:哪些动、哪些整段复用
行走里通常要动的是:腿(大位移)、身体轻微上下、可选的尾巴/披风。头与上半身若变化很小,整段动画可以共用第一帧的同一块像素。
![]()
先列出必动零件;没列进清单的,默认允许复用。
把八帧横排对照:1 与 5、2 与 6、3 与 7、4 与 8,往往只是左右脚前后对调,躯干细节几乎相同。也就是说,八帧里大约一半可以从配对帧改出来,不必从空白画布重画。
![]()
找对称半圈:改腿的前后关系,比重画整只角色便宜得多。
定稿:连播检查 + 调每帧时长
细节补完后再整圈播放:缺零件、穿模、物理上不可能的抬腿,都在这一步修。头与上半身全程复用,手几乎没摆,但已经“看得出在走”。
成品优先可读性:能循环、有重心起伏,再谈加手部摆动。
时间轴上可按帧改显示时长。时长减半,同一套图会更像冲刺;拉太短则会显得怪异——速度感由帧内容 + 帧时长一起决定。
![]()
同一套行走图,改时长就能换用途(走 / 跑感觉)。
冲刺感:帧内容不变,只压缩每格停留。
过短会“抖”:可读性掉了,再炫也没用。
站姿与短循环成品可对照看:
![]()
站姿是循环的锚点:最大高度、剪影识别都靠它。
![]()
先让角色“走起来”,再谈表情与手部次要动作。
开场那只乱跳的怪鸟,只是提醒:动画的乐趣在“动起来”,但量产时要靠流程省时间。
![]()
动起来很爽;量产时更要靠复用与粗细分层。
来源:ガンガン动くドット絵アニメーションを作る方法【Aseprite】[1]
参考资料
ガンガン动くドット絵アニメーションを作る方法【Aseprite】: https://taikutsu-breaking.com/entry/howto-aseprite-anim
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
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.