百度首页 | 百度空间
 
查看文章
 
蜘蛛侠3Flash预告片(附Loading制作)
2007-05-02 18:44

今天是蜘蛛侠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影片的总字节数
loaded = _root.getBytesLoaded(); //获得已经加载的影片字节数
load = int(loaded/total*100); //求出loaded比total的整数值(0-100之间)
loadtxt = load+"%"; //将load值加上百分号赋予loadtxt变量,而loadtxt为上图虚线动态文本框的变量名
_root.line.gotoAndStop(load);
//line为上图loading条的实例名,这样loading条就会动了^^

3、在action层的第二关键帧添加如下代码:

if (load == 100) {
gotoAndStop(2);
} else {
gotoAndPlay(1);
}

这段代码的意思是:当第一帧中的load变量的值为100时,就停止在第二帧,这时影片加载完毕!否则返回第一帧继续执行。

4、在play层的第二帧按F7添加空白关键桢。从第3点可知,由于影片加载完后,动画将停止在第二帧,故我们在第二帧加上按钮“PLAY”,如上图!在按钮“PLAY”上添加如下代码:

on(release){
gotoAndPlay("s2",1)
}

这段简单的代码的意思是:当按下并释放按钮时动画跳到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条!这个五月至少有两部大片!哈!


类别:涂鸦 | 添加到搜藏 | 浏览() | 评论 (17)
 
最近读者:
 
网友评论:
1
2007-05-02 20:09
只要一看代码就觉得好费劲~~

不过要完好flash又必须写代码~~

唉~~
 
2
2007-05-02 21:01
漂亮啊...有件事想拜托你.不知道你有没有时间做FLASH
 
3
2007-05-02 21:22
没多少时间。
flash的制作非常的耗时间。你要我做什么类型的flash?
 
4
2007-05-02 22:28
呵呵.主要是感觉你做的好看.做个简短的FLASH,,,,随便你做,生日为主题的....
过段时间朋友就生日了..你想研究什么就顺便拿这个生日主题练手,,,完了给我一个.啊哈哈哈哈
 
5
2007-05-02 23:53
呵呵 背景很好看哦
 
6
2007-05-03 08:44
这个是相当不错

我也等着看蜘蛛侠3呢!

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

不知怎么的,我觉得你设计的东西都很好看

包括你设计的黑页

有时间也给设计一张哦!

自己总做不好!
-------------------------------

我平时很喜欢收集黑页哦!

如果您不吝惜,可以拿出来分享哦!
 
7
2007-05-03 12:19
那看来我要将我的黑页再好好的设计一番了。
一定会共享出来的。

to Greysign:我以前也为一女生做了个生日flash,大概3分30秒的时间,带有校园故事性的。现在不知道有没有灵感了。呵~我设计这些基本上都是突然有感觉就设计的,离你朋友生日还有几天?MM?我不能保证能完成,我先记在心上吧。

因为做动画确实非常的消耗精力与时间。^^
 
8
2007-05-03 12:24
啊哈.MM和GG一起生日..一对.
你随便想到啥就做啥了.哈.我相信你
 
9
2007-05-03 12:48
想做啥就做啥?哈哈哈!
我还真没想法,要是是为了我喜欢的女生做就有想法了^^
 
10
2007-05-03 17:55
呵呵.5.1多看点大片就有想法;了
 
11
2007-06-02 13:57
你好,為什么我做的,那個動態文本為什么不會動呀
 
12
2007-06-02 14:09
文本是动态文本,你要设置动态文本的变量名,而不是动态文本的名字。
 
13
2007-06-02 14:42
我是設定的态文本的变量名呀??
 
14
2007-06-02 14:43
能給我發一個你做好的FLASH檔嗎?
 
15
2007-06-02 14:50
我好參考一下呀,謝了
 
16
2007-06-02 14:51
我怎么给你发?我现在要考试去,晚上回来吧。
你可以留下你的邮箱,QQ之类的。
 
17
2007-06-02 14:52
多謝了
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码:
 

     

©2008 Baidu