Flash AS3教程:制作照片底片效果(附原理說(shuō)明)
效果如下:

在AS3中顯示對(duì)象都有一個(gè)transform屬性,設(shè)置這個(gè)屬性可以改變顯示對(duì)象的大小,旋轉(zhuǎn),顏色等特性.transform屬性還有它自已的屬性, 其中的colorTransform屬性就可以改變顯示對(duì)象的顏色.colorTransform屬性必須使用new來(lái)設(shè)置.格式:
顯示對(duì)象.transform.colorTransform = new ColorTransform(紅色乘數(shù),綠色乘數(shù),藍(lán)色乘數(shù),透明度乘數(shù),紅色偏移值,綠色偏移值,藍(lán)色偏移值,透明度偏移值)
根據(jù)AS幫助文件說(shuō),乘數(shù)的取值范圍是0-1,偏移值的取值范圍是0-255.設(shè)置.transform.colorTransform屬性后,會(huì)重新計(jì)算顯示對(duì)象的顏色.
計(jì)算公式以紅色為例: 新的紅色 = 舊的紅色*紅色乘數(shù)+紅色偏移值.
根據(jù)這個(gè)公式,我們就突發(fā)奇想,如果將乘數(shù)設(shè)為-1,偏移值設(shè)為最大255,那顏色不就完全相反了嗎?那就是說(shuō)黑色會(huì)變成白色,白色就會(huì)變成黑色了,這不是底片效果嗎?但是,人家?guī)椭募f(shuō)了,乘數(shù)的取值范圍是0-1,那你還敢試嗎?設(shè)為-1那不范規(guī)了嗎?管他的,范規(guī)又不范法,有啥不敢.你膽子真大,于是你將RGB的乘數(shù)都設(shè)為了-1,偏移值設(shè)為了255,然后你懷著忐忑不安的心(不至于麻),測(cè)試影片,會(huì)發(fā)生什么呢?系統(tǒng)癱瘓,或者電腦爆炸?呵呵,說(shuō)嚴(yán)重了點(diǎn)哈.測(cè)試的結(jié)果,你看到了一張底片效果,偷著樂(lè)吧你.
好了,原理你應(yīng)該已經(jīng)清楚了,現(xiàn)在我們制作.
1. 首先找一張圖片,導(dǎo)入到flash中,新建一個(gè)影片剪輯,將圖片放進(jìn)去,放好.
2. 回到主場(chǎng)景,將圖片元件拖到舞臺(tái)上,然后復(fù)制一個(gè),水平并排放好.

3. 為要制作成底片的那個(gè)圖片元件設(shè)置實(shí)例名稱:film_mc.
4. 用黑色填充,透明度設(shè)為70-80%,畫(huà)一個(gè)比圖片元件大一些的矩形,放到film_mc的下面.然后用白色填充畫(huà)一個(gè)小的矩形,放到黑色矩形的上邊,復(fù)制若干個(gè),然后全部選中這些白色的矩形,打開(kāi)對(duì)齊面板,取消相對(duì)于舞臺(tái)設(shè)置,然后點(diǎn)擊上對(duì)齊,再點(diǎn)擊水平居中平均間隔.復(fù)制一份放到黑色矩形的下邊.如下圖:

新建一層,打開(kāi)動(dòng)作面板,輸入如下代碼:
film_mc.transform.colorTransform = new ColorTransform(-1,-1,-1,1,255,255,255,0);
film_mc.scaleX = -1;
測(cè)試影片,效果怎樣?
上面第二句代碼,是使圖片水平翻轉(zhuǎn),因?yàn)槲腋杏X(jué)底片的方向好象是反的.
相關(guān)文章

flash cs6鼠標(biāo)跟隨效果實(shí)現(xiàn)代碼分享
flash cs6想要實(shí)現(xiàn)鼠標(biāo)跟隨效果?該怎么制作呢?今天我們就來(lái)看看使用as2.0實(shí)現(xiàn)鼠標(biāo)跟隨效果的教程,需要的朋友可以參考下2019-05-19
Flash cs6怎么使用代碼輸入中英文文本?Flash cs6中可以使用文字工具直接輸入文本,也可以使用代碼來(lái)輸入文本,該怎么使用代碼輸入文本呢?請(qǐng)看下文詳細(xì)的教程,需要的朋友2018-03-11
flash as3.0抽象類怎么定義? as3.0中有很多抽象類,該怎么定義抽象類和抽象方法呢?下面我們就來(lái)看看簡(jiǎn)單的例子,需要的朋友可以參考下http://m.fzitv.net/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,該怎么使用呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-25
Flash中怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊決定圖像位置?
本教程給大家分享一個(gè)Flash小教程,教大家在Flash CS6中怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊決定圖像位置?方法很簡(jiǎn)單,感興趣的朋友歡迎前來(lái)一起分享學(xué)習(xí)2018-01-12
Flash中如何用代碼將圖片放在自己想要的舞臺(tái)位置?
本教程教腳本之家的ActionScript教程學(xué)習(xí)者在Flash中如何用代碼將圖片放在自己想要的舞臺(tái)位置,教程講解的詳細(xì),感興趣的朋友歡迎前來(lái)分享學(xué)習(xí)2017-11-20
在Flash CS6中使用with函數(shù)繪制背景圖教程
本教程教腳本之家的ActionScript教程學(xué)習(xí)者如何在Flash CS6中使用with函數(shù)繪制背景圖?教程一步步講解的挺詳細(xì),方法也不難,非常適合Flash新手入門(mén)學(xué)習(xí)2017-11-18
Flash怎么設(shè)置元件坐標(biāo)?flash使用代碼設(shè)置元件的坐標(biāo)的教程
Flash怎么設(shè)置元件坐標(biāo)?flash中導(dǎo)如的元件需要添加坐標(biāo),該怎么定位元件坐標(biāo)呢?下面我們就來(lái)看看flash使用代碼設(shè)置元件的坐標(biāo)的教程,需要的朋友可以參考下2017-10-11
Flash怎么制作來(lái)回?fù)u擺的花朵的動(dòng)畫(huà)?
Flash怎么制作來(lái)回?fù)u擺的花朵的動(dòng)畫(huà)?Flash中想要給花朵制作一段搖擺的動(dòng)畫(huà)效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-05-23
Flash怎么制作流動(dòng)七彩色的文字?想要讓文字動(dòng)起來(lái),該怎么使用flash給文字制作一個(gè)流動(dòng)七彩色的動(dòng)畫(huà)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-04-23











