最終效果:
創(chuàng)建flash文檔,然后準備一幅美女照片為背景來用,按ctrl+j調(diào)整屬性。
然后把圖片轉(zhuǎn)換為影片剪輯,起名為photo_mc,然后我們設(shè)置影片剪輯的位置。確認影片剪輯選中狀態(tài)下,我們打開對齊面板,然后設(shè)置如下。
然后命名實例名
然后為第一幀添加如下動作。
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新建立影片剪輯元件。
這里我們制作一個水紋動畫。
然后制作一個形狀動畫,水紋擴散開,首先在第一幀里繪制一個橢圓,調(diào)整漸變填充。
在第一幀調(diào)整到最小,第75幀調(diào)整到最大。然后做形狀動畫。
并且在第75幀添加如下代碼
this._x = random(stage.width);
this._y = random(stage.height);
gotoandplay(random(10));
然后設(shè)置該影片剪輯的鏈接屬性。
好了這時可以看到效果了。
最終提供給大家源文件:http://www.webjx.com/files/soft/1_090809222110.rar