当前位置: 主页 > 网页制作 > Flash > 用Flash制作精彩影片进度条

用Flash制作精彩影片进度条

时间:2009-11-27来源:互联网 点击:
我们制作一个好看的影片导入进度条。

  先看效果。

Flash制作好看的影片指导进度条

  准备一幅图片:

Flash制作好看的影片指导进度条

  然后导入到舞台,用鼠标选中该图,然后打开对齐面板,设置如下。

Flash制作好看的影片指导进度条

  然后按F8转换为电影剪辑元件,名字为picture_inside_mc。然后按Ctrl+J修改文档属性。

Flash制作好看的影片指导进度条

  然后按Ctrl+F8建立一个picture_mc的影片剪辑元件,开始编辑该影片剪辑元件,把图片(picture_inside_mc)的Alpha值设置为35%。然后把帧延伸到100帧。然后再建立一个层,把picture_inside_mc在放到该图层,延伸到100帧,然后再建立一个层制作一个黑色矩形图片元件,使它从左向右移动正好盖住picture_inside_mc的图形,然后制作遮照,最后再建立一个图层,制作进度条文字显示。

Flash制作好看的影片指导进度条

  进度条文字设置如下。

Flash制作好看的影片指导进度条

  然后在主场景中设置两个图层,下面的图层放picture_mc影片剪辑元件,并且给第一帧加上Action,上面图层,第一帧是空白关键帧,第2帧添加同样的Action:

stop();

  然后选择picture_mc影片剪辑元件,打开动作面板,添加如下Action。

onClipEvent (load) {
total = _root.getBytesTotal();
} onClipEvent (enterFrame) {
loaded = _root.getBytesLoaded();
percent = int(loaded/total*100);
percen1 = ""+percent+"%";
gotoAndStop(percent);
if (loaded == total) {
_root.gotoAndPlay(2);
}
}

  可以测试了!

站长资讯网
. TAG: 进度条 FLASH 制作
推荐内容最近更新人气排行
关于我们 | 友情链接 | 网址推荐 | 常用资讯 | 网站地图 | RSS | 留言