遮色片應用

目標
遮色片的應用

▲左側大風扇附屬在遮色片之下，且可由按鈕控制。

學習新功能

• 遮色片

觀念
遮色片是一圖層，會使緊接其下的圖層(又稱被遮層)不見，若欲看被遮層，須在遮色片層畫出實色區，則被遮層只有實色區範圍內的圖像會出現。

步驟
一、製作影片片段元件

1. 製作風扇圖像元件，注意軸心對齊舞台原點。
2. 以風扇圖像元件製作一移動補間，於屬性對話框內之旋轉欄內選擇順時鐘。
   補充：
   旋轉時，須以「自由變形工具」將物件的中心移到軸心點。
   當設定成轉一圈時，循環播放時，由首尾影格會重復，所以尾格須去掉。作法是在移動補間的時間軸內選首尾之外的其他影格，滑鼠右鍵，於文字選項內選擇「轉換成關鍵影格」。再將末尾的關鍵影格移除。
   

二、設定實體

1. 切換到場景。
2. 將內定圖層取名為「大風扇」。
3. 新增一圖層，取名為「小風扇」。
4. 在「大風扇」、「小風扇」層，從元件庫拖拉放影片片段一次，分置舞台左右。
5. 利用縮放工具，將上述二影片片段縮放成左大右小。
6. 選取舞台上的大影片片段，在屬性視窗內將實體名稱設為「big_fan」。
   

三、加入遮色片
利用遮色片做動畫

1. 新增圖層，取名「遮色片」。
2. 在「遮色片」層畫一實色圓形，用細部選取工具，將圓形改為有機形，使其位置及大小可以蓋住大風扇百分九十左右。
3. 選取該有機形輪廓，滑鼠右鍵，選擇「剪下」。
4. 在「遮色片」層上方新增一圖層，取名為「輪廓」。
5. 編輯 > 在原地貼上。
   
6. 滑鼠右鍵點按「遮色片」層，於文字選項中選擇「遮色片」。
7. 測試影片
   比較加入遮色片前後的差異。

四、加入背景

1. 新增圖層，取名為「小草」，將該圖層置於「風扇」層之下，以畫筆工具畫數筆草葉。
2. 新增圖層，取名為「背景」，將該圖層置於「小草」層之下，以漸層色調畫一矩形漸層色塊。

五、將背景移入遮入片底下

1. 將「小草」圖層直接拖拉放到「大風扇」層，並居於「大風扇」層之下。
2. 將「背景」圖層直接拖拉放到「小草」層，並居於「小草」層之下。
3. 測試影片。

六、新增按鈕

1. 在「小風扇」圖層上方新增一圖層，取名為「按鈕」。
   
2. 視窗 > 庫存元件，拖拉放播放按鈕元件及暫停元件至按鈕層，分別將其實體名稱取名為「play_btn」及「pause_btn」。
3. 在「按鈕」圖層上方新增一圖層，取名為「Action」，按F9鈕，輸入以下的語令：
   //讓影片停在第一格等待
   stop();
   
   //設定函數，讓實體名稱為play_btn的按鈕被點按時會播放實體名稱為bigfan_clip的影片片段。
   play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
   function clickplay_btn(event:Event):void {
   trace ("play_btn");
   big_fan.play();
   }
   
   //設定函數，讓實體名稱為pause_btn的按鈕被點按時會停播實體名稱為ball_clip的影片片段。
   pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);
   function clickpause_btn(event:Event):void {
   trace ("pause_btn");
   big_fan.stop();
   }
   
   
4. 存檔。
5. 測試影片。