概觀

Adobe Animate CC (先前稱為 Flash Professional CC) 中的動畫導引線有助於透過定義您要製成動畫之物件的路徑,加強您所建立的動畫。這在處理所順應之路徑不是直線的動畫時,會很有用。這個程序要求兩個圖層必須完成動畫:

  • 包含您即將製成動畫之物件的圖層
  • 定義路徑的圖層,而物件應該在動畫期間順應該路徑

動畫導引線僅適用於傳統補間動畫。

如需有關動畫導引線的詳細資訊,請參閱使用傳統補間動畫

以變數筆畫寬度為基礎的動畫導引線

您可以根據導引線路徑的筆畫變數粗細,將物件製成動畫。

除了物件初始和最終位置的關鍵影格以外,您不需要任何其他關鍵影格來代表筆畫粗細的變化。

  1. 若要根據變數筆畫寬度,將物件製成動畫,請建立路徑,並沿著路徑將物件製成動畫,如本文件先前章節所述。 
  2. 在時間軸中選取補間動畫的第一個關鍵影格之後,選取「屬性」檢測器中的「縮放」和「依路徑縮放」核取方塊。現在,物件已準備好根據筆畫粗細順應縮放。
  1. 使用下列其中一個方法定義筆畫的粗細:
  • 從工具箱中選擇「寬度工具 (U)」,按一下路徑的任何地方,並拖曳以變更路徑粗細。
  • 使用工具箱中的「選取工具 (V)」選取路徑,並在「屬性」檢測器中,從「寬度」下拉式選項選擇筆畫的寬度設定檔。

如需有關變數寬度筆畫的詳細資訊,請參閱變數寬度筆畫

將變數寬度筆畫定義為路徑之後,如果執行移動補間動畫,您會看到物件不僅順應路徑,還根據筆畫粗細的變化關係變更其大小。

以下是搭配使用動畫導引線與變數寬度筆畫的範例:

 

移動導引線路徑可以具有多個區段,並且每個連接的區段都指定不同的變數寬度描述檔,如下所示。在物件沒有其他關鍵影格的情況下,每個區段的寬度描述檔會在動畫期間納入考量。

以筆畫顏色為主的動畫導引線

動畫導引線也可讓您根據導引線路徑本身的顏色來變更物件的顏色,藉此沿著路徑為物件建立補間動畫。若要產生這個變化,您需要路徑中至少兩個區段,即三個最小節點或點做為路徑的一部分。為了達成,在建立傳統移動補間動畫並如本文件先前章節所述地繪製導引線路徑時,請使用鋼筆工具並如下所示繪製導引線路徑。這個路徑具有三個區段中的四個節點/點。

除了物件初始和最終位置的關鍵影格以外,您不需要建立任何其他關鍵影格來代表筆畫顏色的變化。

  1. 建立傳統移動補間動畫之後,請選取「時間軸」中補間動畫的第一個關鍵影格。在「屬性」檢測器中,核取「依路徑著色」核取方塊。您的物件現已準備好順應依據導引線路徑的顏色變化。
  1. 現在,使用工具箱中的「選取工具 (V)」,按一下並選取導引線路徑的第二個區段,然後選擇不同顏色。針對路徑的第三個區段重複相同步驟。

立即執行動畫,即可看出補間動畫過程中物件本身的導引線路徑顏色影響。您會發現,影響不止出現在顏色上,同樣出現在導引線路徑中筆畫區段的 Alpha/不透明值。

以下是搭配使用動畫導引線與顏色變化的範例:

 

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策