如何在將角色圖稿巢狀放入元件時保留眼睛遮色片

將每組運作中的眼睛設定視為一個整體：定義開口的形狀、透過開口顯示的圖稿，以及控制其移動的影格。Adobe 區分「遮色片」圖層與「被遮色片」圖層；後者只會顯示關聯遮色片所揭露的部分。這些圖層關係是需要保留的設定之一。Adobe：使用 Animate 建立時間軸圖層

轉換任何內容之前，先確認各圖層的用途。眼睛輪廓可能只是可見圖稿，而另一個獨立的實心形狀則負責裁切瞳孔。替這些圖層取描述性名稱，以便在新元件中辨識。

例如，示意性的頭部設定可能包含以下圖層，順序由上而下。如果另一隻眼睛需要獨立控制，請為它重複建立眼睛專用圖層：

圖層	預定用途
眼皮與輪廓	正常圖層上的可見圖稿
眼睛開口	定義瞳孔可見範圍的遮色片
瞳孔	與「眼睛開口」關聯的被遮色片圖稿
眼白	正常圖層上的可見背景
頭部圖稿	其餘可見的頭部形狀

這種排列是建議的起點，並非必要的骨架。如果現有眼睛已能正常運作，請先保留原有結構。分開進行重新整理與巢狀放入，比較容易找出是哪項變更造成問題。

如果希望巢狀動畫跟隨外層時間軸，並能在拖曳時間軸時檢視，請使用圖形元件。如果動畫需要獨立的時間軸，請使用影片片段。Adobe 說明了這兩種元件的行為，因此請依照預期播放方式選擇，以免把看似靜止的眨眼誤判為故障。Adobe：在 Animate 中使用元件

若要讓頭部移動時在指定影格眨眼，圖形元件是實用的起點。需要獨立循環播放的角色元素，則可能適合使用影片片段。無論選擇哪一種，都必須保留內部的遮色片設定。

巢狀放入也能讓頭部移動和眼睛動畫分開處理。BMCC 的 Animate 原始教學資料示範了在頭部元件內建立眨眼效果，讓眼睛跟著頭部移動，同時保留自身動畫。這個範例支持巢狀放入的做法，但並非遮色片眼睛教學。BMCC：Adobe Animate：行走與眨眼循環

重新整理之前，請另存一份 FLA 工作副本。記下原始影格範圍，並查看三個可供參照的姿勢：完全睜開、部分閉合與完全閉合。轉換後即可用這些姿勢進行具體比較。

在提供「將圖層轉換成元件」功能的 Animate 版本中，請在時間軸選取相關圖層名稱，按右鍵並選擇該指令。Adobe 在 Animate 2021 中推出這套以圖層為基礎的流程。請納入每個眼睛遮色片、其關聯圖稿，以及應一起移動的其餘頭部圖層。Adobe：五分鐘內建立你的第一個動畫——Adobe Animate 2021 現已推出！

請依照以下順序操作：

1. 找出完整的頭部圖層組，包括不會呈現為一般可見圖稿的遮色片圖層。
2. 在時間軸選取這些圖層，然後選擇「將圖層轉換成元件」。
3. 為容器取一個清楚的名稱，例如 Character_Head，並選擇預定的元件類型。
4. 開啟建立的元件，將其中圖層與影格範圍和原始內容比較。
5. 在為外層實體新增動作之前，檢查三個參照姿勢。

請區分「將圖層轉換成元件」與 Adobe 文件所述、用來轉換所選舞台元素的「修改 > 轉換成元件」。處理現有的分層動畫時，請先使用以圖層為基礎的指令，明確將時間軸結構納入選取範圍。Adobe：在 Animate 中使用元件

如果無法使用以圖層為基礎的指令，Adobe 說明了以影格複製為替代方案：在相關圖層中選取所有必要影格，選擇「複製影格」，透過「插入 > 新增元件」建立空白影片片段，然後在第 1 影格使用「貼上影格」。這會將複製的影格與圖層移入獨立動畫。在放置並檢查替代實體之前，請保留原始內容不變。Adobe：將舞台上的動畫轉換成影片片段元件

在新容器內移動個別形狀之前，先檢查時間軸。遮色片應位於它要揭露的圖稿上方。Adobe 的遮色片說明指出，可以透過縮排與變更後的圖示辨識關聯的被遮色片圖層。在製作環境中，鎖定遮色片與被遮色片圖層即可顯示裁切效果。Adobe：如何在 Adobe Animate 中使用遮色片圖層

如果關聯遺失，請將眼睛開口圖層直接放在目標瞳孔圖層上方，並透過其快顯選單將它設為「遮色片」。在圖層屬性中使用「被遮色片」設定，關聯其他預定圖層。除非也想裁切頭部圖稿與裝飾輪廓，否則請勿將它們納入關聯。Adobe：如何在 Adobe Animate 中使用遮色片圖層

也要檢查遮色片幾何形狀。Animate 的標準圖層遮色片使用填色區域；線條樣式、漸層與透明度都無法定義柔化的裁切邊緣。因此，描邊的眼睛輪廓需要搭配適當的填色開口，才能發揮遮色片作用。Adobe：如何在 Adobe Animate 中使用遮色片圖層

睜眼姿勢看起來正確後，請檢查部分閉合與完全閉合的姿勢。第一個影格成功，不代表整段序列中遮色片與瞳孔的內容都相符。

重新繪製眼睛之前，請依照以下診斷順序檢查。這是根據已說明的圖層與元件行為整理出的實用判斷工具，並不表示每種視覺問題都有相同成因。

症狀	優先檢查	下一步
瞳孔超出開口範圍	內部的遮色片／被遮色片關係與預覽鎖定狀態	恢復關聯並鎖定兩個圖層
眼睛在內部對齊，但整個頭部位置偏移	外層實體的位置	先重新放置組合好的實體，再修改內部圖稿
只有一個眼睛元件在內部偏移	該元件在問題影格上的位置	與原始參照姿勢比較
眨眼在內部正常，但在父元件中靜止	元件類型、播放選項與可用的父元件影格	檢查實體的播放設定
睜眼姿勢正常，但後續姿勢出錯	該影格上的遮色片與瞳孔內容	比較兩者的影格範圍與關鍵影格

對於圖形實體，請檢查「屬性 > 循環播放」。Adobe 說明了「循環播放」、「播放一次」與「單一影格」等選項，以及起始影格設定。「單一影格」會刻意固定在一個內部姿勢；「循環播放」則會在實體所佔用的影格期間重複播放序列。在假設遮色片失效之前，先檢查這些設定。Adobe：在 Animate 中使用元件實體、影格選擇器與自動唇形同步

對齊時，請在發生錯誤的層級修正。如果整個巢狀頭部都需要移動，請調整它的外層實體。如果只有頭部內的瞳孔位置不對，請檢查該內部元素。若同時變更兩個層級，與原始姿勢的比較就不再那麼有用。

以組合好的頭部進行一輪簡短的驗證。先讓頭部保持靜止，檢查眼睛序列；再移動外層實體，重新檢查相同姿勢。這樣可以區分內部眼睛問題與變形角色時引入的問題。

使用重複的測試實體進行暫時變形，完成後再移除。如果需要獨立測試內部圖稿，也請複製「元件庫」中的元件：編輯元件定義會更新其所有實體。Adobe：在 Animate 中使用元件

請在預定輸出內容中檢查以下項目：

• 瞳孔朝開口邊緣移動時，仍維持裁切效果。
• 部分閉合時，不會露出非預期的瞳孔圖稿條帶。
• 閉眼姿勢只包含預定顯示的圖稿。
• 頭部移動時，眼睛組合會一同移動。
• 眨眼會在預定影格開始並重複播放。

使用實際需要的格式匯出一段短片，並檢查相同姿勢。如果發現差異，請回到最早出錯的影格，依照上述診斷順序處理。調查期間請保留可正常運作的巢狀版本。

當內部眼睛設定仍可編輯、遮色片關係在整段動畫中保持正確，而且組合好的頭部在預定輸出中運作正常時，這項工作便告完成。完成這些檢查後，你就能繼續為外層角色元件製作動畫，而不必重建眼睛。

• 如何在 Adobe Animate 中使用遮色片圖層 — Adobe
• 使用 Animate 建立時間軸圖層 — Adobe
• 在 Animate 中使用元件 — Adobe
• 在 Animate 中使用元件實體、影格選擇器與自動唇形同步 — Adobe
• 五分鐘內建立你的第一個動畫——Adobe Animate 2021 現已推出！ — Adobe
• Adobe Animate：行走與眨眼循環 — BMCC，2D 動畫入門