Flash如何制作圆形移动动画

Flash如何制作圆形移动动画

先来看一下最终效果，一个圆形在画面上从左到右、再从右到左来回移动，中间还带点形状变化和缓动节奏，看起来挺自然的。下面就把整个制作过程拆解清楚。

打开Flash，新建一个文档。这一步没什么好说的，直接上手。

在工具栏里找到椭圆工具，就是那个画圆圈的图标。选中它，然后在舞台上拖动鼠标，画一个圆形出来。大小随你喜好，但尽量画得圆一点。

接下来要延长时间轴。默认时间轴只有一帧，我们需要让动画跑起来，所以把时间轴延长到30帧。怎么操作？在时间轴的第30帧上右键，选择“插入关键帧”。这样第30帧就有了和第一帧一样的内容。

在第30帧选中圆形，把它向右拖动一段距离。这样，第1帧的圆形在左边，第30帧的圆形在右边，中间就形成了移动的跨度。

现在关键的一步来了：创建形状补间动画。选中第1帧到第30帧之间的任意一帧，在属性面板里找到“补间”选项，选择“形状”。这样Flash就会自动生成从左边到右边的过渡动画。

如果只是单纯移动，动画会显得很呆板。为了让效果更丰富，我们可以在中间加一个形状变化。在第15帧插入一个关键帧，然后选中圆形，用变形工具或者直接调整节点，把圆形变形成其他形状（比如压扁一点或拉长一点）。这样动画在移动过程中就会有一个形状的过渡。

光有形状变化还不够，节奏感也得跟上。选中第1帧到第15帧之间的任意一帧，在属性面板里找到“缓动”参数，把它设为-100。这个负值会让动画先慢后快，像是加速起步。然后选中第15帧到第30帧之间的任意一帧，把缓动参数设为100，这样动画就会先快后慢，像是减速刹车。一来一回，整个运动就有了弹性。

现在动画只有从左到右的单程。要让它来回移动，还需要再制作从右向左的部分。方法基本一样：在第31帧插入关键帧，把圆形放到右边位置，然后延长到比如60帧，在第60帧把圆形移回左边，再创建形状补间。同样可以在中间帧加形状变化和缓动参数。这里就不重复截图了，操作和前面完全对称。

最后做一点美化。新建一个图层，放在最底层，用圆角矩形工具画一个背景色块，颜色柔和一些，这样圆形在上面会更明显。背景图层可以延伸到同样长度，确保覆盖整个动画。

到这里，整个动画就完成了。播放一下看看，圆形从左到右、再从右到左，中间还带形状变化和缓动效果，是不是比单纯的平移生动多了？