不懂人体结构,如何制作基础像素画行走循环
如果你对人体结构还不熟悉,可以将行走动作构建为由简单体块和四个可重复姿势组成的循环。从侧视角色开始,用对比鲜明的颜色勾画腿部和躯干的大致色块,然后制作八帧动画:接触(contact)、下压(down)、经过(passing)和上升(up),接着换另一条腿向前重复该序列。在添加衣物、阴影或细节之前,先以小尺寸检查循环效果。这样可以让精力集中在动作的可读性上,而不是绘制细节上。
设定一个小而固定的起点
选择一个适合现有角色的画布;32 × 32 像素是像素画行走循环教程中常用的一个实用示例尺寸,并非硬性规定。在所有帧中保持画布以及角色的整体宽度和高度一致。在脚底放置一条水平地面参考线,并标出一个稳定的锚点(例如躯干中心)。这些参考线有助于更容易发现意料之外的位置偏移。
在初稿阶段,将头部表现为椭圆形或方块,躯干表现为一个紧凑的形状,手臂和腿部各表现为一条粗线或细长的形状。对前景肢体和背景肢体使用不同的临时颜色,以便它们重叠时能够清晰区分。这是一个工作示意草图,并非对精确比例的要求。像素艺术家 Raymond Schlitter 曾介绍过,在细化大型精灵图(sprite)之前,先使用带色彩编码的假人模型来区分头部、颈部、躯干、手臂和腿部。SLYNYRD:“Pixelblog - 50 - Human Walk Cycle”
在绘制细节之前规划好四个姿势
一个实用的行走循环框架包含四个姿势:接触(contact)、下压(down)、经过(passing)和上升(up)。先画出一步的这四个姿势,然后换另一条腿领步重复该规律。在“接触”姿势中,前脚向前伸出,后脚向后延展。在“下压”姿势中,前脚承受角色的重量,身体重心降低。在“经过”姿势中,后脚向前摆动,在投影中双腿交叉,身体重心上升。在“上升”姿势中,迈步的腿向前摆动,准备进入下一次接触。
对于八帧循环,按以下顺序排列画面:左脚接触、下压、经过、上升,右脚接触、下压、经过、上升。后半部分反转了由哪条腿领步;它应该像是前半部分的对称拍档,而不是单纯复制的图像。一份详细的像素画教程标记了这些关键时刻,并采用八帧作为在经济性与流畅度之间取得平衡的方案;其他帧数也可以适应不同的精灵图风格。SLYNYRD:“Pixelblog - 50 - Human Walk Cycle”
将腿部构建为简单形状
绘制第一个接触姿势时,双腿应分开足够大的距离,以便在精灵图的实际显示尺寸下能够清晰辨认。让双脚保持在地面参考线上。在下一帧中,将承重腿微微弯曲,并将躯干略微下移。在“经过”姿势中,双脚距离拉近,摆动的那只脚移动到身体下方。在“上升”姿势中,抬起向前迈动的脚后跟或脚部,另一条腿支撑身体。然后进入相反的接触姿势并继续该序列。
将每条肢体视为从臀部到脚部的连贯形状。你不需要把每块骨骼都对应到像素上:大致保持腿长一致,并通过方向或轮廓的变化来体现膝盖弯曲。在微小的精灵图上,这可能仅意味着移动一到两个像素。如果双腿糊成一个无法辨识的色块,请拉大它们之间的间距,或利用临时的前景/背景颜色来明确哪条腿从前方穿过。一份低分辨率精灵图教程指出,四帧行走动作适合小型角色,而在四帧循环中交替腿部明暗阴影有助于区分迈出的双腿。Manning Leonard Krull:“Tutorial: Walking animation for low-res sprites”
保持躯干和手臂清晰可读
在各帧之间,将躯干和头部固定在大致相同的中心位置周围。让身体在“下压”姿势附近降低,并在迈步的“经过”或“上升”阶段抬高,但要克制起伏幅度:在小画布上,哪怕一个像素的变化都可能非常明显。对于手臂,尝试让其与前腿呈反向摆动。如果右腿向前迈,左臂就可以向前摆;在下一次接触时反转这种搭配。保持手和脚足够简单,以便与肢体本身区分开来。
这些是供测试使用的初始形状,并非通用的测量标准。包裹严实的角色、极小的精灵图或风格强烈的造型可能需要较小的肢体间距或更微妙的手臂摆动。一份实用的像素画教程同样建议简化手脚、通过调整后方肢体的色调来营造空间深度,并根据角色的预期风格来确定比例。Clip Studio Tips:“Tips and Configuration for Creating a Walking Cycle - PixelArt”
动作顺畅后再添加像素细节
在添加面部、褶皱、高光或饰品之前,先播放粗略的循环动画。检查两个接触姿势之间是否有明显的交替变化,腿部在躯干下方的穿行是否清晰可读,以及头部是否保持对齐而不是左右晃动跳跃。如果精灵图看起来像是在原地踏步或踢腿,请先调整粗略的肢体形状。细节可能会掩盖动作缺陷,同时拖慢每一次修改的进度。
轮廓确认无误后,恢复角色的原本色板,并逐个细化特征。尽量局部修改:如果仅是远端腿部的纵深关系发生了变化,只需调整其颜色或重叠层次,不要挪动头部和躯干。头发、宽松的衣袖或细小的饰物可以随身体轻微摆动,但这些都是可选项。在一次四帧像素画练习中,Pinnguaq 演示了在确立基础循环之后,如何为头发和帽子装饰等细微元素添加微小动作。Pinnguaq:“Pixel Art 4A: Animation Basics In GraphicsGale”
检查循环,然后调整节奏时序
持续预览动画,并逐帧仔细检查。首先对比第八帧与第一帧:躯干、头部、地面位置和整体剪影应当自然衔接,没有明显的突兀跳跃。接着检查两个接触姿势是否互为对称迈步,且踩在地面的脚看起来不会跳到不同的高度。如果角色看起来起伏过大,请减小垂直方向的变化幅度;如果双腿糊在一起,请改善它们的分离度或重叠关系。
每轮修改只调整一处,然后重新播放。时间轴上的帧延迟决定了每张画面在屏幕上停留的时长,因此要在播放中测试速度,而不要仅把画面当作静态图片来评判。Pinnguaq 的指南建议同时检查动态预览和单帧画面,并通过更改帧延迟来调整速度。Pinnguaq:“Pixel Art 4A: Animation Basics In GraphicsGale”
何时使用更少或更多的帧数
八帧空间充足,足以展示双侧的四个主要姿势。如果精灵图极其微小,两帧或四帧的循环可能会更清晰易读,因为需要绘制的微小变动更少;如果过渡感觉生硬且画布有足够空间,可以在关键姿势之间添加过渡帧。没有一种固定的帧数适合所有精灵图。Adafruit 的指南指出,简单的游戏行走动作大约使用六帧,更流畅的版本最多可用到十二帧左右;而低分辨率教程则探讨了两帧、四帧和八帧的方案。Adafruit:“Pixel Art for LED Matrix Displays”,Manning Leonard Krull:“Tutorial: Walking animation for low-res sprites”
当行走动作在其预期尺寸下表现清晰,且最后一帧到第一帧的过渡感觉自然连贯时,即可收工。在添加额外帧或次级动作之前,请先保存该粗略版本;这样一旦加入的细节导致动作可读性变差,你还有一个明确的基础版本可以退回。
