EDGE:像素画角色横版游戏3帧行走动画教程

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

文本概览:全文约 1,248 字,阅读约 4 分钟。

本教程目标很明确:做出像下面这样、能循环播放的横版角色行走 GIF。

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

  • 核心观点:3帧 + 1 像素上下晃,就能做出可信的迷你行走。
  • 关键步骤:画三张关键姿势 → 放大手脚、中间帧抬头 → EDGE 导入 1-2-3-2 → 延迟约 100 → 设透明色导出 GIF。
  • 易踩坑:默认延迟会像在跑;手臂甩得过大;忽略身体上下晃。
一、先备齐三张行走姿势

行走循环最少只要这三张:

  1. 左脚在前
  2. 正侧(两脚接近中间)
  3. 右脚在前

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

不要一上来就想画满 8 帧行走,先让3帧行走循环起来,再谈加帧。

二、画姿势的注意点

把前后跨步和手臂对摆画清楚,动作才会“跳”进眼睛。

逐帧看:

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

中间那张站立帧要把头整体抬高 1 像素。这一像素不是装饰,而是走路的节奏:脚落地时身体略低,迈到中间时略高。脸可以几乎不动,但头发高光稍挪一点。

可复制做法:

  • 手臂与腿对侧摆动(左脚前 → 右手前)
  • 中间帧只抬头 / 躯干 1 像素,别整身乱漂
  • 先保证脚接地线一致,再微调手指发丝
三、用 EDGE 拼成 GIF(九步)

工具用免费的EDGE。流程按原文截图跟练即可。

1.打开“动画帧显示”:

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

2.点“设定变更”:

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

3.画布按目标尺寸设好(本例32×32)。导入时勾选“仅位置”,并把宽、高、单帧高度都设成 32:

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

4.开始导入帧:

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

5.按这个顺序选图导入:左脚前 → 站立 → 右脚前 → 站立(四帧,站立姿势用两次):

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

6.“全延迟一括变更”里把延迟调到100毫秒。默认 33毫秒 会快得像跑步:

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

7.“属性一括变更”勾选透明色,指定要抠掉的色号:

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

8.打开播放窗口检查循环:

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

9.存成动画 GIF:

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

完成后再看一遍成品,确认落地、摆臂、抬头节奏都在环上:

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

总结

像素画横版游戏角色只需要3帧就能做好行走动画。

参考资料

【ドット絵アニメーション】歩くドット絵GIFの作り方|DOT ART PLAY: https://dotartplay.com/dot-animation-walk