手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Flash>列表

Flash Photoshop实现图片模糊效果动画

来源:互联网 作者:west263.com 时间:2008-04-02
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

  1.打开photoshop.选择一副图片,如下图为原图。将其命名为blurnormal.jpg.

  

  



  2.在PHOTOSHOP中将原图,在PHOTOSHOP中使用滤镜高斯模糊,方法为滤镜―模糊―高斯模糊,半径设为15.当然您能够使用其他的值,然后另存为web图片,命名为blured.jpg

  效果如下:

  

  3.打开FLASH,新建一文档,保存命名为blur.fla.将blurnomal.jpg和blured.jpg导入至库中。

  在不同的层上摆放图片。如下图所示:

  

  在blurred层上放置blured.jpg.在normal层上放置blurnormal.jpg.最上层为AS编写代码层。选中blurred层上图片。按下F8将其转换为movieclip,同时在属性面板上将其实例名命名为blurred.

  4.在as层上加入代码如下:

  代码:

  



  //定义颜色实例对象

  var myColor:Color = new Color(blurred);

  //初始化颜色对象

  var white:Object = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255};

  //配置颜色

  myColor.setTransform(white);

  //执行函数

  setc();

  //定义函数

  function setc(){

  onEnterFrame = function(){

  //颜色偏移值递减。

   white.rb-=5;

  white.gb-=5;

  white.bb-=5;

  white.ab-=5;

  myColor.setTransform(white);

  //假如偏移中的ab<-255,则还原为初值。

  if(white.ab<-255 ){

  white.rb=255;

  white.gb=255;

  white.bb=255;

  white.ab=255;

  //这里是为了演示方便,假如您想只实现一次播放效果把下面这行的注解去除即可。

  //delete this.onEnterFrame;

  }

  }

  }

  5.测试您的影片,效果如下:

  

  

  


  6.假如您想做出其他的一些特别颜色效果。能够对代码做些改变。为了说明问题。本人对三个色彩偏移值加入了输入文本。您可改变他的值。来达到不同的效果。

  代码如下:

  代码:

  



  var myColor:Color = new Color(blurred);

  var white:Object = {ra:100, rb:255, ga:100, gb:255, ba:100, bb:255, aa:100, ab:255};

  myColor.setTransform(white);

  setc();

  function setc(){

  onEnterFrame = function(){

  //三个文本框的变量配置分别为x,y,z.

  x=mytext1.text;

  y=mytext2.text;

  z=mytext.text;

  white.rb-=5;

  white.gb-=5;

  white.bb-=5;

  white.ab-=5;

  myColor.setTransform(white);

  if(white.ab<-255 ){

  white.rb=z;

  white.gb=x;

  white.bb=y;

  white.ab=255;

  //delete this.onEnterFrame;

  }

  }

  }

  7.测试您的影片,效果如下:

  

  

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!