资源预览内容
第1页 / 共6页
第2页 / 共6页
第3页 / 共6页
第4页 / 共6页
第5页 / 共6页
第6页 / 共6页
亲,该文档总共6页全部预览完了,如果喜欢就下载吧!
资源描述
Flash CS3 入门 动态特效导航 当制作动画效果较为复杂的导航菜单时, 如果在同一个文档中制作所有的动画效果, 那么文件容量容易过大。 要想保留所有的动画效果同时减少文件容量, 可以将动画效果分别制作在不同的文件中,然后使用载入文件动作,分别载入相应的动画,这样可以实现相同的动画效果。 练习要点 动画文档 加载语句 鼠标事件语句 练习过程 (1)在 Flash 中按 CtrlN 快捷键新建一个【宽】和【高】为 800280 像素的文档,按 CtrlS 快捷键保存文档名称为动态导航条。然后执行【文件】|【导入】|【导入到库】命令,将素材图像导入【库】面板中,如图 65-1 所示。 图 65-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-5 所示。 在【对齐】面板中,启用【相对于舞台】按钮,可以精确确定图像在舞台中的位置。 图 65-5 创建补间形状动画 (6)分别在第 60 与 70 帧处插入关键帧,并且在最后一帧中向右水平缩小图形至图像右侧,创建补间形状动画,如图 65-6 所示。 图 65-6 创建图形向右缩小动画 (7)右击“图层 2” ,选择【遮罩层】命令,与“图层 1”结合创建遮罩动画,形成图像区域性显示动画,如图 65-7 所示。 图 65-7 创建遮罩动画 (8)使用相同方法,在不同新建文档中导入不同的素材图像,并且创建由左至右、不同效果的补间形状遮罩动画,如图 65-8 所示。 补间形状动画的第一个与最后一个关键帧中的图形,必须放置在图像外侧。这样创建遮罩层后才能够完全显示图像。 图 65-8 其它补间形状动画 (9) 新建相同属性的空白文档, 导入素材图像后设置尺寸, 并且将其转换为图形元件,设置实例属性如图 65-9 所示。 图 65-9 设置实例属性 (10)按快捷键 CtrlF8 创建按钮元件“按钮” ,绘制 16780 像素的任意颜色矩形。返回场景后新建“图层 2” ,连续拖入该元件 5 次,摆放在舞台左侧,如图 65-10 所示。 图 65-10 创建矩形影片剪辑元件 (11)由上至下依次选中实例“按钮” ,设置实例名称为与颜色样式属性,如图 65-11所示。 图 65-11 设置实例属性 (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 预览动态特效导航动画
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号