如何在 Adobe Animate 中使用遮色片圖層

  1. Adobe Animate 使用手冊
  2. Animate 簡介
    1. Animate 的新功能
    2. 視覺詞彙
    3. Animate 系統需求
    4. Animate 鍵盤快速鍵
    5. 在 Animate 中使用多個檔案類型
  3. 動畫
    1. Animate 中的動畫基本概念
    2. 如何在 Animate 中使用影格及關鍵影格
    3. Animate 中的逐格動畫
    4. 如何在 Animate 中使用傳統補間動畫
    5. 筆刷工具
    6. 移動導引線
    7. 移動補間動畫與 ActionScript 3.0
    8. 關於移動補間動畫
    9. 移動補間動畫
    10. 建立移動補間動畫
    11. 使用屬性關鍵影格
    12. 使用補間動畫將位置製成動畫
    13. 如何使用移動編輯器編輯移動補間動畫
    14. 編輯補間動畫的移動路徑
    15. 操作移動補間動畫
    16. 新增自訂加/減速
    17. 建立和套用移動預設效果
    18. 設定動畫補間動畫範圍
    19. 使用儲存為 XML 檔案的移動補間動畫
    20. 移動補間動畫與傳統補間動畫
    21. 形狀補間動畫
    22. 在 Animate 中使用骨塊工具動畫
    23. 在 Animate 進行角色製作
    24. 如何在 Adobe Animate 中使用遮色片圖層
    25. 如何在 Animate 中使用場景
  4. 互動
    1. 如何使用 Animate 建立按鈕
    2. 將 Animate 專案轉換成其他文件類型格式
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 在 Animate 中使用程式碼片段增加互動功能
    5. 建立自訂 HTML5 組件
    6. 在 HTML5 Canvas 中使用組件
    7. 建立自訂組件:範例
    8. 自訂組件的程式碼片段
    9. 最佳作法 - 使用 Animate 做廣告
    10. 虛擬實境編寫和發佈
  5. 工作區和工作流程
    1. 建立和管理繪圖筆刷
    2. 在 HTML5 Canvas 文件中使用 Google 字體
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作區
    6. 在 HTML5 Canvas 文件中使用網頁字體
    7. 時間軸與 ActionScript
    8. 使用多重時間軸
    9. 設定偏好設定
    10. 使用 Animate 編寫面板
    11. 使用 Animate 建立時間軸圖層
    12. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    13. 移動和複製物件
    14. 範本
    15. Animate 中的尋找和取代
    16. 還原、重做和操作記錄面板
    17. 鍵盤快速鍵
    18. 如何在 Animate 中使用時間軸
    19. 建立 HTML 擴充功能
    20. 影像和 GIF 動畫的最佳化選項
    21. 匯出影像和 GIF 的設定
    22. Animate 中的資源面板
  6. 多媒體和視訊
    1. 在 Animate 中變形及結合圖像物件
    2. 在 Animate 中建立並使用元件實體
    3. 影像描圖
    4. 如何在 Adobe Animate 中使用聲音
    5. 匯出 SVG 檔案
    6. 建立要在 Animate 中使用的視訊檔案
    7. 如何在 Animate 增加視訊
    8. 使用視訊提示點
    9. 使用 Animate 繪製及建立物件
    10. 調整線條和形狀
    11. 使用 Animate CC 中的筆畫、填色和漸層
    12. 使用 Adobe Premiere Pro 和 After Effects
    13. Animate CC 中的色彩面板
    14. 使用 Animate 開啟 Flash CS6 檔案
    15. 在 Animate 中使用傳統文字
    16. 將圖案放入 Animate 中
    17. Animate 中匯入的點陣圖
    18. 3D 圖像
    19. 在 Animate 中使用元件
    20. 使用 Adobe Animate 繪製線條和形狀
    21. 使用 Animate 中的元件庫
    22. 匯出聲音
    23. 在 Animate CC 中選取物件
    24. 在 Animate 中使用 Illustrator AI 檔案
    25. 使用噴刷工具套用圖樣
    26. 套用混合模式
    27. 排列物件
    28. 使用命令選單自動執行工作
    29. 多國語言文字
    30. 使用 Animate 中的攝影機
    31. 搭配使用 Animate 與 Adobe Scout
    32. 使用 Fireworks 檔案
    33. 圖像濾鏡
    34. 聲音和 ActionScript
    35. 繪圖偏好設定
    36. 使用鋼筆工具繪圖
  7. 平台
    1. 將 Animate 專案轉換成其他文件類型格式
    2. 自訂平台支援
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 建立並發佈 WebGL 文件
    5. 如何封裝 AIR for iOS 的應用程式
    6. 發佈 AIR for Android 應用程式
    7. Adobe AIR for Desktop 的發佈功能
    8. ActionScript 發佈設定
    9. 最佳作法 - 在應用程式中組織 ActionScript
    10. 如何搭配使用 ActionScript 與 Animate
    11. 最佳作法 - 輔助功能原則
    12. Animate 工作區中的輔助功能
    13. 撰寫和管理指令碼
    14. 啟用自訂平台的支援
    15. 自訂平台支援概觀
    16. 建立輔助功能內容
    17. 使用自訂平台支援外掛程式
    18. ActionScript 3.0 的除錯
    19. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 匯出 QuickTime 視訊檔
    9. 使用 ActionScript 控制外部視訊播放
    10. 最佳作法 - 建立行動裝置內容的秘訣
    11. 最佳作法 - 視訊慣例
    12. 最佳作法 - SWF 應用程式編寫原則
    13. 最佳作法 - 建構 FLA 檔
    14. 最佳化 Animate 的 FLA 檔案的最佳作法
    15. ActionScript 發佈設定
    16. 指定 Animate 的發佈設定
    17. 匯出放映檔
    18. 匯出影像和 GIF 動畫
    19. HTML 發佈範本
    20. 使用 Adobe Premiere Pro 和 After Effects
    21. 快速分享和發佈您的動畫

關於遮色片圖層

對於聚光燈特效和轉場,請使用遮色片圖層,建立一個可看見下面圖層的中空形狀。遮色片項目可以是填色形狀、文字物件、圖像元件的實體或是影片片段。將單一遮色片圖層底下的多個圖層群組在一起,建立複雜的特效。

若要建立動態特效,可以將遮色片圖層製成動畫。對於當成遮色片使用的填色形狀,請使用形狀補間動畫;對於文字物件、圖像實體或影片片段,請使用移動補間動畫。在將影片片段實體當成遮色片使用時,可以沿著移動路徑將遮色片製成動畫。

若要建立遮色片圖層,可以將遮色片項目放在要當成遮色片使用的圖層上。遮色片項目會像視窗一樣顯露出底下的連結圖層區域,它並沒有填色或筆畫。除了透過遮色片項目顯示的地方以外,遮色片圖層的其餘部分會將所有物件隱藏。遮色片圖層只能包含一個遮色片項目。不可以將遮色片圖層放在按鈕內,也不可以將某個遮色片套用到另一個遮色片。

若要從影片片段建立遮色片圖層,請使用 ActionScript。不過,使用 ActionScript 建立的遮色片圖層只可以套用到另一個影片片段。

註解:

您無法對遮色片圖層上的物件使用 3D 工具,而含有 3D 物件的圖層也不能當成遮色片圖層使用。如需 3D 工具的詳細資訊,請參閱:3D 圖像

處理遮色片圖層

您可以使用遮色片圖層,顯示位於圖層下方的圖片或圖像部分。若要建立遮色片,必須指定要用於遮色片圖層的圖層,然後在該圖層上繪製或放置填色形狀。您可以將任何的填色形狀 (包括群組、文字和元件) 當成遮色片使用。遮色片圖層會顯示填色形狀底下的連結圖層區域。

建立遮色片圖層

  1. 選取或建立圖層,其中含有要在遮色片內顯示的物件。
  2. 選取「插入 > 時間軸 > 圖層」,建立其上的新圖層。遮色片圖層一定會遮蓋正下方的圖層,所以請在適合的位置建立遮色片圖層。
  3. 在遮色片圖層上放置填色形狀、文字或元件實體。Animate 會忽略遮色片圖層中的點陣圖、漸層、透明度、顏色和線段樣式。遮色片中的任何填色區域都是完全透明的,而任何沒有填色的區域則是不透明的。

  4. 在「時間軸」中的遮色片圖層名稱上按一下右鍵 (Windows) 或 Control + 按一下 (Macintosh),然後選取「遮色片」。遮色片圖層圖示即表示遮色片圖層。正下方的圖層會連結到遮色片圖層,其內容則會透過遮色片上的填色區域顯示。此外,會將被遮色的圖層名稱縮排,其圖示也會變更為被遮色的圖層圖示。
  5. 若要在 Animate 中顯示遮色片特效,請鎖定遮色片圖層和被遮色的圖層。

建立遮色片圖層後遮蓋其他圖層

  1. 請執行下列其中一項:
    • 將現有圖層直接拖曳到遮色片圖層下方。

    • 將新圖層建立在遮色片圖層下方的任何位置。

    • 選取「修改 > 時間軸 > 圖層屬性」,然後選取「被遮色」。

  1. 選取要中斷連結的圖層,並執行下列其中一項:
    • 將圖層拖曳到遮色片圖層上方。

    • 選取「修改 > 時間軸 > 圖層屬性」,然後選取「一般」。

將遮色片圖層上的填色形狀、文字物件或圖像元件實體製成動畫

  1. 在「時間軸」中選取遮色片圖層。
  2. 若要解除鎖定遮色片圖層,可以按一下「鎖定」欄。
  3. 請執行下列其中一項:
    • 如果遮色片物件為填色形狀,請將形狀補間動畫套用到此物件。

    • 如果遮色片物件為文字物件或圖像元件實體,請將移動補間動畫套用到此物件。

  4. 在動畫作業完成後,對遮色片圖層按一下「鎖定」欄,以便重新鎖定圖層。

將遮色片圖層上的影片片段製成動畫

  1. 在「時間軸」中選取遮色片圖層。
  2. 若要原地編輯影片片段並顯示其「時間軸」,可以在「舞台」上按兩下該影片片段。
  3. 將移動補間動畫套用到影片片段。
  4. 在動畫程序完成後,按一下「後退」按鈕回到文件編輯模式。
  5. 若要再次鎖定圖層,請針對遮色片圖層按一下「鎖定」欄。

更多類似項目

Adobe 標誌

登入您的帳戶