Flash动画制作教程：打造转动的风车补间动画

1.“动作补间动画”的操作方法

动作补间动画用于“元件”或“组成对象”之间。在时间轴上的某一个关键帧上设置一个元件，然后在另一个关键帧上改变该元件的颜色、大小、位置或透明度等，在二者之间给予动画，便为动作补间动画。

●转动的风车

（1）首先选择菜单栏【文本】→【新建】命令或快捷键【Ctrl+N】新建一个空白Flash文档。

（2）双击图层1名称并命名为：风车层。

（3）使用工具箱中的【矩形工具】（R）绘制一条矩形，如图1-234。

图1-234

（4）双击选中此矩形按下【F8】键，在弹出的“转化为元件”对话框中，输入名称为“风车1”，类型选择“图形”，注册点为中间点，如图1-235。设置完单击“确定”按钮即可。

图1-235

（5）选择菜单栏【窗口】→【变形】命令或快捷键【Ctrl+K】调出“变形”面板。

（6）单击选中“风车1”元件，在“变形”面板旋转右侧填入数值“45度”，然后点击3次“复制并应用变形”按钮，效果如图1-236。

图1-236

（7）双击“风车1”元件，进入其元件内部编辑状态，选择工具箱中的【线条工具】（N），单击“颜色区”中的“笔触颜色”，在弹出的颜色库中选择红色。

（8）然后在矩形上绘制两条对角线，如图1-237所示。

图1-237

（9）如果刚刚绘制的线是在“对象绘制”下进行，则需要使用快捷键【Ctrl+A】全选，然后使用【Ctrl+B】分离命令将其打散，反之则跳过此步。

（10）单击工具箱中的【选择工具】（V）选中上下的三角形将其删除，如图1-238所示。

图1-238

（11）使用【选择工具】（V）框选元件内的全部图形，单击“颜色”区的“笔触颜色”选择“无色”，此时效果如图1-239所示。

图1-239

（12）双击元件内的空白处，回到场景1中。

（13）单击选中任意元件，选择“属性”面板中的“颜色”→“色调”→“橘黄色”，设置“色彩”数量为“100%”，效果如图1-240所示。

（14）依次按照以上方法更改其他元件为喜欢的颜色，如图1-241所示。

图1-240

图1-241

（15）锁定此图层（风车层），单击“插入图层”按钮，将新建的图层双击命名为“小木棒”。

（16）使用工具箱中的【矩形工具】（R）绘制一条细长的矩形，如图1-242所示。

图1-242

图1-243

（17）使用【选择工具】（V）全部框选此矩形，选择菜单栏【窗口】→【混色器】命令或快捷键【Shift+F9】将“混色器”面板调出来，单击填充颜色，然后在其类型中选择“线性”，设置线性颜色为橘黄色和深褐色。此时矩形如图1-243所示。

（18）将“小木棒”层移至“风车层”下面并锁定。单击“插入图层”按钮，将新建的图层双击命名为“圆”，并将此层移至最顶层，如图1-244所示。

（19）在“圆”的图层上使用【椭圆工具】（O），在风车的中间配合【Shift】键绘制一个正圆，如图1-245。

图1-244

图1-245

（20）锁定此图层（圆），然后将“风车层”解锁。单击选中“风车层”，选中此层上的所有元件，按下【F8】键，在弹出的“转化为元件”对话框中命名为“风车”，类型为“图形”，注册点为中间，如图1-246，然后点击“确定”按钮。

图1-246

（21）在时间轴的第20帧处，按下【F6】键插入一个关键帧；在“圆”层第20帧处单击鼠标左键并按下【Ctrl】键，单击“小木棒”层的第20帧，然后松开【Ctrl】键并按下【F5】键插入帧，此时时间轴效果如图1-247所示。

图1-247

（22）单击“风车层”的第一帧，然后点开“属性”面板，如图1-248。

（23）单击“补间”右侧的下拉按钮，在弹出的列表中选择“动画”。此时，属性出现动画补间类型的属性，如图1-249。

（24）点击“旋转”右侧的下列按钮，在弹出的内容中选择顺时针，右侧会出现旋转数，填入数值为“1”次，如图1-250。

图1-248

图1-249

图1-250

（25）完成以上步骤即可选择菜单栏【控制】→【测试影片】或使用快捷键【Ctrl+Enter】预览效果。

“动作补间动画”的属性设置

上面的实例中，创建了动作补间动画后，出现的“属性”面板，如图1-251所示。

图1-251

动作补间动画属性面板各项功能如下：

补间：点击右侧下拉按钮，有无、动画和形状3种类型可供选择。

缩放：选中该复选框，对象在运动时可以按照比例进行缩放。

缓动：设置动画在开始和结束的加速或减速等。

编辑：单击“编辑...”按钮，将弹出“自定义缓入/缓出”对话框，在此对话框中可以设置动画缓入/缓出的效果，如图1-252。

旋转：可以用来设置对象的旋转方向。点击其右侧的下拉按钮，包括无、自动、顺时针和逆时针4个选项，默认为自动。选择顺时针或逆时针后，其右侧可出现输入旋转次数的文本框，在里面输入需要的数值即可。

调整到路径：单击选中此复选框可以使对象沿着指定的路径进行运动，并随着路径的变化会相应地调整角度。

图1-252

同步：单击选中此复选框可以使动画在主场景中正确地循环，即可以首尾连续地循环播放。

对齐：选中此复选框可以使对象沿路径运动时会自动捕捉路径而使其与路径对齐。

课后练习：练习补间动画的操作方法，以便能够灵活制作各种补间动画。

2.时间轴特效

时间轴特效可以用于各种类型的动画中，如文本、位图以及元件上，能快捷地创建比较复杂的动画。

选择菜单栏【插入】→【时间轴特效】命令，可以看到在其子菜单有变形、转换、分散式直接复制、复制到网格、分离、展开、投影及模糊8种命令。

3.变形

选择菜单栏【文件】→【导入】→【导入到舞台】命令或快捷键【Ctrl+R】，在弹出的“导入”对话框中选择一张位图，然后单击“打开”将其导入。然后选中此位图，选择菜单栏【插入】→【时间轴特效】→【变形/转换】→【变形】命令，弹出如图1-253所示的“变形”对话框。

效果持续时间：在此输入变形特效的帧数。

更改位移方式：单击右侧下拉按钮还可选择“移动位置”选项，右侧的“X”“Y”为此变形特效位移的像素数。

缩放比例：用来调整对象大小，左侧小锁为按比例缩放，不想按比例缩放可点击解锁为，且右侧将出现X和Y轴的缩放百分率输入框。

旋转度数和旋转次数：具有相关联性，只在其中一个文本框中输入数值即可。例如在旋转度数处输入“360”，其旋转次数会自动显示“1”。(www.xing528.com)

旋转方向：单击按钮为逆时针旋转；按钮为顺时针旋转。

图1-253

更改颜色和最终颜色：若此变形需要更改颜色，只要勾选更改颜色，单击右侧的“最终颜色”选择颜色即可。若不需要，则取消勾选。

最终的Alpha值：此变形中补间动画的透明度变化，取值在1%～100%，值越小越透明。值越大越清晰。

移动减慢：移动时速度的渐变效果，可以选择“开始时缓慢”或“结束时缓慢”，输入值范围为-100～100。

设置好后，可以点击“更新预览”按钮查看效果。效果满意后单击“确定”按钮，即完成设置，此时时间轴为图1-254所示。完成后可使用快捷键【Ctrl+Enter】测试预览最终效果。

图1-254

4.转换

选择菜单栏【文件】→【导入】→【导入到舞台】命令或快捷键【Ctrl+R】，在弹出的“导入”对话框中选择一张位图，然后单击“打开”将其导入。然后选中此位图，选择菜单栏【插入】→【时间轴特效】→【变形/转换】→【转换】命令，弹出如图1-255所示的“变形”对话框。

效果持续时间：在此输入转换特效持续的帧数。

方向：设置“入”“出”的方向，在右侧有上下左右按钮可供选择。

淡化：“出”“入”时勾选此项，可实现淡入淡出效果。

涂抹：“出”“入”时勾选此项，可实现逐渐出现和消失的效果。

图1-255

移动减慢：设置移动时速度渐变效果。

设置好后，可以点击“更新预览”按钮查看效果。效果满意后单击“确定”按钮，即完成设置，且可【Ctrl+Enter】测试预览最终效果。

5.分散式直接复制

使用工具箱中的【文本工具】（T），在舞台中输入“FLASH”，然后使用【选择工具】（V）将其选中，然后选择单击鼠标右键，在菜单栏选择【插入】→【时间轴特效】→【帮助】→【分散式直接复制】命令，此时弹出如图1-256所示的“分散式直接复制”对话框。

图1-256

副本数量：在此输入要复制的数量。

偏移距离：设置复件之间X、Y轴之间的距离。

偏移旋转：设置复件之间的旋转角度。

偏移起始帧：设置复件之间的显示时间差。

缩放区域：单击右侧下拉按钮，还有“线性缩放比例”选项，在其下可调整复件大小。

如不需要等比例缩放，即可单击小锁按钮，将其解锁状态，在其右侧现实的X、Y轴缩放比率文本框中进行修改。

更改颜色和最终颜色：勾选此项，可改变复件的颜色，从原件到最后一个复件可以进行颜色的逐渐变化。取消勾选，则不进行变色。

最终Alpha值：用来设置动画补间渐变透明的效果。

设置好后，可以点击“更新预览”按钮查看效果。效果满意后单击“确定”按钮，即完成设置，且可使用快捷键【Ctrl+Enter】测试预览最终效果。

6.复制到网格

选择菜单栏【文件】→【导入】→【导入到舞台】命令或快捷键【Ctrl+R】，在弹出的“导入”对话框中选择一张位图，然后单击“打开”将其导入。然后选中此位图，选择菜单栏【插入】→【时间轴特效】→【帮助】→【复制到网格】命令，弹出如图1-257所示的“复制到网格”对话框。

图1-257

网格尺寸：设置其行和列的数值。

网格间距：设置其行和列的间距数值。

设置好后，可以点击“更新预览”按钮查看效果。效果满意后单击“确定”按钮，即

完成设置，且可使用快捷键【Ctrl+Enter】测试预览最终效果。

7.分离

选择菜单栏【文件】→【导入】→【导入到舞台】命令或快捷键【Ctrl+R】，在弹出的“导入”对话框中选择一张位图，然后单击“打开”将其导入。然后选中此位图，选择菜单栏【插入】→【时间轴特效】→【效果】→【分离】命令，弹出如图1-258所示的“分离”对话框。

图1-258

效果持续时间：设置此分离特效持续的帧数。

分离方向：可单击下侧的方向按钮设置其分离移动的方向。

弧线大小：设置X、Y轴方向的偏移量值。

碎片旋转量：设置分离产生的碎片旋转角度。

碎片大小更改量：用来设置碎片的大小，在其下方的X、Y轴上输入像素数即可。

最终的Alpha值：设置其动画补间渐变的效果。

设置好后，可以点击“更新预览”按钮查看效果。效果满意后单击“确定”按钮，即完成设置，且可使用快捷键【Ctrl+Enter】测试预览最终效果。

8.展开和投影

选择菜单栏【文件】→【导入】→【导入到舞台】命令或快捷键【Ctrl+R】，在弹出的“导入”对话框中选择一张位图，然后单击“打开”将其导入。然后选中此位图，使用组合键【Ctrl+D】直接复制此图形，然后将其放置到合适位置，如图1-259所示。

图1-259

利用工具箱中的【选择】工具将这两张图片全选，然后选择菜单栏【插入】→【时间轴特效】→【效果】→【展开】命令，弹出如图1-260所示的“展开”对话框。

图1-260

效果持续时间：设置此展开特效持续的帧数。

类型选项组：此项由展开、压缩和两者皆是三个特效类型选项组成。

移动方向：可单击下侧的方向按钮设置其展开移动的方向。

组中心转换方式：设置X、Y轴方向的偏移量值。

碎片偏移：设置展开产生碎片的偏移量。

碎片大小更改量：用来设置碎片的大小，在其右侧的高度和宽度上输入数值即可。

设置好后，可以点击“更新预览”按钮查看效果。效果满意后单击“确定”按钮，即完成设置，且可使用快捷键【Ctrl+Enter】测试预览最终效果。

9.部分投影

选择菜单栏【文件】→【导入】→【导入到舞台】命令或快捷键【Ctrl+R】，在弹出的“导入”对话框中选择一张位图，然后单击“打开”将其导入。然后选中此位图，选择菜单栏【插入】→【时间轴特效】→【效果】→【投影】命令，弹出如图1-261所示的“投影”对话框。

图1-261

颜色：单击右侧的颜色按钮，在弹出的颜色库中可以选择投影的颜色。

Alpha透明度：用来设置投影的透明度，输入数值或拖动其下方的滑块皆可。

阴影偏移：设置其投影在X、Y轴方向的偏移量。

设置好后，可以点击“更新预览”按钮查看效果。效果满意后单击“确定”按钮，即完成设置，且可使用快捷键【Ctrl+Enter】测试预览最终效果。

10.模糊

选择菜单栏【文件】→【导入】→【导入到舞台】命令或快捷键【Ctrl+R】，在弹出的“导入”对话框中选择一张位图，然后单击“打开”将其导入。然后选中此位图，选择菜单栏【插入】→【时间轴特效】→【效果】→【模糊】命令，弹出如图1-262所示的“模糊”对话框。

图1-262

效果持续时间：设置此展开特效持续的帧数。

分辨率：用于设置模糊时产生阴影的清晰度。值越大处理速度越慢，反之，值越小处理速度越快。

缩放比例：可设置阴影与源文件的比例大小。

允许水平模糊：勾选此项，可在水平方向产生模糊。

允许垂直模糊：勾选此项，可在垂直方向产生模糊。

移动方向：可单击下侧的方向按钮设置其模糊运动的方向。

设置好后，可以点击“更新预览”按钮查看效果。效果满意后单击“确定”按钮，即完成设置，且可使用快捷键【Ctrl+Enter】测试预览最终效果。

课后练习：练习时间轴特效的操作方法，并能够灵活运用。