# 制作动画

制作动画是一个迭代过程。在制作动画过程中，对[关键帧](/spine-keys)进行可视化并调整其时间和值时，会广泛用到[曲线图](/spine-graph)和[摄影表](/spine-dopesheet)。在使用下面的技术之前，建议先了解曲线图和摄影表的工作原理。

要成为一名优秀的动画师是一个复杂的话题，远非本篇文章所能概全。为此我们推出了一个名为“[使用Spine制作动画](/spine-videos#animatingWithSpine)”的系列教学视频，并会持续更新，此外，还强烈建议您阅读Richard Williams所著的“[动画师生存工具包](http://www.amazon.com/The-Animators-Survival-Richard-Williams/dp/0571202284)”。如果想要快速浏览动画的原理，请参阅[维基百科](http://en.wikipedia.org/wiki/12_basic_principles_of_animation)“12条动画基本原理”或观看此[系列视频](https://www.youtube.com/playlist?list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd)。

# 动画创作的方法

有许多创作方法可用于 Spine 设计动画。下面是一些最常见的方法。每个动画师需要自己决定哪些技术组合最适合他们及特定的动画任务。

## 顺序法（Straight Ahead）

采用这种方法，在动画的创作的过程中，从开始至结束都是按照时间的先后顺序去设置每一帧的姿势。这种方法简单易懂，因此初学者常采用这种方法以便直观地创作动画。

顺序法的优点在于动作自然流畅，因为帧间的动作类似。缺点在于很容易偏离动画的最终效果，如在特定时间内装配动画。而且创作的时间也要比其他方法长。

顺序法的工作流程可以充分地发挥创造力。当角色沿着一条路径移动时，这种流程往往非常适合。

我们的[12条原理](https://www.youtube.com/watch?v=ECM2WIN3cgY)视频在末尾处提供了一个练习顺序法的好练习:

[Bilibili](https://www.bilibili.com/video/BV1Nz4y127sM/)
<iframe src="//player.bilibili.com/player.html?bvid=BV1Nz4y127sM&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>!!

[youtube:ECM2WIN3cgY]

## 姿势法（Pose to Pose）

姿势法是创作动画的常用首选方法。采用这种方法，先设置动画最主要的几个姿势，不必过于考虑姿势关键帧的时间轴。 当一个动画的主要姿势确定下来，再对其时间轴进行调整，然后填充主要姿势之间的空缺。

这种方法是将重点放在动画最重要的部分。只需很少的工作量，便可反映整个动画的运动轨迹，此时再对动画进行调整会显得更省事。这种方法的难点在于填充主要姿势之间的空缺时，若调整得不够好会导致整个动画的运动轨迹显得不自然。

使用姿势法创作动画，可在[播放视图](/spine-playback)上勾选`步进式`。这将关闭为所有关键帧生成的渐变效果，意味着只会看到关键帧姿势。

## 分层法（Layered）

分层法意味着在某个时间仅处理一些特定部分，隐藏其他部分。 在创作过程中会完成多次传递，直到为所有部分均已创建动画。

例如，可隐藏骨架的大多数附件，在第一次传递期间，将重点仅放在身体和四肢上。 而对于其他一些动画，也可以隐藏骨架的胳膊和腿，仅对臀部和躯干创建动画，然后再次对腿和胳膊创建动画。

通过分层法可屏蔽干扰，让动画设计师专注于骨架最重要的部分，这将引导剩余部分的实际动画效果。与姿势法相比，分层法的难点在于需要深入了解身体运动机制，在创作的前期对动画的更改将显得比较困难，容易导致动画部分之间的动作中断。

当骨架中的大部分骨骼已设置好大多数动作时，这时使用分层法创作动画会有更好的效果。

## 结合法

这种方法就是将多种技术结合使用。 例如，首先使用姿势法创建*必需*的主要动画姿势，然后采用顺序法从头到尾过几遍动画，每次再采用分层法制作某一部分的动画。这种结合法有助于在逻辑规划与创意之间取得平衡。

# 曲线

曲线可让动画设计师调整关键帧之间转换的速度。 当骨架的所有部分以恒定速度移动时，动作就显得机械、不够生动。有关更多信息，请参见[曲线图视图](/spine-graph)。

# 视频

[Bilibili](https://www.bilibili.com/video/BV1vt4y1r7Yy/)
<iframe src="//player.bilibili.com/player.html?bvid=BV1vt4y1r7Yy&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>!!

[youtube:iHDtWbFLf_w&list=PLwGl7Ikd_6GRFo7d0uRu_fN2RIlvkxW7b]

[Bilibili](https://www.bilibili.com/video/BV1Fp4y1x7Cv/)
<iframe src="//player.bilibili.com/player.html?bvid=BV1Fp4y1x7Cv&autoplay=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>!!

[youtube:CDdrR2MVudE&list=PLwGl7Ikd_6GRFo7d0uRu_fN2RIlvkxW7b]

[下一节: 附件](/spine-attachments)
[上一节: 关键帧](/spine-keys)
[Spine用户指南: 目录]