1.打開photoshop.選擇一副圖片，如下圖為原圖。將其命名為blurnormal.jpg.
2.．在PHOTOSHOP中將原圖，在PHOTOSHOP中使用濾鏡高斯模糊，方法為濾鏡—模糊—高斯模糊，半徑設(shè)為15.當(dāng)然你可以使用其它的值，然后另存為web圖片，命名為blured.jpg
效果如下：
3.打開FLASH，新建一文檔，保存命名為blur.fla.將blurnomal.jpg和blured.jpg導(dǎo)入至庫中。
在不同的層上擺放圖片。如下圖所示：
在blurred層上放置blured.jpg.在normal層上放置blurnormal.jpg.最上層為AS編寫代碼層。選中blurred層上圖片。按下F8將其轉(zhuǎn)換為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};
//設(shè)置顏色
myColor.setTransform(white);
//執(zhí)行函數(shù)
setc();
//定義函數(shù)
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;
//這里是為了演示方便，如果你想只實現(xiàn)一次播放效果把下面這行的注解去除即可。
//delete this.onEnterFrame;
}
}
}
|
|
5.測試你的影片，效果如下：
6.如果你想做出其它的一些特殊顏色效果。可以對代碼做些改動。為了說明問題。本人對三個色彩偏移值加入了輸入文本。你可改變它的值。來達(dá)到不同的效果。
代碼如下：
| 代碼: |
|
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(){
//三個文本框的變量設(shè)置分別為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
責(zé)任編輯：moby
◎進(jìn)入論壇Flash專欄版塊參加討論
|
