收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
下载进度条的制作         
下载进度条的制作
作者:杜方锦 文章来源:网络 点击数:1237 更新时间:2010-12-17 3:11:09

一、“下载进度条”的制作

为了让朋友们收看MTV时了解作品的下载情况,也为了给你的MTV作品平添一道亮丽的风景线,可以为你的MTV增加一个下载进度条。

添加下载进度条前,你得把MTV场景中第1帧上的“stop”帧动作和播放按钮实例先删除。然后按以下步骤操作:

1、新建一个名为“下载条”的影片剪辑元件。选中第1层的第1帧,在舞台中画一个无边线填充为绿、黄、红线性渐变色的矩形,借助属性面板设置其宽和高分别为400、6。选中该矩形,用对齐面板把它“左对齐”、“垂直中齐”。

2、新建一个名为“下载进度条”的影片剪辑元件。选中第1层的第1帧,把库中的“下载条”元件拖入舞台,居中后,在属性面板里输入实例名“mc1”。新建图层2,选中第1帧,用矩形工具画一个无填充色的矩形框,线条粗1,淡黄色。借助属性面板设置其宽和高分别为402、8,居中。

3、回到主场景,在你制作的MTV场景的最上层插入一个图层,命名为“进度条”。选中第1帧,把库里的“下载进度条”元件拖入舞台的底部靠左位置(右侧留出一块放置按钮或下载进度百分数的空间)。选中舞台上的“下载进度条”实例,打开动作面板,输入影片剪辑动作脚本代码:

onClipEvent (enterFrame) {

mx=_root._framesloaded;

max=_root._totalframes;

ss1=(mx/max)*100;

if (ss1<100) {

_root.a=Math.round(ss1)+"%";

}

if (ss1>=100) {

_root.gotoAndStop(2);

}

this.mc1._xscale = ss1;

}

4、在第2帧插入关键帧,把库里的“播放按钮”元件拖入舞台放置在“下载进度条”右侧位置。删除第2帧上的“下载进度条”实例。选中“按钮”实例,输入按钮动作脚本代码:

on (release) {

play();

}

5、在第3帧插入空白关键帧。

6、选中第1帧,用文本工具画一个能容纳百分比数字的文本框,放置于“下载进度条”实例右侧,在属性面板选中“动态文本”,输入变量名“a”,字体“黑体”,大小“20”,颜色“白色”。

7、再次选中第1帧,输入帧动作脚本代码:

stop();

8、至此,下载进度条就制作完成了。敲打Ctrl+Enter组合键,等播放文件导出完成后,再敲打一次Ctrl+Enter组合键,稍等片刻,你就可以查看模拟下载效果了。

二、“播放进度条”的制作

如果你还想添加一个播放进度条,则只须再按以下步骤操作:

1、用上述第1步的方法,制作一个名为“播放条”的影片剪辑元件。不过,最好把播放条的颜色改用单色。

2、用上述第2步的方法,新建一个名为“播放进度条”的影片剪辑元件。所不同的是,拖入“播放条”后,在属性面板里输入的实例应名“mc2”。

3、回到主场景,选中“进度条”图层的第3帧,把库里的“播放进度条”元件拖入舞台,放在底部水平居中的位置。选中舞台上的“播放进度条”实例,打开动作面板,输入影片剪辑动作脚本代码:

onClipEvent (enterFrame) {

nx=_root._currentframe;

max=_root._totalframes;

ss2=(nx/max)*100;

this.mc2._xscale = ss2;

}

4、这样,播放进度条也就制作完成了,你可以用上述第9步同样的方法查看模拟播放效果。

用此方法,可以独立制作播放进度条。

三、不用动作语句制作“播放进度条”

无须用脚本也可以制作播放进度条,而且很简单。操作步骤如下:

1、制作一个名为“播放条”的图形元件,宽400、高3,无边线,填充色自定。用对齐面板把它“左对齐”、“垂直中齐”。

2、在原作品的最上图层插入两个新图层,把下面的一层命名为“播放条”,把上一层命名为“进度框”。

3、选中“播放条”图层上原动画开始播放的那一帧,把库里的“播放条”元件拖入舞台,放在你认为理想的位置,在原作品的最后一帧插入关键帧。

4、选中“进度框”图层上原动画开始播放的那一帧,画一无填充色的线框,线粗0.5,框宽401,框高4,线色自定。调整该框的位置,使其刚好套住“播放条”实例。尔后把此图层加锁。

5、选中舞台中的“播放条”实例,用任意变形工具将其“右边”往左推进,让右边尽量跟左边靠近(为使操作方便,可将舞台比例放大)。最后,创建运动过程。

至此,无须动用脚本的播放进度条制作完成。至于原理嘛,我想你看到这里时肯定早已明白。

(杜方锦)

--------------------------------------------------------------------

请点击以下链接学习各种不同的制作方法:

新手必看:Loading制作    更加简单的Loading制作方法    纯AS的Loading...很实用   精确loading的制作

纯AS的Loading预载画面效果四例    标准的 loading 制作方法    增加场景制作Loading教程   

带进度条的Loading制作   纯AS的Loading效果四例     Flash加载进度条教程    进度条控制影片播放

Flash进度条加载的显示    完美loding制作    Flash制作好看的影片指导进度条    AS3.0的loading制作

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

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