Android 版已上线:限时免费,马上画会动的像素画
Android 版 →
iOS 版:在 iPad 上用 Apple Pencil 画会抖的像素画,一键导出 GIF 与视频
iOS 版 →

动画制作入门:5 个让画面动起来的基础练习

粉色背景上用抖动线条画出的动态手绘角色

从挤压拉伸、预备动作、时间间距、弧线和跟随动作入门动画制作,用简单形状完成能循环播放的 GIF 动画。

第一次尝试动画制作,不需要完整角色设定、复杂分镜或几十张精修画面。一个轮廓清楚的形状,加上一个能看懂的动作,就足够练习动画的重量、节奏和方向。

WigglyPaint 不是传统的二维动画软件。它会让每一笔线条自动抖动,画完就能看到动态效果;需要更完整的动作时可以添加帧,再导出 GIF动画。对于想尝试在线动画制作的新手,这种方式能把注意力放在动作本身,而不是先研究复杂时间线。

开始动画制作前先缩小范围

第一次动画制作建议只做四个决定:

  • 主体只选一个:圆球、色块、花、星星或小头像。
  • 动作只选一个:弹跳、眨眼、摇摆、呼吸或挥手。
  • 颜色控制在三种以内,避免动态线条互相干扰。
  • 先确定循环动画的起点和终点,再添加装饰。

很多“如何制作动画”的问题,真正难点不是工具,而是动作不够明确。简单动画制作应先保证剪影一眼能看懂,再考虑细节。

练习一:用挤压和拉伸表现重量

挤压和拉伸是最实用的动画原理之一。画一个圆球落地时变宽、变矮,离地时变窄、变高,同时保持整体体积接近。这样观众会理解它在受力,而不是忽然变大变小。

在 WigglyPaint 中做这项动画制作时,轮廓要粗,内部细节要少。自动抖动负责细微生命感,轮廓变化负责主要动作。这也是以后学习逐帧动画时最值得保留的观察方法。

练习二:主动作之前先有预备动作

跳起之前先下蹲,挥手之前手臂先向后,花朵张开之前先轻轻收拢。预备动作是在告诉观众“接下来会发生什么”。

用两个姿势完成一次动画制作练习:低矮的色块和向上伸展的色块。如果不加文字也能读出“准备跳起”,说明动作已经成立。手绘动画不一定要画得精致,但动作关系必须清楚。

练习三:理解时间与间距

时间决定动作持续多久,间距决定相邻画面之间移动多远。位置靠得近,看起来较慢;间隔突然变大,看起来就在加速。

用三个点完成一次动画制作练习:让前两个点靠近,第三个点离得更远,眼睛会自动读出加速。制作 GIF动画时要反复预览,发现循环接缝跳动,就删除多余画面或调整末尾位置。

练习四:沿弧线运动,并加入跟随动作

手臂摆动、球体弹跳、树叶飘落通常沿弧线运动。可以先画一条很淡的曲线,把关键位置放在曲线上,再擦掉辅助线。

跟随动作是主体停止或转向后仍在继续的部分,例如头发、围巾、耳朵和尾巴。一次动画制作先选一个跟随部位即可。细节太多,会让小尺寸二维动画变得嘈杂。

练习五:让次要动作服务于循环

次要动作应该解释主体动作,而不是抢走注意力。植物摇摆时,让一片叶子稍晚跟上;角色眨眼时,让高光轻微下沉。然后使用“静止—动作—回落—静止”的顺序连接成循环动画。

完成这次动画制作后,把画面缩小到表情包尺寸观看。如果动作仍然清楚,说明层级正确;如果只剩一团闪动的线,就删掉装饰。

动画制作导出检查表

导出前检查这五项:

  1. 能否用一个动词说出主要动作?
  2. 缩小后剪影是否仍然清楚?
  3. 是否有明确的准备、动作和结束?
  4. 最后一张能否自然连接第一张?
  5. 删除一个细节是否会更容易看懂?

一份动画教程的目的不是让第一件作品达到商业标准,而是帮助你完成、判断和重复练习。动画制作可以粗糙,但动作逻辑不能含糊。

下一步怎么练

不要马上做大场景。连续完成弹跳圆点、眨眼头像和摇摆植物,每次动画制作练习控制在十分钟左右。保留动作最清楚的一版,再换画笔或速度比较。

准备好后,打开 WigglyPaint 开始动画制作:先画一个简单形状,让动画画笔提供手绘抖动,需要时再添加帧,最后导出 GIF。

做出你的第一张动态画作

只选一个形状和一个动作,剩下的抖动交给 WigglyPaint。

免费开始画画