收藏本站 
广告服务 
网站地图 
>> 本频道近100000余篇各类电脑技术、网络技术、软件技术、网页及平面设计等方面的电脑教程，我们的原则:不是精华拒不收录!
先飞电脑技术网 → 技术文章 → 网站建设 → LiveMotion
网络编程 | 网站建设 | 网络技术 | 设计教程 | 软件教学 | 程序开发 | 数据库开发 | 教育认证 | 硬件维护 | 媒体动画 | 机械电子 |
LiveMotion制作旋转菜单
［ 作者：佚名    转贴自：网络转载    阅读次数：216    更新时间：2006-3-20 10:15:00   录入：刘光勇 ］   热      
    

本例中介绍了LiveMotion的Rollovers（轮换）调色板的使用，并利用了行为：Change State来制作了一个旋转菜单的效果。当打开该动画的时候，菜单绕着中间的圆形旋转，当鼠标移到某个选项时，菜单停止旋转，该选项的颜色发生变化，而中间的圆形上的说明文字也跟着变化。效果如图1所示。

图1

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

图2

2． 按OK（确定）按钮，此时得到一个宽度为400，高度为400的新文档。

3． 在工具箱中选择圆形工具 ，设置前景色为绿色，在文档中画出如图3所示的圆形。

图3

4． 设置前景色为桔色，在工具箱中选择矩形工具 ，画出图4所示的圆形，以当作一个菜单选项。

图4

5． 保持对桔色圆形的选择，然后执行菜单命令：Window | Rollovers，使Rollovers（轮换）调色板显示。在Rollovers（轮换）调色板中，单击下方的新建图标 ，新建一个“Over”状态，如图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．在第二关键帧处，保持对“Group of 8 objects”的选择，执行菜单命令：Window | Transform，使Transform （变换）调色板显示。在Transform （变换）调色板中，将旋转角度设置成360度，如图14所示。

图14

15．假如“Group of 8 objects”的中心有所偏向，可以按住Ctrl键移动其中心点到如图15所示的位置。

图15

16．选择文字工具，在绿色圆形的中心位置键入文字“1”，如图16所示。

图16

17．在Rollovers（轮换）调色板中，单击下方的新建图标 ，新建一个“Over”状态，并在状态下拉列表中选择“Custom State”选项，如图5所示。

图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所示，该行为将会在动画播放过程中当鼠标移动到该按钮上面响应。

图21

18．在打开的Edit Behaviors（编辑行为）对话框中，设置“Change State”行为，如图22所示。同样的办法，对其它三个桔色圆形进行编辑行为，不同之处就是“State”的设置，分别对应2、3、4。

图22

19．在Timeline（时间线）窗口中，选中“Composition”，然后按下左下角的循环按钮，使整个动画输出后循环播放，如图23所示。至此，本例已完成，可以执行“File | Preview In | Internet Explorer”命令，在浏览器中预览动画效果。

图23

源文件下载
【文章首页】【加入到收藏夹】【告诉好友】【打印此文】【关闭窗口】
  版权声明：本站提供的“LiveMotion制作旋转菜单”版权归文章所有者，转载请注明出处！
 ·上一篇文章：LiveMotion制作电视雪花      ·下一篇文章：LiveMotion制作上弹菜单
【相关文章】
·在Linux下修改IP、DNS和路由配置[94]
·用Linux防火墙功能抵御网络攻击[28]
·Linux和Windows双系统引导问题解决[39]
·删除Ubuntu Linux系统旧内核的方法[71]
·Linux系统中内部和外部安全性概述[14]
网站主页 | 收藏本页 | 联系我们 | 广告服务 | 站点地图 | 会员注册 | 招聘信息 | 内容指正

联系QQ：先飞电脑技术网站事务联系QQ，点击可以直接留言. 32933427 电话：13710542091 [世界排名] 鄂ICP备05005890号 先飞电脑教程网