像素画角色待机动画教程

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

文本概览:全文约 1,695 字,阅读约 5 分钟。

给角色做待机动画,先定角色性格,再只动腰以上,最后才给手、头发一点点次级运动。适合 64 像素上下的角色。

先搭画布,再谈呼吸

主画布大约是64×64,再外加一圈 padding。中心当枢轴点(导出后角色绕哪转)。

背后有两层常用参考:一层是主角尺寸对照(NPC 别比主角高得离谱),一层是纯色背景——棋盘格有时晃眼,换深浅底色能检查剪影在不同明暗下还立不立得住。

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

攻击、跑步他会拆很多草稿层;idle 只有一个关键姿势时,他反而直接在关键帧上做小改动。

不是偷懒,是场景不同:站立本来就该安静。

性格决定你能动多少

64 像素以下,上下挪一像素都像在喊。

若角色人设是沉稳、经验足,idle 就该克制;每隔好几秒才换一次重心、看向别处,比永远胸口起伏更像活人。

危险的是“过度动画”——把该安静的东西演成在喘气。他先在脑子里定好:这个角色平静,所以呼吸要淡。

不做 Aseprite 导出管线的,可以直接跳到下一节练两态。做游戏的留一句:他把 idle 单独打成一条动画标签(名字就叫Idle),同一文件里用标签切开,导出时按标签出精灵条就行。

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

两态就够:呼气与吸气

在 Aseprite 里先定一帧“站立基准”(当作吸气顶)。

复制该帧,把头、躯干、手臂(腰以上像素)整体向下移 1 格,得到呼气态——这是第二关键帧。

中间用大约10~12 帧过渡:多数是停住(hold),别每帧都猛变。

节奏可以两种:

  • 五帧缓慢下、五帧缓慢上

  • 或两边各两三帧过渡,中间多停一会儿

过渡点再“揉”软:若有金属胸甲,高光从亮到灰到暗分两三帧掉,别整块金属突然变形。没有盔甲就只做位移,别强行加高光。

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

前半段画完“下沉”后,把这段帧序复制再倒序接上,回到吸气顶,整段像回旋镖。最高点再 duplicate 一两帧,呼吸会稍停一下,别上下对称得像节拍器。

次级运动:手和头发慢半拍

主体呼吸通了,再动手。

身体先下沉时,手别同步掉——晚几帧、略往外一点,会更松弛。肩甲小幅跟着即可。

头发更简单:下沉时略散开、hold 一两帧,再收回。他坦言不一定物理正确,但卡通一点更可爱;注意回升时别比原高度更高,否则像在蹦。

腿和脚影几乎不动。膝盖若弯太多,呼吸会显得太重。他宁可只微微改阴影,腿形保持原样。

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

最后剪掉拖沓的长 hold,把循环收进大约十来帧。导出 GIF 或精灵条时,先看首尾能不能无缝接上(同一吸气顶)。

游戏里可以默认 loop 这条呼吸;只有需要“站定发呆”时,再在代码里加长静姿——不必把静帧写进 idle 动画本身。

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

我自己改学生作业时也见过:idle 帧数比攻击还多,远看像角色在原地故障。

先做出“偶尔喘一口”的循环,比一口气做完表情、转头、抖武器都更接近能进游戏的 idle。

参考资料

https://www.youtube.com/watch?v=vs-ierVdE7I: https://www.youtube.com/watch?v=vs-ierVdE7I