Flash AS3教程：制作照片底片效果(附原理說明)

發(fā)布時間：2014-06-17 15:29:11 作者：佚名

我要評論

這篇文章主要介紹了Flash AS3制作的照片底片效果，大概的原理，就是將乘數(shù)設(shè)為-1,偏移值設(shè)為最大255，那顏色不就完全相反了嗎

　　效果如下：

　　在AS3中顯示對象都有一個transform屬性,設(shè)置這個屬性可以改變顯示對象的大小,旋轉(zhuǎn),顏色等特性.transform屬性還有它自已的屬性, 其中的colorTransform屬性就可以改變顯示對象的顏色.colorTransform屬性必須使用new來設(shè)置.格式:

　　顯示對象.transform.colorTransform = new ColorTransform(紅色乘數(shù),綠色乘數(shù),藍(lán)色乘數(shù),透明度乘數(shù),紅色偏移值,綠色偏移值,藍(lán)色偏移值,透明度偏移值)

　　根據(jù)AS幫助文件說,乘數(shù)的取值范圍是0-1,偏移值的取值范圍是0-255.設(shè)置.transform.colorTransform屬性后,會重新計算顯示對象的顏色.

　　計算公式以紅色為例: 新的紅色 = 舊的紅色*紅色乘數(shù)+紅色偏移值.

　　根據(jù)這個公式,我們就突發(fā)奇想,如果將乘數(shù)設(shè)為-1,偏移值設(shè)為最大255,那顏色不就完全相反了嗎?那就是說黑色會變成白色,白色就會變成黑色了,這不是底片效果嗎?但是,人家?guī)椭募f了,乘數(shù)的取值范圍是0-1,那你還敢試嗎?設(shè)為-1那不范規(guī)了嗎?管他的,范規(guī)又不范法,有啥不敢.你膽子真大,于是你將RGB的乘數(shù)都設(shè)為了-1,偏移值設(shè)為了255,然后你懷著忐忑不安的心(不至于麻),測試影片,會發(fā)生什么呢?系統(tǒng)癱瘓,或者電腦爆炸?呵呵,說嚴(yán)重了點哈.測試的結(jié)果,你看到了一張底片效果,偷著樂吧你.

　　好了,原理你應(yīng)該已經(jīng)清楚了,現(xiàn)在我們制作.

　　1. 首先找一張圖片,導(dǎo)入到flash中,新建一個影片剪輯,將圖片放進(jìn)去,放好.

　　2. 回到主場景,將圖片元件拖到舞臺上,然后復(fù)制一個,水平并排放好.

　　3. 為要制作成底片的那個圖片元件設(shè)置實例名稱:film_mc.

　　4. 用黑色填充,透明度設(shè)為70-80%,畫一個比圖片元件大一些的矩形,放到film_mc的下面.然后用白色填充畫一個小的矩形,放到黑色矩形的上邊,復(fù)制若干個,然后全部選中這些白色的矩形,打開對齊面板,取消相對于舞臺設(shè)置,然后點擊上對齊,再點擊水平居中平均間隔.復(fù)制一份放到黑色矩形的下邊.如下圖：