萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Flash教程 >> Flash AS3教程:簡單表現照片底片效果

Flash AS3教程:簡單表現照片底片效果

   效果如下:

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

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

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

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

  根據這個公式,我們就突發奇想,如果將乘數設為-1,偏移值設為最大255,那顏色不就完全相反了嗎?那就是說黑色會變成白色,白色就會變成黑色了,這不是底片效果嗎?但是,人家幫助文件說了,乘數的取值范圍是0-1,那你還敢試嗎?設為-1那不范規了嗎?管他的,范規又不范法,有啥不敢.你膽子真大,於是你將RGB的乘數都設為了-1,偏移值設為了255,然後你懷著忐忑不安的心(不至於麻),測試影片,會發生什麼呢?系統癱瘓,或者電腦爆炸?呵呵,說嚴重了點哈.測試的結果,你看到了一張底片效果,偷著樂吧你.

  好了,原理你應該已經清楚了,現在我們制作.

  1. 首先找一張圖片,導入到flash中,新建一個影片剪輯,將圖片放進去,放好.

  2. 回到主場景,將圖片元件拖到舞台上,然後復制一個,水平並排放好.

Flash AS3教程:簡單表現照片底片效果  三聯

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

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

Flash AS3教程:簡單表現照片底片效果,PS教程,思緣教程網

  新建一層,打開動作面板,輸入如下代碼:

  film_mc.transform.colorTransform = new ColorTransform(-1,-1,-1,1,255,255,255,0);

  film_mc.scaleX = -1;

  測試影片,效果怎樣?

  上面第二句代碼,是使圖片水平翻轉,因為我感覺底片的方向好象是反的.

copyright © 萬盛學電腦網 all rights reserved