修剪路徑

產品

學習中心

關於

社群

✍️

注意事項

請注意! Phase 會持續更新和優化功能，因此我們的教學影片可能與目前的軟體介面稍有差異。

修剪路徑是一種實用的技巧，可為動態圖形和向量式動畫增加動態感。可以依時間推移，沿著路徑用特效方式處理筆畫的修剪或繪製，創造移動或變形的錯覺。這項技術可以顯示或隱藏形狀或線條的特定部分，產生動態的視覺效果。

建立修剪路徑

開啟修剪路徑選單

繪製要套用修剪路徑效果的圖形。可以是簡單的矩形，圓形或自訂向量路徑。
點擊屬性面板中效果旁邊的符號，以存取修剪路徑功能。執行這項動作會出現「修剪路徑」工具方塊。
將時間指針移至所需的起始點。通常會是 0 秒。
將修剪路徑的起點和終點設為 100%。
將時間指針移動到想要的終點位置。
設定修剪路徑的起點為 0%，終點為 100%。在修剪為 0% 時，線條將會出現。
按「播放」按鈕。

✍️

注意事項

使用填滿與修剪路徑動畫時要小心，尤其是複雜的動畫或特定圖形。依設計或動畫不同，可能會出現意想不到的視覺效果。

例如，如果填滿沒有正確對齊修剪路徑動畫，可能會出現不想要的顏色變化或圖形外觀不一致的情況。此外，如果修剪路徑動畫是擦去路徑，所填入顏色可能會隨著路徑一起消失，造成意外的消失效果。

任何動畫請務必徹底測試，以確保填入色彩在整體修剪路徑動畫中的表現符合預期。

預設情況下，圖形以 0% 開始，以 100% 結束，可以調整這些值，更改修剪的起點和終點位置。將兩個點都設定為 100% 會完全剪除路徑，在畫布上消失。另一方面，將兩個點都設定為 0% 會使線條無法成像。

偏移

利用偏移製作小精靈動畫

在之前的步驟中，我們可以透過設定偏移量和關鍵影格來製作類似「小精靈(Pac-Man)」的動畫。這讓我們可以建立複雜的重複模式，非常適合開合動作等動態效果。我們一開始設定的偏移量為 20%，起始點為 10%，結束點保持在 100%。接下來，在每個相連的關鍵影格中，我們將從 20% 特效調整到 100%，在不改變偏移值的情況下多次重複這個序列。

對於不熟悉的人來說，修剪路徑中的偏移屬性是指動畫沿路徑的起始點。可以控制修剪動畫沿路徑的起始位置。修剪路徑動畫從此偏移點開始，然後隨著動畫進行而沿著路徑前進。

將偏移設定為 0%，修剪路徑就會從圖形的起點開始。簡單來說，路徑的可見部分就從圖形的起點開始。偏移值增加時，修剪路徑的起點就會沿著路徑移動。因此，如果偏移設定為 50%，修剪效果會從路徑的一半開始，只顯示圖形的後半部分。

修剪路徑模式

展示不同的修剪路徑模式

修剪路徑模式是控制修剪路徑動畫隨時間顯示或擦除的動作選項或設定。這些模式會決定動畫的起點和終點如何隨著動畫的進行而改變。

如果要套用修剪路徑，請將所有圖形組成組件，再將修剪路徑套用於組件。若要在不同模式間切換，請使用下拉式選單。

修剪路徑主要有兩種模式：同時以及個別。

同時

在此模式下，修剪路徑動畫的起點和終點會一起沿路徑移動。隨著動畫的進行，路徑的可見部分會在不同的位置開始和結束，產生同步的顯示或擦除效果。若我們希望動畫以相同的速度一致地展開或擦除整個路徑時，就會採用這種模式。

個別

在此模式之下，我們可以分別控制修剪路徑動畫的起點和終點。隨著動畫的進行，我們可以個別調整路徑的起點和終點。這讓我們在顯示或刪除路徑的方式上能更有彈性和創意。我們也可以創造一些效果，例如將路徑從一邊畫到另一邊，或是以較為獨特的模式擦除路徑。

修剪路徑

建立修剪路徑

偏移

修剪路徑模式

同時

個別

開始製作動畫

產品

編輯器

共同合作

產品比較

版本說明

學習中心

教學影片

資源

關於

人才招募

社群

常見問題

法務相關

隱私政策

服務條款