5帧劈砍砍击,男女角色范例

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

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

攻击 GIF 最常见的死法,是五帧平均分配时间。

正确方法:先备齐待机→架势→拔刀→带刃光挥砍→收刀;导出时架势偏慢,命中偏快。

尺寸

角色主体约 32 像素高,但武器和刃光要伸出,所以画布用64×64。

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

图注:先看整段节奏,再拆单帧;少年剑、少女刀可共用姿势骨架。

五帧清单

按顺序准备:

  1. 标准待机

  2. 准备(前倾,准备拔刀)

  3. 拔刀(整体前移数像素,头发扬起)

  4. 挥砍 + 刃光特效

  5. 挥砍收势(特效关掉,发丝回落)

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

图注:五帧一眼对齐重心线;缺哪一帧,循环都会跳。

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

图注:同一骨架,武器特效可换。

帧 1:待机

标准站姿。没有这一帧,攻击结束无处可回。

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

图注:待机是锚;所有位移都相对它量。

帧 2:准备

身体前倾,武器收到可爆发的位置。这是“看得见的预备”。

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

图注:架势决定下一刀的方向;别只举手不移重心。

帧 3:拔刀

相对架势,整个人往前挪几个像素;头发往后甩,强调启动冲量。

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

图注:前移 + 发丝,是速度的便宜暗示。

帧 4:挥砍 + 特效

武器一次挥到尽头,刃光画在刀路外侧。少年偏剑,少女偏刀,弧线可以不同,但都要“一下到头”。

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

图注:刃光只服务路径;特效比武器还花就会抢戏。

帧 5:收势

去掉刃光,保留挥完的姿势;少女发丝可回到接近待机。没有收势,循环会像卡住再瞬移。

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

图注:收势连接回待机;特效必须在这里消失。

GIF 延迟:预备慢,命中快

基础延迟约110毫秒。准备帧略加长,带特效的命中帧略缩短。

眼睛会在预备上停一下,在命中上被“推过去”,打击更脆。

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

图注:同一五帧,只改延迟也能换手感。

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

图注:刀弧更长时,命中帧更要短,免得拖刀。

总结

  1. 64×64 画布给武器和刃光留伸出空间。

  2. 五帧:待机、准备、拔刀、带特效挥砍、收势。

  3. GIF 延迟:架势偏慢,命中偏快;强攻与连招可复用同一骨架改弧线。

参考资料

https://dotartplay.com/dot-animation-action-attack: https://dotartplay.com/dot-animation-action-attack