当前页面位置: » 丰搜网 » 文档中心 » 详细内容
cool blur effect-模糊效果
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.测试你的影片，效果如下：
出处：webstudio
责任编辑：moby
◎进入论坛flash专栏版块参加讨论
| 《bbqi教你做flash动画》节选
as3.0概要–了解as3.0的改变
心心相印纸巾包装设计简明教程
梦幻5彩星图简明教程（启发）
用ps打造超级变幻线简明教程
| | as3.0概要–了解as3.0的改变
flash 8 swf metadate应用
flash 8 安装remoting解决方法
flash 8 bitmapdata 类的应用
flash 8 少为人知的特性
| | | | 保持清晰的文档结构 | | | 月亮图腾教程ⅴ—最后一战 | | | x-sapce使用系列教程 | | | x-space安装系列教程 | | | 抽线以及虚线画法简明教程 | | | 创新设计 百万格子大楼 | | | discuz!转换系列教程 | | | 世界杯足球的32个变种 | | | 易上手简单图层样式扣图 | | | 一封写给mm学习linux的信 | | |
| | | 保持清晰的文档结构 | | | 月亮图腾教程ⅴ—最后一战 | | | x-sapce使用系列教程 | | | x-space安装系列教程 | | | 抽线以及虚线画法简明教程 | | | discuz!转换系列教程 | | | 易上手简单图层样式扣图 | | | 十分钟学会 xajax | | | css 菜单举一反三 | | | 利用照片制作版画简明教程 | | |
| | 蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。 特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有 | | 本文总共有 6 条评论，现在显示最新的 5 条。评分：- llllllllllllllllllll + 评分人数: 1 ,平均分: 4.00
jsuper publish at 2006-4-14 12:33:22
哥们是as大学毕业的吧
bloodion publish at 2005-11-16 12:00:15
coooooooooooooool~~~~~
太棒了，as学的好就是牛x，以前用渐变做的效果跟着个一比简直。。。
收下了，谢谢
syl1107 publish at 2005-11-7 14:20:57
为什么我出不来效果呀,真晕
谁能告诉我呀
cyywill publish at 2005-9-30 17:08:38
var mycolor:color = new color(blurred);
对不起,看错了
cyywill publish at 2005-9-30 17:07:42
教本里没有对这个mc:blurred的操作啊
查看全部评论 | | |
| 关于站点 免责声明 联系站长 版权隐私 友情链接 网站地图 京icp备05002321号 | ©1999-2006 blueidea.com. 版权所有 | |
