| 操作系统 办公 实用知识 设计 开发 WEB开发 移动开发 数据库 软件工程 网管 安全 管理 信息化 答疑 渠道 |
LiveMotion制作旋转菜单本例中介绍了LiveMotion的Rollovers(轮换)调色板的使用,并利用了行为:Change State来制作了一个旋转菜单的效果。当打开该动画的时候,菜单绕着中间的圆形旋转,当鼠标移到某个选项时,菜单停止旋转,该选项的颜色发生变化,而中间的圆形上的说明文字也跟着变化。效果如图1所示。
图1 1. 在File菜单中点击New命令,打开Composition Settings对话框,设置如图2所示。
图2 2. 按OK(确定)按钮,此时得到一个宽度为400,高度为400的新文档。 3. 在工具箱中选择圆形工具
图3 4. 设置前景色为桔色,在工具箱中选择矩形工具 图4 5. 保持对桔色圆形的选择,然后执行菜单命令:Window | Rollovers,使Rollovers(轮换)调色板显示。在Rollovers(轮换)调色板中,单击下方的新建图标
图5 6. 现在来改变“Over”状态下该圆形的颜色。执行菜单命令:Window | Color,使Color(颜色)调色板显示。并将颜色设置成如图6所示。
图6
7. 复制出三个桔色圆形的副本,并将它们拖到如图7所示的位置。
图7 8.接下来在四个桔色圆形的上方键入数字1、2、3、4,如图8所示。
图8 9.按住Shift键,然后进行拖选,选中如图9所示的图形。
图9 10.按Ctrl+G键,将选中的图形群组起来,如图10所示。 图10 11.接下来进行动画设置。按Ctrl+T键打开Timeline(时间线)窗口,并将动画的长度设置为4秒,如图11所示。
图11 12.在Timeline(时间线)窗口中,将当前时间滑块移动到00s处,展开“Group of 8 objects”的属性列表,选择“Rotation”,设置关键帧,如图12所示。
图12 13.将当前时间滑块移动到04s处,设置第二关键帧,如图13所示。
图13
图14 15.假如“Group of 8 objects”的中心有所偏向,可以按住Ctrl键移动其中心点到如图15所示的位置。
图15 16.选择文字工具,在绿色圆形的中心位置键入文字“1”,如图16所示。
图16 17.在Rollovers(轮换)调色板中,单击下方的新建图标
图17 18.这时会弹出Custom State(自定义状态)对话框,在对话框中键入文字“1”,如图18所示,按“OK”键应用,这时状态将由“Over”改变成“1”。 图18 18.参考步骤16至步骤17,依次新建如图19所示的三个状态,并将各状态的文字依次改成2、3、4。
图19 18.在文档中,选择文字“1”下面的桔色圆形,如图20所示,准备为该圆形添加行为。
图20 18.在Rollovers(轮换)调色板中,选择“Over”状态,单击左下方的行为按钮
图21 18.在打开的Edit Behaviors(编辑行为)对话框中,设置“Change State”行为,如图22所示。同样的办法,对其它三个桔色圆形进行编辑行为,不同之处就是“State”的设置,分别对应2、3、4。
图22 19.在Timeline(时间线)窗口中,选中“Composition”,然后按下左下角的循环按钮,使整个动画输出后循环播放,如图23所示。至此,本例已完成,可以执行“File | Preview In | Internet Explorer”命令,在浏览器中预览动画效果。 图23
今日推荐
|
重点推荐
领军企业技术文库
+更多领军技术文库
最新专题
电子杂志订阅
| ||||||||