首页 > > 网页制作 > Flash >

coolblureffect-模糊效果

2008-04-02 10:38:14来源：互联网阅读 ()

　　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.测试您的影片，效果如下：

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有