收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
[图文]球体文字动画效果         
球体文字动画效果
作者:燕义怀 文章来源:原创 点击数:1564 更新时间:2010-12-28 3:30:24

经常在一些网页上看到一些文字环绕一个球体旋转,当鼠标移动到球体上时,文字的旋转会改变形状。这是如何制作出来的呢?其实用Flash很容易实现,如果你有兴趣,就看下文吧!

1、用Macromedia Fireworks 3或其它软件制作图1所示的一个图形符号,命名为“文字”。

球体文字动画效果

图1

2、新建一个电影片段符号,命名为“环绕文字”,单击“OK”进入编辑状态。用Ctrl+L打开图形符号库,将“文字”图形符号拖入舞台中。在第30帧插入一个关键帧,并将第30帧的“文字”图形符号旋转180度,方法是:单击Window/Panels/Transform调出“Transform”属性面板,选中“Rotate”,在其后的输入栏中输入“180”即可。然后,将第1帧设置为“Motion”动画,并在“Frame”面板中,将“Montion”的“Rotate”属性设置为“CW”(顺时针旋转)。在第60帧插入一个关键帧,再将第60帧的“文字”图形符号旋转370度,方法同上。并将30帧设置为“Motion”动画,并在“Frame”面板中,将“Montion”的“Rotate”属性也设置为“CW”(顺时针旋转)。至此,文字环绕动画制作完成。

3、回到主场景,并将“环绕文字”电影片段符号拖入主场景“Layer 1”图层的第1帧的舞台工作区中。在图层“Layer 1”的第2帧插入关键帧,单击Window/Panels/Transform调出“Transform”属性面板,选中“Skew”,在其后的输入栏中输入“-30”,然后调整其大小,当然你也可以根据自己的喜好设置。并在“Layer 1”图层的第20帧插入一个关键帧。

4、在主场景中创建一个新图层“Layer 2”,并在这一个新图层的舞台工作区中绘制一个用放射性填充色填充的无边线的球体。用箭头工具选取球体的上半部分并将其组合,选中组合后的部分,按F8键,在弹出的窗口中选择“BUTTON”,将其转换成一个按钮,命名为“UP”。按钮的制作不用再说了吧!将球体的下半部分像前面一样,也制成一个按钮,命名为“DOWN”,并将它从图层“Layer 2”中删除。

5、创建一个新图层“Layer 3”,并将前面创建的按钮“DOWN”拖到“Layer 3”图层的舞台工作区中。调整两个半球体,使其看上去像一个完整的球。

6、将“Layer 3”图层移到“Layer 1”的下面。

7、在主场景的“Layer 1”图层的第1帧中加入如下Actions代码:gotoAndStop (1),在第20帧中加入如Actions代码:gotoAndPlay (2)。

8、在主场景中,用鼠标右键单击“UP”按钮,在出现的快捷菜单中选择“Actions”,在出现的“Object Actions”窗口中输入如下代码:

on (rollOver) {

gotoAndPlay (2);

}

on (rollOut) {

gotoAndStop (1);

}

同样的方法,对“DOWND”按钮也输入上述代码。好了,整个动画制作完成了,按Ctrl+Enter看看效果吧!

文章录入:晴天    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长