欢迎来到山村网

用Flash轻松制作照片上的水纹波动效果

2019-03-31 06:36:37浏览:750 来源:山村网   
核心摘要:  本教程利用Flash轻松制作照片上有水纹波动的效果。  创建FLASH文档,然后准备一幅美女照片为背景来用,按CTRL+J调整属性。

  本教程利用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

  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新建立影片剪辑元件。这里我们制作一个水纹动画。

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

  图4

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

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

  图5

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

  图6

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

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

  this._x = random(Stage.width);

  this._y = random(Stage.height);

  gotoAndPlay(random(10));

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

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

  图7

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

(责任编辑:豆豆)
下一篇:

Dreamweaver中一直变色的超级链接代码

上一篇:

Dreamweaver方便快捷编辑网页标签

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com