FlashCS3入门动态特效导航.pdf

《FlashCS3入门动态特效导航.pdf》由会员分享，可在线阅读，更多相关《FlashCS3入门动态特效导航.pdf（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Flash CS3 入门 动态特效导航 当制作动画效果较为复杂的导航菜单时，如果在同一个文档中制作所有的动画效果，那么文件容量容易过大。要想保留所有的动画效果同时减少文件容量，可以将动画效果分别制作在不同的文件中，然后使用载入文件动作，分别载入相应的动画，这样可以实现相同的动画效果。练习要点 动画文档 加载语句 鼠标事件语句 练习过程（1）在 Flash 中按 CtrlN 快捷键新建一个【宽】和【高】为 800280 像素的文档，按 CtrlS 快捷键保存文档名称为动态导航条。然后执行【文件】|【导入】|【导入到库】命令，将素材图像导入【库】面板中，如图 65-1 所示。图 65-1 导入图像

2、（2）将图像拖入舞台后，在【属性】面板中设置尺寸如图 65-2 所示，并且将单击【对齐】面板中的其放置在舞台右侧。图 65-2 将图像拖入舞台 （3）在第 70 帧处插入普通帧后，新建“图层 2”，使用【矩形工具】在图像左侧绘制任何颜色的矩形，其尺寸设置如图 65-3 所示。图 65-3 绘制矩形（4）分别在第 10、20、30 与 40 帧处插入关键帧，通过复制与变形更改不同关键帧中的图形，各个关键帧中的形状如图 65-4 所示。图 65-4 编辑图形（5）在第 50 帧处插入空白关键帧后绘制矩形，其尺寸与图像相同。然后在各个关键帧之间创建补间形状动画，如图 65-5 所示。在【对齐】面板中

3、，启用【相对于舞台】按钮，可以精确确定图像在舞台中的位置。图 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 设置实例属性 （12）在新建图层中使用【矩形工具】绘制白色矩形，使用【文字工

5、具】输入白色文字，其属性分别设置如图 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 预览动态特效导航动画