设定探照灯图层动画及遮色片Mask.PPTVIP

著作權所有 ? 旗標出版股份有限公司 第 15 章 遮色片 (Mask) 效果應用 － 捉賊囉 本章提要 動畫元件 (Symbol) 與流程說明 設定文件屬性與圖層安排 設定探照燈圖層動畫及遮色片 (Mask) 舉一反三時間 － FLASH 文字動畫 遮色片 (Mask) 效果應用 所謂遮色片效果, 就好像是透過望遠鏡的鏡頭在看東西似的, 你所看到的景物, 就只限於望遠鏡圓圓的鏡頭, 而其他在鏡頭範圍之外的就看不見。 Flash 有一種稱為遮色片的圖層, 它會遮住在此圖層之下的被遮色圖層內容, 若你在遮色片圖層上繪製一個圓, 那麼這個圓移動到哪裡, 其下的被遮色圖層即會顯示出該位置的內容。 遮色片 (Mask) 效果應用 遮色片 (Mask) 效果應用 現在請開啟範例檔 ch15.swf 來播放看看, 感受一下 遮色片 動畫的 效果： 動畫元件 (Symbol) 與流程說明 元件介紹 動畫製作流程 重點說明 元件介紹 只有小偷元件的繪製比較複雜, 但只要參考第 2 篇的繪圖操作說明, 並發揮你的想像力來創作就可以了！至於小偷黑影元件, 則只要直接將小偷元件修改填色成灰黑色系即可： 動畫製作流程 重點說明 若遮色片圖層上有多個物件, 遮色片圖層會以最底層的物件來做為遮色片的遮色範圍 (以本例來說, 探照燈圖像元件便是遮色片的遮色範圍)。而使用填色形狀做為遮色範圍時, 可以使用 1 個以上的填色形狀 。 重點說明 若使用元件的實體 (Instance)、群組物件 (Group) 與文字物件做為遮色範圍時, Flash 會以最下層的物件做為遮色範圍。 設定文件屬性與圖層安排 設定文件屬性 安排圖層 (Layer) 並設定內容 設定動畫長度 設定文件屬性 本範例共使用了 38 格影格, 用 12 fps 的速度播放的話, 可以播放 3.1 秒；這個動畫的文件屬性設定如右： 安排圖層 (Layer) 並設定內容 本範例的圖層分配如下： 安排圖層並設定內容 在本例中, 探照燈圖層將做為遮色片圖層, 而吐氣、小偷、黃底這 3 個圖層放的是要透過遮色範圍顯示的內容；而小偷黑影圖層則放置小偷尚未被探照燈照到的樣子, 故此圖層將不被遮色。 接著請依下列步驟在各圖層中分別放入所需的元件： 安排圖層並設定內容 安排圖層並設定內容 安排圖層並設定內容 設定動畫長度 由於小偷、黃底、小偷黑影 3 個圖層都沒有動畫效果, 所以從第 1 格到最後 1 格都維持不變, 而吐氣圖層則是要 從第 36 格才開始 顯示。以 下是這個 部分的設定方法： 設定探照燈圖層動畫及遮色片  (Mask) 首先設定探照燈圖層中, 探照燈由左向右移動的移 動補間 動畫： 設定探照燈圖層動畫及遮色片 接著再設定探照燈由右向左移動後, 再跳回中央的動畫： 設定探照燈圖層動畫及遮色片 最後把探照燈圖層設為遮色片圖層, 吐氣、小偷、黃底 圖層都設為 被遮色圖層 即可： 設定探照燈圖層動畫及遮色片 修改遮色片圖層與被遮色圖層 設定遮色片效果後, 遮色片圖層與被遮色圖層就會被鎖定, 若要修改其內容, 必須先解除鎖定狀態再做編輯。而遮色片效果只有在圖層鎖定的狀態下才會啟動, 因此在編輯、修改完圖層內容後, 記得要重新鎖定遮色片圖層與被遮色圖層, 或是點選圖層後按滑鼠右鈕執行『顯示遮色片』命令, 以再度啟動遮色片效果。 舉一反三時間 － FLASH 文字動畫 文字遮色動畫 增加被遮色圖層 文字探照燈 文字遮色動畫 可以做為遮色片圖層中遮色範圍的物件有形狀、實體、群組及文字 4 種。上例的探照燈動畫是以「實體」做為遮色片範圍, 而在接下來的範例中, 我們則使用了「文字」做為遮色片範圍。 請雙按範例檔 ch15-1.swf 來播放, 看看跟探照燈動畫有什麼不同吧！ 文字遮色動畫 文字遮色動畫 此範例的製作重點在於, 做為遮色範圍的文字不動, 而是被遮色的彩色底移動： 文字遮色動畫 增加被遮色圖層 你可以增加遮色片圖層之下所連結的被遮色圖層, 讓遮色片效果的動畫設計更具彈性。增加的被遮色圖層不會自動鎖定, 所以遮色片效果會暫時失效, 只要將該圖層鎖定, 便可重新啟動 遮色片效 果。 文字探照燈 你可以雙按範例檔 ch15-2.swf 來播放看看效果後, 先試著自己製作一個同樣的動畫, 再開啟範例檔 ch15-2.fla, 觀察你的做法是不是和我們一樣！ 文字探照燈 * 著作權所有 ? 旗標出版股份有限公司