像素画动画怎么学怎么练?先用火柴人

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

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

像素画新手常问:动画太难了,怎么学?

下面以火柴人出拳为例,看“略动 → 关键姿势 → 调时间”怎么把动画做好。软件用 GraphicsGale 或 Aseprite 都行;下文帧时同时写 60 分之一秒和毫秒。

目标感观是“顺滑”,不是帧数堆多。

先画火柴人

别一上来就画完整点绘角色。动画先从火柴人开练。

推荐三头身:头、身、腿大致等长;手脚略长,末端偶尔加粗。

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

蓄力与绷直,两种都能当起点。

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

头身腿约一比一;之后身体会拉长缩短。

形状随便你定——头上长手、头身夸张、线加粗都没关系。手感顺手最重要。

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

先找你画得最快的那一款。

出拳:从略动开始

画布大约 180×130。底下画一条地面线,上面立一个黑白火柴人,摆成蓄力姿势。先别上色。

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

白底黑线,够看清动作即可。

第二帧:只让姿势“稍微”动一点。后面那只手往前送,别一次打满。

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

这一帧真的只要一点点。

第三帧:打出拳头。上身略前倾,一臂伸直,另一臂收到头侧。

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

手臂拉长一点也不要紧,夸张更清楚。

第四帧:在出拳姿势上再往前“略动”一点,腰可以稍沉。别往回缩。

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

效果有了!

补一帧交叉,再调时间

第二帧到第三帧之间,容易看成“前侧那只手在打”。中间插一帧:前后臂在身前交叉,头的位置取两帧中间。

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

上身半转过去,出拳方向才读得清。

时间先这样定:首尾约 30/60 秒(Aseprite 约 500 毫秒);中间动作帧约 4/60 秒(约 30 毫秒)。数字听起来短,播出来反而顺。

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

停的长、打的短。

再加第六帧:从第五帧再略动;并把出拳那一帧的手臂加粗。

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

更顺了;若觉得黏,后面再减帧。

技巧一:前后移与抖动

整段用选区平移:1 点 → 2 点 → 大步 → 2 点 → 1 点收住。

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

先别管脚步,看身体冲量。

起手先往后收 2 点再 1 点,再大步打出,像拉弓。

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

蓄力读得更清楚。

收招往回退 1~2 点,像撞到东西有反冲。

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

落地那一下有重量。

把最后一帧多拷几份,从出拳后开始整画上下左右抖:先 2 点抖几帧,再 1 点抖几帧,晃会自己收住。

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

地面线若被裁切,记得补画。

技巧二:蓄力、回环、减帧

先回到原位置。

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

基准再摆正,方便加戏。

在第一、二帧之间插两帧蓄力;其中一帧可设 8/60 秒(约 60 毫秒),打前短停一下。

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

停一下,再打出去。

收招:先把最后一帧的手臂弯回来。

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

这是回环的起手,别急着嫌丑。

再往后加约三帧,一点点回到站姿,循环就成型。

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

已经能循环播。

想要的快处再压一半时间:交叉、粗臂、伸直这几帧可从 4/60 改到 2/60 秒(约 15 毫秒)。

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

停处长、快处短,帧才有用。

仍不顺就删帧。火柴人删起来不心疼——这正是它的价值。

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

顺滑也靠减法。

帧多不等于顺;该快的压短、该停的拉长,往往比盲目加帧管用。

技巧三:合在一起

把蓄力回环,加上前冲与抖动。

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

蓄力的味道出来了。

出拳伸直那几帧再拷两份,同样加抖动,停帧也像在“打实”。

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

一眼能读出“打中了”。

移动猛的帧,把身体横向拉长一点——电视动画常用,点绘里也常用。

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

重量感往往来自这一下变形。

有余力再补脚步、后撤步、简单特效;特效也可用“大步 → 2 点 → 1 点”同一套节奏。

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

同一套节奏,换部件也能用。

换招练,再落到点绘

同一套思路,换动作照练。

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

下砸同样是略动与快慢。

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

投射物也吃同一套时间感。

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

乱滚也先在火柴人上试错。

记住几件事:略动 → 换姿势 → 再略动;先收再放、加抖动;大步幅度你定;回环收招;不顺就减帧。

练熟后再落到点绘角色。

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

蓄力、后拉、出击、回站。

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

加帧、粗拳、抖动、回拳拧一下。

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

有对象,重量更好传。

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

体型不同,同一逻辑照搬。

大尺寸点绘也能靠“略动 → 大步 → 略动”撑住观感,不必每秒三十张。

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

大图更要省帧,基本节奏够用。

走路、跑步另说——那套节奏这篇盖不住。先把出拳、砸、投射物在火柴人上练熟。

火柴人值得反复练。

总结

  1. 动画先火柴人:略动 → 关键姿势 → 再略动;交叉帧把转向说清。

  2. 首尾停长、中间打短;前冲、先收、抖动、拉伸是加味,不是堆帧。

  3. 不顺就减帧;练熟同一套再落到点绘。走路跑步另开专题。

参考资料

https://note.com/atlantic_skgw/n/n6296c5a8b680: https://note.com/atlantic_skgw/n/n6296c5a8b680