|
本例中用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”命令,在浏览器中预览动画效果。
|