1 FL 教程Flash 設計圖片由模糊到清楚效果 周四 3月 03, 2011 7:16 pm
Admin
Admin
以前記得是在哪個網站看到這個效果,但是怎么找也找不到了!所以給大家講解一下如何設計。主要是講解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測試了!]
效果如下,不給大家提供源文件了,非常簡單的!
首先預備好四幅大小相同的圖片,然后蹈入到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測試了!]