云开 发表于 2009-3-1 14:27:04

仿央视网Flash动态导航菜单(2)

二、主要动画效果的实现

  新建一个 MC 命名为 pics_m,用来存放所有按钮中的图片以便制作 MC 的嵌套。
  按 F6 插入6个关键帧(共7帧),每帧放入一幅图片,并设置图片坐标为(0,0);再新建一个 MC 命名为 Move_m ,将 pics_m 拖入备用,同时在属性面板中将其 Inatance Name 命名为 pic 以便以后用AS进行控制(图5),并将该层命名为 pic。


www.ad119.cn/bbs/attachments/websoft/20090301/20093114273523477801.gif
(图5)

  新建一层命名为 Mask,利用 Rectangle Tool (矩形工具 R)在该层画一矩形,在属性面板中设置其宽为54(与按钮相同),高221(与图片的高相同),坐标(0,0);用鼠标拖拽图片 MC 的右上角至矩形的右上角附近,出现 图6 所示的符号(自动捕获)松开鼠标即可,选中 Timeline (时间线) 中 pic 层的第37帧,按 F6 插入关键帧,按 F9 弹出 Action 面板,按 Ctrl Shift E 转换到可以自由输入脚本的专家模式,输入 stop() 动作;然后按上面类似的方法,拖动图片 MC 的左上角至矩形的左上角进行自动捕获。


www.ad119.cn/bbs/attachments/websoft/20090301/20093114273529677802.gif
(图6)

  右键单击pic层前面的帧,在弹出菜单中选择第一项 Create Motion Tween (创建动画 图7)。


www.ad119.cn/bbs/attachments/websoft/20090301/20093114273539077803.gif
(图7)

  选中 pic 层第10帧,按 F6 创建关键帧;回到第一帧,选中编辑区中的 MC ,在属性面板中设置 Color Styles (样式)为 Alpha(透明),数值为1%(图8),这样一个淡入并移动的动画就制作完成了。


www.ad119.cn/bbs/attachments/websoft/20090301/20093114273545377804.gif
(图8)

  再选择 Mask 层的第37帧,按 F5 创建内容帧,右键单击 Mask 层,选择弹出菜单中的 Mask 将该层设置为遮罩层,完成后如图9。


www.ad119.cn/bbs/attachments/websoft/20090301/20093114273550077805.gif
(图9)
页: [1]
查看完整版本: 仿央视网Flash动态导航菜单(2)