繁體中文当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > Flash轻松制作照片上有水纹波动动画
- Flash实例教程
- Flash精彩音乐动画实例:窗之恋
- Flash教程:花吃蝴蝶的动画演示
- Flash教程:用鼠标控制图片移动效果动画
- 跟随鼠标移动flash的制作教程
- Flash实例教程：休闲来喝茶吧！
- Flash动画实例:柳枝,小鱼,涟漪和水波动画
- Flash实例：漂亮的翻书动画制作(无AS)
- Flash制作一幅诗意的水墨卷轴展开的动画
- Flash动画制作教程:好看的有星火特效的动画
- Flash实例教程:害怕鼠标的文字动画特效
- Flash CS4教程:利用三角函数知识制作环绕的菜单效果
- Flash新手鼠绘教程：怎样学习鼠绘
- Flash制作可爱的亲嘴猪动画效果
- Flash入门实例：水滴动画制作
- Flash教程：火苗跟随鼠标
- Flash教程：绘制喜鹊和红梅动画
- Flash制作可爱有趣的亲嘴猪动画
- Flash制作蝙蝠在月夜里飞翔的动画
- Flash实例教程：吹泡泡动画特效
- Flash实例：可爱的小青蛙闹钟
Flash实例教程 中的 Flash轻松制作照片上有水纹波动动画
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-01 浏览: 211 ::
收藏到网摘: n/a
最终效果：
创建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));
然后设置该影片剪辑的链接属性。
好了这时可以看到效果了。
最终提供给大家源文件：/upload/tech/20091001/20091001084944_500e75a036dc2d7d2fec5da1b71d36cc.rar
评论 (0) All
