Flash CS4 Professional实用案例教程（ 第二版） 高职多媒体 洪光 任务 6.9.3.pdfVIP

制作交互式“动态按钮”动画 6.9.3 快速上手 步骤 1 新建一个 150×150 像素，背景为黑色的 Flash 文件。 步骤 2 首先制作“弹起”状态下按钮的图像。选择菜单【插入】→【新建元件】或 者按 Ctrl+F8 键，弹出【创建新元件】对话框，在名称框中输入一个名称“花形”，在行为 选项中选择“图形”作为元件类型，单击 ，创建“花形”图形元件，如图 6-136 所 示。 步骤 3 进入图形元件编辑模式。创建“弹起”状态的按钮图像。使用【工具】面板 中的工具，在舞台上绘制一个花形，并删除边线，为花形对象填充颜色。移动花形对象或使 用【对齐】面板，将它的十字中心点与舞台中心对齐，如图 6-137 所示。 图6-136 【创建新元件】对话框 图6-137 图形元件编辑模式 步骤 4 “弹起”帧的图像制作完毕后。选取舞台上的“花形”图形，按Ctrl+C 键复 制它，以备“指针经过”帧和“按下”帧使用。单击时间轴上的“场景 1”标签，回到场景 中。 步骤 5 现在开始制作“指针经过”帧的影片剪辑 元件。选取【插入】→【新建元件】命令或者按 Ctrl+F8 键，弹出【创建新元件】对话框，为新按钮输入一个名字 “花形1”，在行为选项中选择“影片剪辑”作为元件类 图6-138 【创建新元件】对话框 型，单击 。如图6-138 所示。 步骤 6 转到元件编辑模式，工作区的上方显示了元件“花形 1”。选取【编辑】→【粘 贴到当前位置】命令或打开【库】面板，如图 6-139 所示。将【花形】按钮元件从库中拖拽 到第 1 帧中，这时，在原来的位置上就出现了“花形”元件的实例。右击图层 1 的第20 帧， 在弹出的菜单中选择【插入关键帧】命令，即把图层 1 的帧数增加到 20 帧，如图 6-140 所 示。 图6-139 【库】面板 图6-140 转到“花形 1”元件编辑模式 步骤 7 单击时间轴左下角的按钮，在图层 1 的上方增加一新图层2 。从库中拖入“花 形”元件，将它放于工作区正中央并修改其颜色。在图层 2 的第 20 帧处单击，按 F6 键， 创建关键帧。选择工具箱中的【任意变形工具】 ，调整按钮元件的大小，然后将它放置 于右上角，如图 6-141 所示。调整 Alpha 值为 0%，并创建运动补间动画，如图 6-142 所示。 图6-141 调整元件的大小 图6-142 调整 Alpha 值为 0 步骤 8 重复第 7 步的操作，完成向右下角、左上角、左下角运动渐变、颜色渐变、 大小渐变的动画，完成的效果如图 6-143 所示。 步骤 9 单击时间轴上的“场景 1”标签，回到场景中。现在开始制作“按下”帧 的影片剪辑元件。选取【插入】→【新建元件】或者按Ctrl+F8 键，弹出【创建新元件】 对话框，如图 6-144 所示。为新元件输入一个名字“花形 2 ”，在行为选项中选择“影片剪 辑”作为元件类型，单击 。 图6-143 完成的效果 图6-144 【创建新元件】对话框 步骤 10 转到元件编辑模式。工作区的上方显示了元件的名称，选取【编辑】→【粘 贴到当前位置】命令或打开【库】面板。将花形元件拖拽到原来的位置上。单击图层 1 的第 20 帧，按 F6 键，创建关键帧。即把图层 1 的帧数增加到20 帧。选择【工具】面板中的【任 意变形工具】 ，将花形左旋转 180 度。 步骤 11 单击时间轴左下角的增加图层按钮，在图层 1 的上方增加一新图层2 。 从库中拖入“花形 2 ”元件，将它放于工作区正中央，在图层2 的第20 帧处单击，按 F6 键， 创建关键帧。选择【工具】面板中的【任意变形工具】 ，将“花形2 ”元件缩小，如图 6-145 所示。 步骤 12 选择【属性】面板中的“Alpha ”项，并把它的