操作系统  办公  实用知识  设计  开发  WEB开发  移动开发  数据库  软件工程  网管  安全  管理  信息化  答疑  渠道 

LiveMotion制作上弹菜单

2004-5-17 作者:黎贤文、gate 网友评论 0 条 点击进入论坛

本例中用LiveMotion模仿Windows 98的启动菜单效果。涉及知识有对象的隐藏和对象鼠标事件的响应。效果如图1所示。

 

图1

1. 在File菜单中点击New命令,打开Composition Settings对话框,设置如图2所示。

 

图2

2. 按OK(确定)按钮,此时得到一个宽度为3940,高度为3500的新文档。

3. 粘帖如图3所示的图片。该图片可以按print screen键对Windows 98的桌面进行拷屏,然后进入Photoshop中剪裁加工所得。

 

图3

4. 粘贴进来如图4所示的“开始”图片,该图片同样可以经过对Windows 98的桌面拷屏而得到。

 

图4

5. 按Ctrl+T键打开Timeline(时间线)窗口,将刚才粘贴进来的图形改成中文名称,并将动画的长度设置为1秒,如图5所示。

 

图5

6. 在Timeline(时间线)窗口中,将当前时间滑块移动到00:06处,然后粘贴如图6所示的图片进来。该图片用作菜“开始”菜单的背景。

 

图6

7. 接着粘贴如图7所示的图片,用作第一级的菜单。

 

图7


 

[下一页]


 

8.在Timeline(时间线)窗口中,将当前时间滑块移动到00:09处,然后粘贴如图8所示的图片进来。该图片用作第二级菜单。至此,素材已准备好了。

 

图8

9.在Timeline(时间线)窗口中,将刚才粘贴进来的图形改成中文名称,并在00:00处设置“Label”为“a”、 在00:06处设置“Label”为“b”、 在00:09处设置“Label”为“c”,如图9所示。

 

图9

10.在Timeline(时间线)窗口中,将当前时间滑块移动到00:00处,选中“开始”图形,执行菜单命令:Window | Rollovers,使Rollovers(轮换)调色板显示。在Rollovers(轮换)调色板中,按新建按钮  新建状态,并设置成“Down”,如图10所示。

图10

11.接着按行为按钮  建立行为,在打开的Edit Behaviors(编辑行为)对话框中,设置行为如图11所示。目的是,当点击“开始”图形时,动画马上跳转到“Label”为“b”的帧。

 

图11

12.将当前时间滑块移动到00:06处,选择“程序”图形,选中“开始”图形,在Rollovers(轮换)调色板中,按新建按钮  新建状态,并设置成“Over”,如图12所示。

 

图12

13.接着按行为按钮  建立行为,在打开的Edit Behaviors(编辑行为)对话框中,设置行为如图13所示。目的是,当点击“程序”图形时,动画马上跳转到“Label”为“c”的帧。

 

图13


 

[下一页]


 

14.将当前时间滑块移动到00:09处,选择“程序”图形,选中作为第二级菜单的图形,在Rollovers(轮换)调色板中,按新建按钮  新建状态,并设置成“Over”,如图14所示。

 

图14

15.接着按行为按钮  建立行为,在打开的Edit Behaviors(编辑行为)对话框中,设置行为如图15所示。目的是,当鼠标移到第二级菜单时,该菜单马上停止在屏幕上,以供选择。

 

图15

16.上面几个步骤都有跳转到“Label”的命令。当跳转到其中一个“Label”时,会出现某个级别的菜单,如果让动画继续播放下去,则会不经过任何选择就出现下一级菜单。所以,必须在每个“Label”处设置“Stop(停止)”行为。如图16所示。

 

图16

17.现在尚未解决的问题是,当鼠标离开菜单时,因为在“Label”处设置了“Stop”行为,所以菜单不会自动隐藏,会一直停留在那里。解决办法是,在菜单的周围设置隐藏的图形,当用鼠标点击该图形时,动画跳转到“Label”为“a”的帧处,也即是第一帖,该帖没有菜单显示。所以,先在文档中画出如图17所示的图形,该图形颜色等属性并不重要,因为接下来的步骤会将它隐藏。

 

图17

18.在Rollovers(轮换)调色板中,按新建按钮  新建状态,并设置成“Down”,如图18所示。

 

图18

18.接着按行为按钮  建立行为,在打开的Edit Behaviors(编辑行为)对话框中,设置行为如图19所示。目的是,当鼠标点击该图形时,动画跳转到“Label”为“a”的帧(第1帧)。

 

图19

18.执行菜单命令:Window | Opacity,使Opacity(不透明度)调色板显示。在Opacity(不透明度)调色板中,设置“Object Opacity”为“0”。目的是使所选对象完全透明,即起到隐藏作用。

 

图20

18.现在,被隐藏的图片处于顶层中,由于其范围盖住了整个文档,将会影响其它图形的鼠标响应。执行菜单命令:Object | Arrange | Send to Back,结果使该隐藏的图片处于最底层,但将会被桌面背景图遮挡,所以还得将移动背景图的上面,可以执行菜单命令:Object | Arrange | Bring Forward来解决。

19.至此,本例已完成,可以执行“File | Preview In | Internet Explorer”命令,在浏览器中预览动画效果。

已有 0 位对此文章感兴趣的网友发布了看法    
我来评两句 登录邮箱: 密码:
  匿名发表
今日推荐
技术文库(共有 46732 篇文章)
操作系统
办公软件
实用知识
网络管理
软件开发
WEB开发
软件工程
数据库
设计在线
信息安全
行业信息化
管理信息化
重点推荐
电子杂志订阅
点击电子杂志名称查看样刊
输入E-mail地址即可订阅
E-mail