著作權所有 © 旗標出版股份有限公司
Flash 動態網頁設計入門
January 20, 2008
Page 2 January 20, 2008
遮色片圖層
•
所謂遮色片 （Mask）效果， 就好像是透過望遠 鏡的鏡頭在看東西似的， 你所看到的景物， 就只 限於望遠鏡圓圓的鏡頭， 而其他在鏡頭範圍之外 的就看不見。•
Flash 有一種稱為遮色片的圖層， 它會遮住在此 圖層之下的被遮色圖層內容， 若你在遮色片圖層 上繪製一個圓 （這個圓就好像是望遠鏡的鏡頭一 樣）， 那麼這個圓移動到哪裡， 其下的圖層即會 顯示出該位置的內容。Page 3 January 20, 2008
遮色片圖層
Page 4 January 20, 2008
遮色片圖層
•
可以做為遮色片圖層中遮色範圍的物件有形狀、實體、群組及文字 4 種
•
若使用元件的實體 （Instance）、群組物件（Group） 與文字物件做為遮色範圍時， Flash 會以最下層的物件做為遮色範圍。
Page 5 January 20, 2008
元件介紹
Page 6 January 20, 2008
安排圖層並設定內容
•
在本例中， 探照燈圖層將做為遮色片圖層， 而吐 氣、小偷、監獄背景這 3 個圖層放的是要透過遮 色範圍顯示的內容；而小偷黑影圖層和監獄背景 圖層則放置小偷及尚未被探照燈照到的樣子， 故 這 2 個圖層將不被遮色。接著請依下列步驟在各 圖層中分別放入所需的元件：Page 7 January 20, 2008
安排圖層並設定內容
Page 8 January 20, 2008
安排圖層並設定內容
Page 9 January 20, 2008
安排圖層並設定內容
Page 10 January 20, 2008
安排圖層並設定內容
Page 11 January 20, 2008
設定探照燈圖層動畫及遮色片
Page 12 January 20, 2008
設定探照燈圖層動畫及遮色片
Page 13 January 20, 2008
設定探照燈圖層動畫及遮色片
最後把探照燈圖層設為遮色片圖層， 吐氣、小偷、
監獄背景圖層都設為被遮色圖層， 將探照燈圖層設 為遮色片圖層， 那麼其下的第一個圖層 （也就是吐 氣圖層） 預設會變成被遮色片， 所以接著只要將小 偷與監獄背景圖層， 也設為被遮色圖層。
Page 14 January 20, 2008
設定探照燈圖層動畫及遮色片
Page 15 January 20, 2008
修改遮色片圖層與被遮色圖層
•
設定遮色片效果後， 遮色片圖層與被遮色圖層就 會被鎖定， 若要修改其內容， 必須先解除鎖定狀 態再做編輯•
而遮色片效果只有在圖層鎖定的狀態下才會啟動，因此在編輯、修改完圖層內容後， 記得要重新鎖 定遮色片圖層與被遮色圖層， 或是點選圖層後按 滑鼠右鈕執行『顯示遮色片』命令， 以再度啟動 遮色片效果。
Page 16 January 20, 2008
實做練習－FLASH 文字動畫
•
文字探照燈•
文字遮色動畫•
放大鏡Page 17 January 20, 2008
實做練習一：文字探照燈
•
exercise/flash_light.swfPage 18 January 20, 2008
實做練習二：文字遮色動畫
•
exercise/flash.flaPage 19 January 20, 2008
