FLASH 8自定义缓入/缓出动画范例

本小节我们利用自定义缓入/缓出动画制作一个逼真弹跳的球范例，范例效果如图3-96所示。

图3-96 范例效果

下面讲解制作过程。

（1）为了方便本范例的制作，笔者已经事先制作好了一些图形元件。我们直接打开本实例中的提供素材的原始文件，在这个文件的基础上进行操作。如图3-97所示是事先制作好的三个图形元件。

图3-97 事先制作的图形元件

（2）将“图层1”重新命名为“背景”。在这个图层上，将“库”中的“背景”图形元件拖放到舞台上。在“属性”面板上设置坐标为（0，0）。

（3）新建一个图层，将其重新命名为“球”。在这个图层上将“库”中的“球”图形元件拖放到舞台正上方。如图3-98所示。

图3-98 “球”图层第1帧

（4）在“球”图层的第60帧插入一个关键帧，并将60帧上球移动到舞台中央。在“背景”图层的第60帧插入一个帧。如图3-99所示。

图3-99 “球”图层第60帧

（5）选择“球”图层第1帧，在“属性”面板中，选择“补间”下拉菜单中的“动画”选项。这样定义了从第1帧到第60帧的补间动画。

（6）单击“缓动”右边的“编辑”按钮，弹出“自定义缓入/缓出”对话框。如图3-100所示。

图3-100 “自定义缓入/缓出”对话框

（7）在弹出“自定义缓入/缓出”对话框中，在对角线上单击添加一个节点（水平位置在20帧）。向上拖动这个节点到100％的位置。如图3-101所示。

图3-101 增加一个节点

分别水平拖动节点左右两个切点，让两个切点和节点重合。如图3-102所示。

图3-102 调节两个切点

（8）再增加一个切点（水平位置在30帧），然后向下拖动切点到80％的垂直位置。如图3-103所示。

图3-103 添加第二个节点

（9）按照第（7）步骤的方法，再添加第三个节点。如图3-104所示。

图3-104 添加第三个节点

（10）按照第（8）步骤的方法，再添加第四个节点。如图3-105所示。

图3-105添加第四个节点

至此，缓动曲线就设置好了，单击“确定”按钮。

（11）按下Ctrl＋Enter键测试影片，可以看到球来回弹跳的动画效果。为了使球弹跳更逼真，下面添加球的投影效果。

（12）新建一个图层，将其重新命名为“投影”。在这个图层上将“库”中的“投影”图形元件拖放到舞台上。调整投影图形的位置，使之与球相符。如图3-106所示。

图3-106 投影图形

（13）在“投影”图层的第60帧插入一个关键帧。

（14）选择“投影”图层第1帧上的投影，在“属性”面板中设置它的Alpha为15％。

（15）选择“投影”图层第1帧，在“属性”面板中定义补间动画。

（16）选择“球”图层第1帧，在“属性”面板中单击“编辑”按钮打开“自定义缓入/缓出”对话框。按Ctrl+C键复制缓动曲线。单击“确定”按钮。

（17）选择“投影”图层第1帧，在“属性”面板中单击“编辑”按钮打开“自定义缓入/缓出”对话框。按Ctrl+V键粘贴复制的缓动曲线。单击“确定”按钮。

至此，本范例制作完毕。赶快测试一下动画效果吧。通过自定义缓入/缓出动画功能，我们制作得小球弹跳效果十分逼真。

素材下载