像素画角色暴击动画教程

打开网易新闻 查看精彩图片

文本概览:全文约 1,105 字,阅读约 3 分钟。

跟完这篇,你能用“预备 → 关键帧 → 改动作 → 补中间帧 → 拖影收尾”做出任意角色攻击动画

先看风格与参考

非交互战棋里,一段暴击动画要在几秒内把力道和角色性格讲清楚。Doug 为《Advent of the Reaper》做 Elira 的非升华暴击,整体走 GBA《火焰纹章》式的分屏战斗,也参考《战律》《高级战争》那种紧凑演出。

打开网易新闻 查看精彩图片

左侧是 Doug 的像素立绘工作照,右侧是 Elira 的待机参考——后面所有帧都要回到这个站姿。

打开网易新闻 查看精彩图片

《火焰纹章 7》里赫克托持 Armads 的 Great Lord 暴击:大动作、短时长、高对比——这是整条线的口味锚点。

动第一笔前:把动作画在纸外

常见教程一上来就铺像素,大转身很容易画到一半发现读性不对,整段推倒。这里先画火柴人,再用可动模型拍照,确认 360° 旋转能不能成立。

打开网易新闻 查看精彩图片

第一版设想:Elira 先小幅后撤并原地旋转,给冲刺腾空间,再向前扑、腾空、大回环落回待机。火柴人标了脚位(L/R)和武器前后(F/B)。

打开网易新闻 查看精彩图片

2D 角色要画 3D 转向,单靠脑补不稳。Doug 用 Figma 人偶拍下旋转各步,再进 Aseprite 对照。

关键帧:线框先行,别急着上色

关键帧是动作里“必须看懂”的 pose;中间帧负责把它们连成流畅运动。先在 Aseprite 里用彩色线框分部件(头、躯干、四肢、武器),底部绿色线点标屏幕中心与敌方站位。

打开网易新闻 查看精彩图片

仍按“后撤旋转 + 大回环落地”推进,线框先跑通再填色。

打开网易新闻 查看精彩图片

在关键帧上开始填 Elira 本体,武器和服装轮廓跟上。

打开网易新闻 查看精彩图片

大回环占地太大、读性发飘,改成空中 tighter spin,画布纵向加高以容纳腾空。

打开网易新闻 查看精彩图片

开头后撤旋转 payoff 不够,难度却很高——直接砍掉。预备改成原地抡镰刀,兴奋感立刻上来。

打开网易新闻 查看精彩图片

落地 pose 再修一轮,线框全部换成可抛光的本体,最难的结构阶段结束。

到这停一下:你的预备动作是不是已经让人一眼看出“要打狠的”?

分层、拖影与中间帧

打开网易新闻 查看精彩图片

头发、围巾、镰刀前后层分开;帧数一多,画错层是常态,文件夹命名要早做。

打开网易新闻 查看精彩图片

清理镰刀与服装细节,加入第一批 smear(运动拖影)帧。

打开网易新闻 查看精彩图片

Smear 用拉长、模糊的形块在极短时间里表达大位移——整身或局部都行。像素动画里,这是让挥砍“有速度”的高性价比手法。

中间帧在关键 pose 之间补过渡:头发、围巾随惯性滞后,武器轨迹保持弧线一致。别追求每帧细节全满,运动段的清晰度优先于静态精度。

成品与全帧一览

打开网易新闻 查看精彩图片

定稿:预备抡镰刀 → 向前冲刺 → 空中旋转 → 落地回待机。社媒版可加半透明地面反射;游戏内则按引擎分屏播放。

打开网易新闻 查看精彩图片

所有帧叠在一张图里,检查轨迹是否连贯、有没有突然跳 pose。

参考资料

Sprite Animation with Doug: https://www.adventofthereaper.com/blog/feb2024-sprite-animation-with-doug