在 Adobe Animate 中編輯巢狀元件時,如何預覽角色的其他部分
為什麼角色的其他部分會消失?
你從哪裡進入,會決定編輯時的脈絡。雙擊「資產庫」中的元件,會開啟其定義供編輯。使用「原地編輯」進入舞台上的元件實例時,周圍物件仍會顯示。Adobe 將這兩者列為編輯元件的不同方式。如果你直接從「資產庫」開啟角色的一個小部位,請返回文件,改從組合完成的角色進入。在 Animate 中使用元件
巢狀結構讓這項區別多了一個層級。角色容器可以包含多個部位,而部位也可以再包含其他元件。Adobe 的文件說明,影片片段有自己的時間軸,也可以巢狀放入其他影片片段中。修改圖稿前,先確認要調整的部位屬於哪個容器。使用多個時間軸
事先用簡單文字描述進入路徑很有幫助:場景、角色、頭部,接著是特定細節。這些名稱僅供說明,並非專案必須使用的名稱。透過這條路徑,你可以確認自己已進入預期的容器,再開始編輯。
如何在保留周圍脈絡的情況下進入巢狀角色部位?
先確認舞台上顯示的是組合完成的角色,再依照以下步驟操作:
- 選取角色最外層的元件實例。
- 在 Windows 上按右鍵,或在 macOS 上按住 Control 鍵並按一下,然後選擇 Edit in Place。
- 在該容器內選取所需的巢狀部位,並使用相同指令進入。
- 修改任何內容前,先確認舞台上方「編輯列」中的元件名稱。
Adobe 說明了從舞台元件實例使用此指令,以及「編輯列」如何標示目前元件。Webucator 的原始巢狀影片片段教學也示範了如何透過「原地編輯」進入容器,並在元件自己的時間軸上編輯其內容。Adobe 元件編輯說明、Webucator 巢狀元件操作指南
進行精確的角色調整時,請在每個層級停下來,確認下一個操作是否應在此處進行。將整個細節相對於頭部移動,與修改該細節內的圖稿形狀,是兩種不同的操作。只深入到完成預期修改所需的層級。這樣會讓編輯路徑更容易追蹤,也更容易評估調整後的位置。
如何以完整色彩查看周圍部位?
使用「原地編輯」進入部位後,請選擇 View > Preview Mode > Full。Adobe 說明,Full 會完整渲染舞台上的所有內容,也指出這可能會拖慢顯示速度。同一份手冊也說明,預覽模式設定會影響編輯時的顯示方式,但不會改變文件的匯出結果。最佳化 Animate 的 FLA 檔案的最佳作法
Adobe 社群中,角色設計師兼動畫師 Nick Tilcheff 的原創回答也示範了使用 Full 移除編輯元件時的淡化效果。該回答發布於 2019 年;官方手冊則另行說明 Full 指令的渲染行為。Stage Transperancy when I double click a symbol
比較相鄰色彩、檢查重疊,或判斷完整輪廓時,請使用完整渲染。讓「編輯列」保持可見:周圍部位完整渲染後,僅憑外觀較難確認目前正在編輯哪個元件。如果顯示變得遲緩,詳細作業時可改用較輕量的預覽模式,並在視覺檢查時切回 Full。
不同調整應使用哪個編輯層級?
根據需要修改的內容選擇層級。Adobe 區分元件圖稿與個別實例的屬性:實例可以有自己的旋轉、縮放、色調和透明度。這項區別可作為以下判斷依據。在 Animate 中建立和使用元件實例
| 預期的修改 | 從哪裡開始 | 要比較的視覺要素 |
|---|---|---|
| 相對於相鄰部位移動整個部位 | 包含該部位實例的容器 | 間距、對齊和重疊 |
| 旋轉或縮放已放置的部位 | 該部位在所屬時間軸中的實例 | 其比例與組合完成的角色是否相符 |
| 修改部位內圖稿的形狀 | 進入該部位的元件內 | 修改後的輪廓與周圍圖稿是否相符 |
| 修改另一個細節內的細節 | 沿巢狀實例逐層進入該細節 | 鄰近區域和完整角色 |
請將此表視為根據元件與實例的區別所整理出的工作流程建議。編輯前,先用一句話說明預期結果,例如:「在頭部內稍微移動這個完整的細節。」編輯後,檢查同一個關係。明確界定的調整,比同時修改位置、形狀和比例更容易驗證。
為什麼其他部位看得見,動畫卻沒有更新?
查看周圍圖稿和預覽同步動作,是兩項不同的檢查。Adobe 說明,動畫圖形實例會與其所屬的時間軸連動,並能在文件編輯模式中播放動畫。影片片段元件有獨立的時間軸,在 Animate 編輯環境中會呈現靜止狀態。Full 預覽模式會改變渲染方式,不會改變時間軸行為。圖形與影片片段的播放行為
若是圖形實例,請在「屬性」中檢查其播放設定。Adobe 說明了 Loop、Play Once 和 Single Frame 選項;Single Frame 會顯示指定的內部影格。如果周圍部位顯示了不預期的姿勢,請先檢查這些設定,再修改圖稿。設定圖形實例的循環播放
進行這項編輯時,請先確定要比較的姿勢,再進入巢狀細節。調整後,返回所屬的時間軸,再次檢視組合完成的姿勢。如此便能分別處理「這個部位放在這裡合適嗎?」和「動畫如何推進?」這兩個問題,並避免用顯示模式變更來診斷時間設定問題。
如何避免修改同一部位的所有用法?
使用「原地編輯」仍會修改底層元件。Adobe 的元件教學示範,更新元件會更新所有使用該元件的實例。可見的場景脈絡有助於你判斷修改結果,但不會將修改限制在你進入時所用的實例上。建立元件
修改重複使用的部位形狀前,請先決定是否要讓此修改套用至該元件出現的所有位置。若要建立另一種圖稿版本,Adobe 說明了選取實例並選擇 Modify > Symbol > Duplicate Symbol 的方法;此操作會複製元件,並以複本取代所選實例。選取實例以複製元件
舉例來說,某個角色在兩個位置使用了相同的小型裝飾元件。如果兩處都要改用新的輪廓,修改共用元件即可。如果只有一處需要不同輪廓,請先建立另一個版本。若只需調整位置,請先檢查容器中的實例。
如何在完整角色中確認編輯結果?
使用 Edit > Edit Document 返回文件,或使用「編輯列」中的導覽控制項。Adobe 說明了這些離開方式,而 Webucator 的操作指南則展示了如何使用「編輯列」中的左箭頭離開元件編輯。Adobe 離開編輯的說明、Webucator「編輯列」範例
請從兩種縮放距離檢查結果:先近看修改後的邊緣,再拉遠判斷整個角色。檢查預期要修改的關係;若該部位使用了共用元件,也要檢查其他使用位置。如果下次編輯時脈絡消失,請重新沿著從舞台元件實例進入的路徑操作;如果脈絡只是變淡,請檢查 Full 預覽模式。透過這套流程,你可以重複編輯巢狀圖稿,同時保留組合完成的角色作為實用參照。
來源
- Adobe:在 Animate 中使用元件
- Adobe:使用多個時間軸
- Adobe:在 Animate 中建立和使用元件實例
- Adobe:最佳化 Animate 的 FLA 檔案的最佳作法
- Adobe Learn:建立元件
- Adobe 社群:Stage Transperancy when I double click a symbol
- Webucator:如何在 Adobe Animate 中建立影片片段元件
