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

  我们制作一个好看的影片导入进度条。

  先看效果。

  准备一幅图片:

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

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

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

  进度条文字设置如下。

  然后在主场景中设置两个图层,下面的图层放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);
}
}

  可以测试了!

时间: 2024-10-11 13:19:56

Flash制作好看的影片指导进度条的相关文章

CSS3网页制作教程:闪烁跳跃的进度条

文章简介:今天为大家带来另一款更具个性化的进度条:CSS3闪烁跳跃的进度条. 今天为大家带来另一款更具个性化的进度条:CSS3闪烁跳跃的进度条. 这个示例的原理和以前的都是一样的,都是通过大量的css3属性来实现的,如:animation.transform.keyframes等等属性.值得注意的是这个示例采用了结构性伪类选择符E:nth-child(n),来进行对HTML元素的选择以及控制输出.相信这个伪类选择符在将来会是一个很强大的一个工具.推荐大家多多了解以及实践使用. 这个伪类选择符E:

用Flash制作按钮控制影片进度的具体方法

  今天小编教大家怎么用Flash来制作按钮,来控制影片的播放,暂停也差不多一样,只是多一个按钮,小编就不重复了,这里只做播放按钮. 1.首先把弄好的动画放置于图层1,如图是我做的粗略东环 2.之后在第一帧右键点击,添加动作,编写代码,stop(),让其停在第一帧. 3.之后新建图层2 4.然后把事先做好的按钮放置于其中在与动画同尾的第二图层添加关键帧 5.之后同样在按钮的第一帧处编写代码,on play(). 6.测试一下影片,一开始是静止的,等你按动按钮之后才会开始,如果还有暂停按钮的话只要

FLASH制作一个可以伸缩的导航条

导航|伸缩 制作过程使用FLASH MX 中文版,效果如下: 点击这里下载源文件 由于时间比较紧:我作的比较粗糙:请大家谅解:本教程只是希望能给大家一个思路:细节方面自已有时间时再作吧:以 下是制作过程: 一.新建一个大小为:200*200Px:帧频:45:背景色:#FFFFFF:的影片: 二.首先我们来制作四个导航条:由于时间关系:我只作一个:然后复制:因为作法都一样:     步骤A:新建一影片剪辑:起名字为"zishu1":在这个剪辑中共建四个图层:从下到下名字分别为:AS.BT

用 FLASH 制作好看的动态瀑布动画

动态 本文由中国教程网 英子原创,转载请保留此信息! 效果1: 点击这里下载源文件 1.准备好一张清晰的瀑布图片,启动FLASH,设背景为蓝色,其它默认. 2.文件--导入--导入到库,把图片导入. 3.在第一层的第1 帧,把图片从库里拖进舞台,调整图片和舞台一样大小.打开对齐面版,选相对于舞台,水平对齐,垂直对齐. 4.增加图层2 ,右键点图层1 的第1 帧--复制帧,右键点图层2 的第1 帧,粘贴帧.在图层1 右键点图片--转换为元件,类型:图形.锁定第1 层,把眼晴关上(隐藏图层1),打开

Flash制作好看的音乐跳动节奏教程

教程|跳动 先看一下加入随机色的效果: 一:建一个mc命名为:跳动柱子,然后在这里画一个小长方形. 二:建一个mc命名为:跳动柱子下部分,将跳动的柱子拖入到场景中:然后分别是5,10,15,20,30..帧插入关键帧(F6),让这些帧做动画运动. 三:建一个名为:顶块的影片,画一个小长方形. 四:建一个单个跳动柱子的影片元件,将跳动柱子下部分与顶块拖进来,顶块放上面. 跳动柱子下部分放下面. 五:建一个mc 命名为:七个跳动柱子,拖八个单个跳动柱子分别的实例名:bar1-bar8. 然后在第一帧

FlashAS教程:在主影片中制作外部loading进度条

loading|教程   制作loading虽然是老生常谈的话题,但很多朋友在制作flash网页的时候提过如何将加载外部影片的进度条做在主影片中,我想这是可以简化外部影片制作的原因吧.下面我把制作方法简单给大家介绍一下.(不知道以前有没有朋友发过此类的文章,如有雷同,实属巧合!)     开始制作了: (一)按Ctrl+F8新建一个影片剪辑,命名为"tiao"然后选用矩形工具,从场景中心点向右拉出一个条形. 如图1 (二)按Ctrl+F8新建一个影片剪辑,命名为"loadin

在主影片中制作外部载入进度条

制作loading虽然是老生常谈的话题,但很多朋友在制作flash网页的时候提过如何将加载外部影片的进度条做在主影片中,我想这是可以简化外部影片制作的原因吧.下面我把制作方法简单给大家介绍一下.(不知道以前有没有朋友发过此类的文章,如有雷同,实属巧合!) 这个源文件的演示只能看这里了:http://yatu.512j.com 开始制作了: (一)按Ctrl+F8新建一个影片剪辑,命名为"tiao"然后选用矩形工具,从场景中心点向右拉出一个条形. 如图1 (二)按Ctrl+F8新建一个影

Sys.ScriptLoader与JS加载进度条的实现

js|加载 今天有人问我,163邮箱那样的Javascript加载进度条是如何实现的. 我不知道,不过实现一个不难,因为<script />有onload和onreadystatechange.还有就是,我们有Atlas. Atlas中有个类:Sys.ScriptLoader,它的作用就是在页面中依次地加载多个Script文件.在实现之前,先来分析一下这个类的代码.   1Sys.ScriptLoader = function() {  2  3    // 所有Script的referenc

有趣的bootstrap走动进度条_javascript技巧

本教程教大家制作"走动"着的bootstrap进度条,供大家参考,具体内容如下 1.页面效果: 起始位置: 单击"走"按钮后 2.html代码: <div> <div class="progress progress-striped active"> <div class="progress-bar" role="progressbar" aria-valuenow="