4个技巧用像素画火柴人练习角色动画

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

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

跟完这篇,你会用黑白火柴人练出一套“微动→出拳→回位”的帧节奏,再把同一套技巧迁回正式像素角色。

先别急着画成品角色

常见教程一上来就修完整精灵;这篇先用火柴人练动作。删帧不心疼,试错才快。

目标是“丝滑”。丝滑往往不是多画几十帧,而是帧时长 + 微动过渡。

火柴人比例

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

张力站姿与挺直站姿都可以。

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

头、躯干、腿大致等长;手脚略长,末端偶尔加粗。

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

形状随意,能手写顺畅最重要。

五帧打出一拳

画布约 180×130。底部画地面线,黑白即可。

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

起手:像要出拳的站姿。

第 2 帧只做“一点点”移动——后面才发力。

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

微动即可,别一次拉满。

第 3 帧把出拳摆足:上身略前倾,一臂伸直,另一臂护头。

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

伸臂要夸张一点。

第 4 帧再微动,保持向前,腰可略降。

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

形状已经可读了。

若第 2~3 帧看起来像“前臂在打”,中间再插一帧:双臂交叉、头在两帧之间。

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

上身半转一下,出拳才读得懂。

帧时长先拉开

首尾约 30/60 秒(Aseprite 约 500ms),中间动作约 4/60 秒(约 30ms)。

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

起止停、中间快。

再加第 6 帧(收招微动),并把出拳那帧的手臂加粗。

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

更丝,但可能变黏。

技巧一:前后位移与震动

整选框平移:1px → 2px → 大位移 → 2px → 1px。

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

像背负推进器一样冲出去。

先微退后再猛冲,像拉弓。

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

后拉再释放。

末帧略后移,像撞上东西的反冲。

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

反冲可读。

末帧多复制几张,整体上下左右抖:先 2px 再 1px,震动会自然衰减。

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

地面线断边记得补齐。

技巧二:蓄力与回位

先回到干净起手。

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

重置姿势。

在第 1~2 帧之间插两帧蓄力;第二帧可略停(约 8/60 秒)。

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

打前停半拍。

末帧先把胳膊弯回来。

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

回位起点。

再加约 3 帧,用“微动→下一姿势”接回起手,形成可循环。

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

开始像循环动作。

把交叉、加粗、伸直那几帧时长砍半(约 15ms),刀口更利。

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

快慢对比出来了。

仍黏就删帧——棒人删起来不心疼。

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

减法也是丝滑的一部分。

技巧三:位移 + 拉伸叠一起

蓄力版加上前冲与震动。

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

蓄力出汁了。

伸臂帧再复制两张并加震动,停帧也像在使劲。

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

“打到了”更清楚。

大位移那几帧把躯干横向拉长一点。

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

重量感上来。

再补步法、简单特效、回位改后撤,多加两帧回位会更顺。

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

步法、特效、后撤一起上。

技巧四:同一套路换题材

锤子砸下:

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

砸桌感。

魔法球:

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

投掷节奏同构。

翻滚胡闹:

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

夸张位移也通用。

口诀就这几句:微动 → 下一姿势 → 微动;前后拉与震动;大位移随便大;回位要画;该删就删。

迁回正式像素角色

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

蓄力、微动、出拳、回位。

再加帧、加粗拳、加震动、回位加点拧转:

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

同一套时间轴。

有受击目标时重量更明显:

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

打到东西才有重。

力量型角色可以更夸张:

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

更大拉伸与冲击。

大图角色也吃同一条:微动 → 大动 → 微动。

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

不必每秒 30 张也能读得动。

多练几套火柴人,再回像素画角色。

参考资料

棒人间で动かそう~ドット絵アニメ覚书: https://note.com/atlantic_skgw/n/n6296c5a8b680