正在阅读：用Flash轻松制作照片上的水纹波动效果用Flash轻松制作照片上的水纹波动效果

2009-08-13 09:23 出处：PConline 作者：网页教学网责任编辑：lizhiyan

　　本教程利用Flash轻松制作照片上有水纹波动的效果。教程最后提供源文件下载，仅供学习参考之用。先看看效果演示：

效果演示

　　创建FLASH文档，然后准备一幅美女照片为背景来用，按CTRL+J调整属性。

Flash轻松制作照片上有水纹波动的效果
图1

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

Flash轻松制作照片上有水纹波动的效果
图2

　　然后命名实例名：

Flash轻松制作照片上有水纹波动的效果
图3

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

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)];
};