当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash教程:AS下雨动画效果的制作

Flash动画制作
RGB颜色action自定义教程(2) — 随机颜色篇
RGB颜色action自定义教程(3) — 颜色渐变篇
RGB颜色action自定义教程 — 色光叠加篇
实时走动的时钟的制作
在FLASH中弹出网页窗口
Flash高级知识学习:ActionScript扫盲
关于FLASH留言板的详细教程
Flash常见问题解答集锦
Flash MX04文字特效:残影动画
Flash游戏制作常用代码解析
ActionScript图文教程(六)
场景之间相互跳转的实现方法
关于变量的问题
ActionScript图文教程(七)
ActionScript图文教程(八)
ActionScript图文教程(九)
ActionScript图文教程(十)
ActionScript图文教程(十一)
遮罩效果的动态文本
ActionScript图文教程(十二)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 113 ::
收藏到网摘: n/a

先看下效果:

[友情提示]看不到动画效果的朋友请去这里观看:

http://bbs.ruanchen.com/"_cx" VALUE="14552">

制作过程

一、新建一图层,大小随意;

二、新建元件(影片剪辑):

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看看效果吧。

本教程由意维星空编写。

效果

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

[友情提示]看不到动画效果的朋友请去这里观看:

http://bbs.ruanchen.com/"_cx" VALUE="14552">