Qzone娱乐吧 » ┇FL空间教程┇ » 【空间教程】鼠标效果(二):跟随鼠标的缓冲模糊图片效果 精华贴

  

【空间教程】鼠标效果(二):跟随鼠标的缓冲模糊图片效果 (18/1427)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主： 悠然

用户形象图片

先看效果:

 

wgejitpgmw.blog.enorth.com.cn/attachment/flash/477781.swf





一.打开 FIash 新建帧频为12,宽550,高300的文档.





二.准备一张PS好的PNG格式的图片.文件---导入---导入到舞台.把图片导入到舞台.


三.右键单击图片,选择 转换为元件 跳出转换为元件话框:
   选择类型为:影片剪辑
   点确定.



  



四.把转换的影片剪辑命名为:  myMC





五.新建图层2





六.选中图层2的第一帧在动作中加入代码:



stop();
import flash.filters.BlurFilter;
var blur:BlurFilter = new BlurFilter(5, 5, 2);
//初始化滤镜
var maxblurdistance:Number = 5;
myMC.filters = [blur];
onMouseDown = function () {
//在按下鼠标时响应～
tempx = _xmouse;
//记下鼠标位置
tempy = _ymouse;
onEnterFrame = function () {
  var dx = tempx-myMC._x;
  var dy = tempy-myMC._y;
  myMC._x += dx/2;
  myMC._y += dy/2;
  //缓动
  blur.blurX = Math.abs(dx/2);
  blur.blurY = Math.abs(dy/2);
  //产生模糊～
  myMC.filters = [blur];
  //追加滤镜
  updateAfterEvent();
};
};





跟随鼠标的缓冲模糊图片效果教程完成.点 Chifl+Enter 观赏自己做的动画吧.


觉的本教程还可以,请顶一顶.


------教程不断添加中----


悠然 (529902480) 于 2008-09-14 08:47:34 对此贴进行了编辑
悠然 (529902480) 于 2008-09-14 08:49:32 对此贴进行了编辑
悠然 (529902480) 于 2008-10-04 08:54:13 对此贴进行了编辑
回到帖子顶部

回帖 引用 1楼．﹖﹎`ˊjＭ

用户形象图片

     感谢分享
回到帖子顶部

回帖 引用 2楼芷汐

用户形象图片

我来顶一下，马上去学去...
回到帖子顶部

回帖 引用 3楼浅唱

用户形象图片

引用 芷汐 (172965042)在 2008年9月14日 9:22:00的发表:
我来顶一下，马上去学去...

回到帖子顶部

回帖 引用 4楼佷 簡 僤 ，

用户形象图片

我来顶一下，马上去学去...
回到帖子顶部

回帖 引用 5楼 此时花开、

用户形象图片

第一次这么高。。




挖哈哈
回到帖子顶部

回帖 引用 6楼 歐倫 獨寵

用户形象图片

 引用 芷汐 (172965042)在 2008年9月14日 9:22:00的发表:
我来顶一下，马上去学去...

回到帖子顶部

回帖 引用 7楼☆の冰/xs

用户形象图片


回到帖子顶部

回帖 引用 8楼し●ｖе↗墭

用户形象图片

厉害啊！呵呵·！ 马上学去！~
回到帖子顶部

回帖 引用 9楼了了尘埃

用户形象图片

引用 芷汐 (172965042)在 2008年9月14日 9:22:00的发表:
我来顶一下，马上去学去...

回到帖子顶部

回帖 引用 10楼苦涩青梅

用户形象图片

貌视还简单的哦，有空我也要去试试，谢谢楼主分享啊！
回到帖子顶部

回帖 引用 11楼守望者囧

用户形象图片

支持原创教程
回到帖子顶部

回帖 引用 12楼[楼主] 悠然

用户形象图片

谢谢大家和支持,下一篇教程更加精彩!
回到帖子顶部

回帖 引用 13楼〓戲孒〓

用户形象图片

看得很清楚...不错的教程`
回到帖子顶部

回帖 引用 14楼灵溪小鱼

用户形象图片

  真的不错哦 

 学习学习。。。
回到帖子顶部

回帖 引用 15楼[楼主] 悠然

用户形象图片

动画地址失效,已经过更新,视觉效果更佳.
回到帖子顶部

回帖 引用 16楼●﹍↙№幸福

用户形象图片

挺好玩地呢！
回到帖子顶部

回帖 引用 17楼ve

用户形象图片

顶下                                马上去学
回到帖子顶部

回帖 引用 18楼‘，蜗牛

用户形象图片

顶下                                马上去学 
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错！
  • 精华好文！
  • 支持原创文章！
  • 帖子图文并茂，好！
  • 真知灼见，说得好！
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清？换一张(不区分大小写)
[完成后按Ctrl+Enter发表]
[回复须知]