《FlashCS3入门动态特效导航》由会员分享，可在线阅读，更多相关《FlashCS3入门动态特效导航（6页珍藏版）》请在金锄头文库上搜索。
1、Flash CS3 入门 动态特效导航 当制作动画效果较为复杂的导航菜单时， 如果在同一个文档中制作所有的动画效果， 那么文件容量容易过大。 要想保留所有的动画效果同时减少文件容量， 可以将动画效果分别制作在不同的文件中，然后使用载入文件动作，分别载入相应的动画，这样可以实现相同的动画效果。 练习要点 动画文档 加载语句 鼠标事件语句 练习过程 （1）在 Flash 中按 CtrlN 快捷键新建一个【宽】和【高】为 800280 像素的文档，按 CtrlS 快捷键保存文档名称为动态导航条。然后执行【文件】|【导入】|【导入到库】命令，将素材图像导入【库】面板中，如图 65-1 所示。 图 65
2、-1 导入图像 （2）将图像拖入舞台后，在【属性】面板中设置尺寸如图 65-2 所示，并且将单击【对齐】面板中的其放置在舞台右侧。 图 65-2 将图像拖入舞台 （3）在第 70 帧处插入普通帧后，新建“图层 2” ，使用【矩形工具】在图像左侧绘制任何颜色的矩形，其尺寸设置如图 65-3 所示。 图 65-3 绘制矩形 （4）分别在第 10、20、30 与 40 帧处插入关键帧，通过复制与变形更改不同关键帧中的图形，各个关键帧中的形状如图 65-4 所示。 图 65-4 编辑图形 （5）在第 50 帧处插入空白关键帧后绘制矩形，其尺寸与图像相同。然后在各个关键帧之间创建补间形状动画，如图 65
3、-5 所示。 在【对齐】面板中，启用【相对于舞台】按钮，可以精确确定图像在舞台中的位置。 图 65-5 创建补间形状动画 （6）分别在第 60 与 70 帧处插入关键帧，并且在最后一帧中向右水平缩小图形至图像右侧，创建补间形状动画，如图 65-6 所示。 图 65-6 创建图形向右缩小动画 （7）右击“图层 2” ，选择【遮罩层】命令，与“图层 1”结合创建遮罩动画，形成图像区域性显示动画，如图 65-7 所示。 图 65-7 创建遮罩动画 （8）使用相同方法，在不同新建文档中导入不同的素材图像，并且创建由左至右、不同效果的补间形状遮罩动画，如图 65-8 所示。 补间形状动画的第一个与最后一
4、个关键帧中的图形，必须放置在图像外侧。这样创建遮罩层后才能够完全显示图像。 图 65-8 其它补间形状动画 （9） 新建相同属性的空白文档， 导入素材图像后设置尺寸， 并且将其转换为图形元件，设置实例属性如图 65-9 所示。 图 65-9 设置实例属性 （10）按快捷键 CtrlF8 创建按钮元件“按钮” ，绘制 16780 像素的任意颜色矩形。返回场景后新建“图层 2” ，连续拖入该元件 5 次，摆放在舞台左侧，如图 65-10 所示。 图 65-10 创建矩形影片剪辑元件 （11）由上至下依次选中实例“按钮” ，设置实例名称为与颜色样式属性，如图 65-11所示。 图 65-11 设置实
5、例属性 （12） 在新建图层中使用 【矩形工具】 绘制白色矩形， 使用 【文字工具】 输入白色文字，其属性分别设置如图 65-12 所示，作为按钮信息。 图 65-12 输入文字与绘制矩形 （13） 新建 “图层 4” 后打开 【动作帧】 面板， 在其中输入加载文件的语句， 如图 65-13所示，将制作的 5 个动画文档 001.swf 至 005.swf 载入该动画文档中。 通过更改实例的【颜色样式】中的【色调】参数，从而得到不同颜色的按钮，减少元件的创建。 图 65-13 输入加载语句 （14）继续在下一行中输入实例名称为 ann1 的鼠标事件语句，如图 65-14 所示。这里输入的语句是当鼠标指向按钮时，显示动画；当鼠标离开时，清除动画。 图 65-14 输入鼠标事件语句 （15）使用相同鼠标事件语句定义其它影片剪辑元件，至此动画制作完成。保存文档后预览动画效果，如图 8-62 所示，无论鼠标指向哪个按钮，均会播放相应的动画。 图 65-15 预览动态特效导航动画
