电闪雷鸣、小雨纷飞的效果,Flash制作方法

  作者: 闪速极光  修复: 猫大哥  flash版本: flashMX

  掌握了FLASH的基础知识,你就需要学习一些FLASH的技巧,今天我就来说说电闪雷鸣、小雨纷飞的效果。

点击这里下载源文件

  第一步:来制作下雨的MC,新建一个MC (ctrl+F8),起名叫”雨点元件”,在这我们只做出一个雨点元件,如图1

  然后在适当帧处插入一关键帧(根据你想让雨点下落的速度或是高度来确定)本例在10帧插入了一个关键帧,将雨点向下移动了300左右象素.然后做”形状间补”动画,如图(2)

  为了达到逼真效果.雨点下落后有飞溅起的小雨点.我们在后面插入一此逐帧动画.(你也可以不用作这步)这是本例做好一个雨点下落后有飞溅效果的时间轴.如图3.

  图(3)的飞溅效果,请参考源码,这里不做阐述。

  做好了这个下雨的MC,再新建一个MC,起名叫”形成下雨”,将”雨点”MC放入一个新的MC中,我们要开始写代码了;给下”雨点”MC起实例名“a_mc”,添加一层,起名叫AS层,如图4

  将AS层上的第二帧,第三帧处插入关键帧.放置”雨点”的图层第三帧插入帧就可以了.如图5

  接下来,在AS层的第一帧写代码:(选中第一帧,按下F9)

i = 0;
setProperty("_root.a_mc", _visible, 0);//设置不可见  第二帧写代码 if (i<50) {//设置雨点数
    duplicateMovieClip("a_mc", "a_mc" add i, i);//复制
    setProperty("a_mc" add i, _x, random(500));//设置X坐标
    setProperty("a_mc" add i, _y, random(100));//设置Y坐标
    i = i+1;//自加1
} else {
    i = 0;//初始化变量
}  第三帧写代码: gotoAndPlay(2);//回第二帧  以上代码基本上可当公式用,复制语句的应用是很广的。
  //*——————————
  第二步:来做”闪电”MC,我偷了个懒,直接用了皮皮狼的源码,在第一帧画上闪电的基本形状,如下图6:

  在第二帧画上另一形状,如下图7:

  在第三帧画第三种形状,如下图8:

  第一帧加代码:gotoAndStop(random(3)+1);意思是让它随机出现这三种形状。

  然后新建一个MC,起名”闪电雷声”,将”闪电”MC放入这个MC中,拖到第50帧,在第51帧画一个大的白色的矩形,这样可以实现闪一下的效果,第一帧加码:gotoAndPlay(random(40));这样可以实现无序的播放。新建一层,在50帧外插入关键帧,并导入一个雷电的声音后将其放到该帧上.如图9:

  在闪电MC上绑定下面的代码:onClipEvent (load) {//动画载入时执行以下的语句
    k = random(50);
    this._x = random(500);//设置X坐标
    this._y = 100-k;//设置Y坐标
    this._rotation = random(60)-30;//设置旋转
    this._height = random(150)+100;//设置高度
}   第三步:就是回到主场景中,将”形成下雨”MC与”闪电打雷”MC拖到主场景中来. (你还可以新建一个图层放入一个背景)…如图10

  效果完成~

时间: 2024-08-01 13:07:17

电闪雷鸣、小雨纷飞的效果,Flash制作方法的相关文章

精彩梦幻朝霞动画效果,Flash制作方法

效果: 点击这里下载源文件 教程:(点击这里可以全屏观看)

PPT导航栏效果的制作方法

  PPT导航栏效果的制作方法            步骤一:画圆 1.画圆,去边框; 2.复制,缩小至85%; 3.水平对齐,移动至相距约直径1/5; 步骤二:定位 1.画椭圆,与两圆相切; 2.复制椭圆,居中对齐,移动至与两圆相切; 步骤三:切割 1.先选矩形,后选两椭圆,后使用剪除工具; 2.先选择图形0,后选择图形1,再使用联合工具; 步骤四:复制 1.选择图形1,旋转45度; 2.复制图形1为图形2,缩小图形至85%;

网页制作技巧之一种细腻导航效果的制作方法

导航|技巧|网页 一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上.下划线.背景颜色或位移等. 闲来无事,尝试在dw中实现同样的导航效果. 首先分析效果的组成,鼠标经过时背景发生变化,小图象转动.Ok!考虑使用dw中的swap image(翻转图)+背景图象变化(CSS定义)应该可以实现效果. 准备4张gif图象分别为: 鼠标经过时的背景图象(在fw中使用animate可以很简单的实现渐变效果,本图象透明度由0%渐变到100%) 鼠标划出时的背景图象(本图象透明度由100%渐变到0%)

一种细腻的导航效果的制作方法

  一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上.下划线.背景颜色或位移等.前面的帖子中有网友提到http://www.tonta.com.cn/这个网站,偶发现其首页中的导航效果不错,虽然flash做的没有很眩的效果,但是比较细腻,看上去很舒服. 闲来无事,尝试在dw中实现同样的导航效果.效果如下所示:http://vip.5d.cn/flood/daohang/1.htm. 首先分析效果的组成,鼠标经过时背景发生变化,小图象转动.Ok!考虑使用dw中的swap image(翻转

网页设计:一种细腻的导航效果的制作方法

设计|网页|网页设计 一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上.下划线.背景颜色或位移等.前面的帖子中有网友提到http://www.tonta.com.cn/这个网站,偶发现其首页中的导航效果不错,虽然flash做的没有很眩的效果,但是比较细腻,看上去很舒服. 闲来无事,尝试在dw中实现同样的导航效果. 首先分析效果的组成,鼠标经过时背景发生变化,小图象转动.Ok!考虑使用dw中的swap image(翻转图)+背景图象变化(CSS定义)应该可以实现效果. 准备4张gif图象

两只蝴蝶飞舞动画,Flash制作方法

效果演示: 点击这里下载源文件 制作步骤: 1.启动Flash mx 2004,"修改"-->>"文档"来修改文档的属性,如下图所示: 2.大家通过观看上面的动画可能已经分析到了,或者我们在回去看看蜻蜓的制作方法:Flash制作美丽的蜻蜓飞舞效果动画都可以观察到蜻蜓或蝴蝶都是身体不动,而只是翅膀动!所以我们关键是绘制蝴蝶的翅膀!在这里我们就充分利用Flash提供的绘图工具了!当然在这里我们应该是新建一个元件命名为蝴蝶翅膀,行为是图形.具体效果如下: 新建元件命名为蝴蝶翅膀2,行为是图形,效果如

Flash MX 2004 模拟出打字效果的制作方法

在一些影视作品的片头,我们经常会见到模拟打字效果的字幕,其实这样的效果许多多媒体软件都可以实现.下面笔者以Flash MX 2004为例来实现模拟打字效果的方法. 1.创建电影文件 首先打开Flash MX 2004,按"Ctrl+N"组合键或依次选择"文件→新建"菜单命令创建一个空白电影文件,然后按"Ctrl+J"组合键或依次选择"修改→文档"菜单命令打开电影文件的属性设置对话框,参数设置如图1所示. 2.输入文字 在电影文

晨雾蒙蒙动画效果,Flash制作方法

本菜鸟今天突发奇想做了个雾的效果,大家可以看看 做法其实很简单 用的是ps中的蒙板和云彩滤镜,高手可能已经想到了 步骤就是: 1.用ps新建一个透明的文件 2.在文件上新建一个图层 3.填充为白色 4.点击蒙板 5.点中蒙板然后使用云彩滤镜 6.存储为透明格式的png文件 7.打开flash 8.导入一个图片(最好是风景)到场景 9.新建图层,导入我们刚刚建立的雾的图片 10.讲我们的雾图片转换为影片剪辑 11.然后设置该影片剪辑的补间动画(适当的调整透明度,并多加几个动作) 12.测试影片应该

星星动画,Flash制作方法

星星 效果: 点击这里下载源文件 制作步骤: 先做好,星星,然后拖入主场,命实名为:a,在MC上写: //--------------复制mc--------------------onClipEvent (load) {//加载mc时       i = 1;//定义变量    while ( i<20) {//复制的星星小于20个时,循环执行        a.duplicateMovieClip("a" + i, i);//将实名a的MC复制为实名为"a"