首页 > > 网页制作 > Flash >

Flash时光隧道效果制作

2008-04-02 11:04:10来源：互联网阅读 ()

　　这个效果原理很简单，我们向大家介绍了一个在x轴，y轴复制随即旋转的效果。那么这个效果其实是x轴y轴缩放比例的复制和随机分布。

　　效果演示：

　　

　　

　　具体步骤

　　1，运行flash mx。文档属性配置为300*200像素，背景黑色。

　　2，新建一个影片剪辑1，在编辑区里面绘制一个矩形。使用渐变填充，把右侧滑块的透明度配置为0，进行填充。利用鼠标工具把举行的左侧拖拽成圆角。配置举行的旋转角度连同距离影片剪辑中央点的位置。如图1所示。

　　 Flash时光隧道效果制作

　　3，新建一个影片剪辑2，把影片剪辑1拖放到编辑区。在第7帧，第14帧插入关键帧，并移动影片剪辑1的运动位置为斜上方运动。配置第1帧，第7帧，第14帧的影片剪辑1的透明度分别为27%，100%和0%。使他逐渐消失。

　　 Flash时光隧道效果制作

　　4，返回到主场景，把影片剪辑2拖放到场景中，在属性面板中配置他的实例名称为mc，并调整他的大小。如图3所示

　　 Flash时光隧道效果制作

　　5，f5键延长图层1至第3帧。新建一个图层，分别在第1帧，第2帧和第3帧插入空白关键帧。如图4所示。

　　 Flash时光隧道效果制作

　　6，选择图层2的第1帧，打开as面板，添加as语句：n=1;//配置一个变量，并给他初始化赋值为1。

　　7，在第2帧中添加as语句：

　　

if (n<=50) {

　　//假如n小于等于50，则执行下面的语句。

　　duplicateMovieClip(mc, "mc" n, n); //复制名称为mc的影片剪辑，并把他命名为”mc” n，复制到对应层中。

　　setProperty("mc" n, _xscale, random(60) 20);

　　//改变"mc" n的大小,random(60) 20是取随机变量20~80

　　setProperty("mc" n, _yscale, random(60) 20);

　　setProperty("mc" n, _rotation, random(360));

　　//改变"m" n的角度,random(360)就是随机取0到360度

　　_root.mc.visible=0; //配置原mc不可见。

　　n ;//N累加

　　}

　　8，第3帧添加as语句：gotoAndPlay(2);//循环播放第二