像素画三帧行走动画循环教程

打开网易新闻 查看更多图片

文本概览:全文约 645 字,阅读约 2 分钟。

跟完这篇,你能用三张侧视行走帧,按 ①②③② 循环出一条合格的像素行走动画。

工具先定:能导出帧就够

本例用免费的 8bit Painter:能把图画成硬边像素,也能导入导出。没有图层和内置时间轴也没关系——先把三张姿势画完,再在别处拼 GIF。

注意:本课只跟“三帧走路”,不展开完整角色立绘。

先看成品节奏

常见教法会拆 contact / passing 八帧。这里反过来:只锁三张关键姿势,中间帧复用,先把“在走”做出来再加细。

顺序固定为:① → ② → ③ → ②再循环。② 当过渡,脚步不会一跳一跳。

帧①:左手前、右足前

侧视角色,左臂往前摆,右腿迈出;对侧手脚往后收。裙摆、袖口跟着脚的方向略偏一点即可。

打开网易新闻 查看更多图片

左前右足前:步幅先画大一点,循环才读得清。

到这停一下:脚尖有没有贴到同一条地面线上?

帧②:真侧过渡

两脚靠近身下,手臂收回中立。头可以比帧①抬 1 像素——走路时躯干会轻轻起伏。

打开网易新闻 查看更多图片

过渡帧别画太夸张,留给 ①③ 做对比。

帧③:右手前、左足前

把帧①的手脚对调。脸和发型尽量不动,只改四肢,循环才稳。

打开网易新闻 查看更多图片

对侧迈步:对称不一定要镜像粘贴,微调裙褶更自然。

关键在这一笔:三帧的鞋底必须压在同一水平线上,否则会“漂”。

拼循环:①②③②

按 ①→②→③→② 排帧,导出 GIF。哪怕脚的弧线还不完美,三帧加复用过渡也已经像在走。

打开网易新闻 查看更多图片

先看整体节奏,再回头修单帧。

若觉得中间发软,可以再画一张“另一侧过渡”替换第二个 ②;本课先守三张过关。

参考资料

【ドット絵基础研究①】ドット絵で歩くアニメーションを作る: https://kodamaburu.com/app/dotlab01.html