| 首页 | 视觉资讯 | 平面视觉 | 环艺设计 | CG视觉 | 设计教程 | 人物 |
视觉资讯
设计资讯 网络媒体 设计征集 书刊
平面视觉
画册 包装 VI 招贴 标志 创意 文案 理论
环艺设计
建筑设计 室内设计 景观设计 家装设计
CG视觉
插画 3D视觉 动漫
设计教程
平面教程 网页教程 多媒体教程
人物
设计师 设计公司 人物访谈
您现在的位置: 第一视觉 >> 设计教程 >> 网页教程 >> FLASH教程 >> 正文
Flash鼠标触发模糊图片变清晰特效
作者:闪电儿 | 文章来源:网页教学网 | 时间:2007-5-21 【字体:

  这个互动特效很有意思:大家将鼠标指针放到模糊图片上,即可看到清晰的效果,现在我们就来一起制作这个flash特效。主要是讲解Flash8的blur滤镜,利用Actonscript调用blur滤镜实现由模糊到清楚的效果。

  效果如下,不给大家提供源文件了,非常简单的!


大家将鼠标指针放到模糊图片上,即可看到效果

  首先准备好四幅大小相同的图片,然后蹈入到Flash中,都分别转换为按钮元件。

  然后把四个按钮分别都拖拽到舞台上来,位置摆放好。并且分别为他们命名实例名:link1_btn、link2_btn、link3_btn、link4_btn。

  然后新建立一个层,添加代码:

  代码如下:

 import flash.filters.BlurFilter;
var blurred:BlurFilter = new BlurFilter(5, 5, 4);
var myFilters:Array = [blurred];
link1_btn.filters = link2_btn.filters = link3_btn.filters = link4_btn.filters = myFilters;
link1_btn.onRollOver = link2_btn.onRollOver = link3_btn.onRollOver = link4_btn.onRollOver = function() {
  this.filters = null;
}
 link1_btn.onRollOut = link2_btn.onRollOut = link3_btn.onRollOut = link4_btn.onRollOut = link5_btn.onRollOut = function() {
  this.filters = myFilters;
}

  代码很好理解,按Ctrl+enter测试就好了!

  • 上一篇文章:

  • 下一篇文章:
  • 相关文章
    Illustrator封套扭曲工具做褶皱卷曲效果
    版权申明:
       转载请不要修改任何文字图片链接信息。如需使用本站作品,请与原作者联系,版权归原作者所有。
       第一视觉(www.vision1.cn)依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请联系我站编辑人员,注明网址及文章,我们会即时处理或删除!
    最新热门文章
    普通文章格斗动画制作的理论基础
    普通文章Flash鼠标触发模糊图片变清晰特效
    普通文章Flash实例教程:“蝶恋花”制作过程
    普通文章Flash制作随意飘飞的彩色肥皂泡
    普通文章Flash制作“时空穿梭”视觉特效
    普通文章Flash制作仿苹果界面的互动图标界面
    普通文章Flash制作彩色线条动态图案生长动画效果
    普通文章Flash制作环形立体旋转的动态文字
    普通文章用FLASH做闪烁文字
    普通文章Flash文件的破解与加密方法
    关于我们 | 联系我们 | 版权声明 | 免责声明 | 网站地图
    版权所有 © 2006-2007 第一视觉(Vision1.cn)
    Copyright © 2006-2007 Vision1.cn All rights reserved