Flash教程：AS下雨动画效果的制作

新客网 XKER.COM 2008-01-08 来源： 收藏本文

　　先看下效果：
 



　　制作过程

　　一、新建一图层，大小随意；

　　二、新建元件（影片剪辑）：

　　1、制作雨滴并下落。使用直线工具（颜色设为灰色，1像素）画一短直线，使用选择工具将直线移到上方（最好移到文档上面一点），在第15帧（要雨急则帧短，反之则长）处插入关键帧，并将直线向下移动，选择1至15帧之间任意一帧，选择属性下补间，选择形状。然后在第16帧处插入空白关键帧，在第36帧处插入空白关键帧，并在该帧上写入代码stop();（这是为了让雨不过于密急）。

　　2、制作水波。锁定图层1新建一图层2，在图层2第15帧处插入空白关键帧，使用椭圆工具（笔触设为灰色，填充色设为无）在直线下方画一椭圆，选择第15帧并将其移动到16帧，在第35帧插入关键帧，使用变形工具将椭圆放大，使用选择工具点击椭圆，将其透明度设为5，再在15-35帧之间创建形状补间动画。

　　三、点击场景回到场景，按CTRL+L打开库面板，将元件拖到场景的图层1，并调整到合适位置，在第170帧处插入关键帧。使用选择工具点击元件实例，在属性面板中写上实例名称，随意写，我这里写的是mc（如果你不是写的mc,请在代码中将mc改为你写的名称）。

　　四、新建一图层，在第1帧处插入代码c=1;在第2帧处插入空白关键帧，并将以下代码复制到动作面板中。

　　function ee(){
　　duplicateMovieClip("mc",c,c);
　　setProperty(c, _x,random(550));
　　setProperty(c, _y,random(200));
　　updateAfterEvent();
　　c++;
　　if (c>300) {
　　clearInterval(kk);
　}
　　}
　　kk=setInterval(ee,120);

　　OK，按CTRL+ENTER看看效果吧。

　　本教程由意维星空编写。

　　又调整了一下，效果更好点，教程就不再写了。主要是在原件上增加了一层水波，把雨滴在直线上进行了一些调整，改了一下颜色。

• ·JS+FLASH 参数传递 个人见解
• ·Dreamweaver插入Flash参数详解
• ·将Photoshop创建的位图导入Flash MX
• ·Flash AS代码编写图片环绕旋转效果
• ·如何调用Flash才符合Web网页标准？
• ·设计思考：Flash Web结构之数据显示层
• ·巧妙去除Flash动画在线播放限制
• ·Flash MX 2004 Media组件实现多首mp3连放
• ·把fla文件输出成和swf一样的gif文件
• ·如何合并不同帧频(fps)的Flash文件
• ·Flash ActionScript函数制作雪花飘飘动画
• ·使用Flash引导线制作雪花飘飘动画
• ·Flash教程：AS下雨动画效果的制作
• ·Flash AS代码常用调试语句trace()的使用
• ·Flash教程：纯AS打造3D小方块
• ·带AS的图片环绕旋转效果制作方法