查看文章 |
今天是蜘蛛侠3在中国的首映式!马上就可以看蜘蛛侠3了,高兴之余自己花了点时间做了个Flash版的蜘蛛侠3预告片,最后将教大家如何制作Flash中的Loading条!呵~~~“加勒比海盗3:世界尽头”这个月下旬也将上映!看我做的蜘蛛侠3的Flash预告片截图: ![]() (观看地址:http://ycosxhack.512j.com/zzx.htm) 看完了没?是不是看到loading的效果了?看完了,如果想学Loading条的制作继续往下看吧: 这个Flash我设置了两个场景(按Shfit+F2添加第二个场景),s1与s2,我在s1场景中加的loading效果,然后跳转到s2场景进行影片的播放。来看我是如何进行的: 1、在s1场景中添加三个层,这时共四个层:action(写脚本)、play(放置播放按钮)、line(放置loading条)、bg(放置背景的),每层都只有两帧(按F5添加第二帧)。最终效果如下图: ![]() 2、在action层的第一关键帧加入如下代码: total = _root.getBytesTotal(); //获得Flash影片的总字节数 3、在action层的第二关键帧添加如下代码: if (load == 100) { 这段代码的意思是:当第一帧中的load变量的值为100时,就停止在第二帧,这时影片加载完毕!否则返回第一帧继续执行。 4、在play层的第二帧按F7添加空白关键桢。从第3点可知,由于影片加载完后,动画将停止在第二帧,故我们在第二帧加上按钮“PLAY”,如上图!在按钮“PLAY”上添加如下代码: on(release){ 这段简单的代码的意思是:当按下并释放按钮时动画跳到s2场景的第一帧继续播放我们的蜘蛛侠3预告片! 5、好!我们看line层,没有代码。action层的代码就是控制这层的实例的,这层将放置loading条与加载百分率的文本框!来看看loading条的制作,其实很简单,按Ctrl+F8创建一个影片剪辑,命名为line,在此影片剪辑中绘制loading条!看下图: ![]() 共两层,都是100帧!(这100帧是有理由的,是为了符合场景中action层的第一帧代码的load值!还记得这段代码吗?_root.line.gotoAndStop(load); !这将使line影片剪辑跳转到load值对应的帧,于是loading条就动起来了!)继续……第一层放置一矩形框200*10,按F6将第100帧设为关键桢,将第一帧的矩形框长度设为2,补间动作为“形状”!第二层放置矩形框的边框线,将它们对齐。如上图!这样loading条就做好了。回到场景! 6、按Ctrl+L打开库,将影片剪辑line拖到line层的第一帧,命名为line。在影片剪辑line上添加一动态文本框,变量名为loadtxt。最后就是bg层了,这层就随便了!你喜欢什么样的背景就自己添加吧,不添加也行! OK!Loading的教程结束,loading的核心控制就在第2、3点了!其它层的实例制作就是围绕这些代码进行的!这个教程对没有任何flash基础的人来说有点难。不过只要对flash这款软件有些了解应该就可以看懂此教程并且做出自己的个性loading条!这个五月至少有两部大片!哈! |


