EDGE:像素画角色横版游戏3帧行走动画教程
![]()
文本概览:全文约 1,248 字,阅读约 4 分钟。
本教程目标很明确:做出像下面这样、能循环播放的横版角色行走 GIF。
![]()
- 核心观点:3帧 + 1 像素上下晃,就能做出可信的迷你行走。
- 关键步骤:画三张关键姿势 → 放大手脚、中间帧抬头 → EDGE 导入 1-2-3-2 → 延迟约 100 → 设透明色导出 GIF。
- 易踩坑:默认延迟会像在跑;手臂甩得过大;忽略身体上下晃。
行走循环最少只要这三张:
- 左脚在前
- 正侧(两脚接近中间)
- 右脚在前
![]()
不要一上来就想画满 8 帧行走,先让3帧行走循环起来,再谈加帧。
二、画姿势的注意点
把前后跨步和手臂对摆画清楚,动作才会“跳”进眼睛。
逐帧看:
![]()
![]()
![]()
中间那张站立帧要把头整体抬高 1 像素。这一像素不是装饰,而是走路的节奏:脚落地时身体略低,迈到中间时略高。脸可以几乎不动,但头发高光稍挪一点。
可复制做法:
- 手臂与腿对侧摆动(左脚前 → 右手前)
- 中间帧只抬头 / 躯干 1 像素,别整身乱漂
- 先保证脚接地线一致,再微调手指发丝
工具用免费的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
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
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.