Flash轻松制作照片上有水纹波动动画

作者:网络 来源:佚名 更新时间:2009-08-09 21:55:59 点击:

最终效果:

创建flash文档,然后准备一幅美女照片为背景来用,按ctrl+j调整属性。

 

然后把图片转换为影片剪辑,起名为photo_mc,然后我们设置影片剪辑的位置。确认影片剪辑选中状态下,我们打开对齐面板,然后设置如下。

 

然后命名实例名

 

然后为第一帧添加如下动作。

import flash.filters.displacementmapfilter;
import flash.display.bitmapdata;
import flash.geom.point;
this.createemptymovieclip("waterhold", this.getnexthighestdepth());
waterhold._visible = false;
var numofripples:number = 65;
var speed:number = 18;
for (var i:number = 0; i<numofripples; i++) {
 var ripple:movieclip = waterhold.attachmovie("wave", "wave"+waterhold.getnexthighestdepth(), waterhold.getnexthighestdepth(), {_x:random(stage.width), _y:random(stage.height)});
 ripple.gotoandplay(random(65));
}
onenterframe = function () {
 var bm:bitmapdata = new bitmapdata(waterhold._width+65, waterhold._height+65, true, 0x50000000);
 bm.draw(waterhold);
 photo_mc.filters = [new displacementmapfilter(bm, new point(0, 0), -1, 1, 1, speed)];
};

然后按ctrl+f8新建立影片剪辑元件。

这里我们制作一个水纹动画。

 

然后制作一个形状动画,水纹扩散开,首先在第一帧里绘制一个椭圆,调整渐变填充。

 

 

在第一帧调整到最小,第75帧调整到最大。然后做形状动画。

并且在第75帧添加如下代码

this._x = random(stage.width);
this._y = random(stage.height);
gotoandplay(random(10));

然后设置该影片剪辑的链接属性。

 

好了这时可以看到效果了。

最终提供给大家源文件:http://www.webjx.com/files/soft/1_090809222110.rar