使用手冊 取消

編輯補間動畫的移動路徑

  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. 使用 Animate 繪製及建立物件
    9. 調整線條和形狀
    10. 使用 Animate CC 中的筆畫、填色和漸層
    11. 使用 Adobe Premiere Pro 和 After Effects
    12. Animate CC 中的色彩面板
    13. 使用 Animate 開啟 Flash CS6 檔案
    14. 在 Animate 中使用傳統文字
    15. 將圖案放入 Animate 中
    16. Animate 中匯入的點陣圖
    17. 3D 圖像
    18. 在 Animate 中使用元件
    19. 使用 Adobe Animate 繪製線條和形狀
    20. 使用 Animate 中的元件庫
    21. 匯出聲音
    22. 在 Animate CC 中選取物件
    23. 在 Animate 中使用 Illustrator AI 檔案
    24. 套用混合模式
    25. 排列物件
    26. 使用命令選單自動執行工作
    27. 多國語言文字
    28. 使用 Animate 中的攝影機
    29. 圖像濾鏡
    30. 聲音和 ActionScript
    31. 繪圖偏好設定
    32. 使用鋼筆工具繪圖
  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. Animate 工作區中的輔助功能
    12. 撰寫和管理指令碼
    13. 啟用自訂平台的支援
    14. 自訂平台支援概觀
    15. 使用自訂平台支援外掛程式
    16. ActionScript 3.0 的除錯
    17. 啟用自訂平台的支援
  8. 匯出與發佈
    1. 如何從 Animate CC 匯出檔案
    2. OAM 發佈
    3. 匯出 SVG 檔案
    4. 使用 Animate 匯出圖像和視訊
    5. 發佈 AS3 文件
    6. 匯出適用於行動裝置應用程式和遊戲引擎的動畫
    7. 匯出聲音
    8. 最佳作法 - 建立行動裝置內容的秘訣
    9. 最佳作法 - 視訊慣例
    10. 最佳作法 - SWF 應用程式編寫原則
    11. 最佳作法 - 建構 FLA 檔
    12. 最佳化 Animate 的 FLA 檔案的最佳作法
    13. ActionScript 發佈設定
    14. 指定 Animate 的發佈設定
    15. 匯出放映檔
    16. 匯出影像和 GIF 動畫
    17. HTML 發佈範本
    18. 使用 Adobe Premiere Pro 和 After Effects
    19. 快速分享和發佈您的動畫
  9. 疑難排解
    1. 已修正問題
    2. 已知問題

 

當您將補間動畫實體放置在「舞台」上時,會看到該動畫的移動路徑出現在「舞台」上。移動路徑是一條線段,表示補間動畫實體的空間移動。組成線條的點 (有時稱為「補間動畫點」或「影格點」) 則表示時間軸上,沿著路徑的目標物件位置。目標物件的位置會以單一影格或影格群組來代表。 

您可以下列方式編輯或變更移動補間動畫的移動路徑:

  • 在補間動畫範圍的任何影格中變更物件的位置。

  • 將整個移動路徑移動至「舞台」上不同的位置。

  • 使用「選取」、「選取細部」或「自由變形」工具變更路徑的形狀或大小。

  • 使用「變形」面板或「屬性」檢測器變更路徑的形狀或大小。

  • 使用「修改 > 變形」選單中的命令。

  • 將自訂筆畫套用為移動路徑。

  • 使用「移動編輯器」。

您可以使用「永遠顯示移動路徑」選項,同時顯示「舞台」上所有圖層的所有移動路徑。當您在彼此交集的不同移動路徑上設計多個動畫時,這個方法會非常有幫助。選取移動路徑或補間動畫範圍時,您可以選取「屬性」檢測器選項選單中的這個選項。

另請參閱

使用選取和選取細部工具編輯移動路徑的形狀

您可以使用「選取」和「選取細部」工具來調整移動路徑的形狀。您可以使用「選取」工具,透過拖曳方式來調整線段的形狀。補間動畫中的屬性關鍵影格會出現在路徑中,成為控制點。您可以使用「選取細部」工具來顯示路徑上的控制點和貝茲控制點,這些控制點會對應至每個位置屬性關鍵影格。您可以使用這些控制點來調整屬性關鍵影格點周圍的路徑形狀。

當您建立非線性移動路徑 (例如圓圈) 時,您可能要讓補間動畫物件一邊旋轉,一邊沿著路徑移動。若要保持相對於路徑的固定方向,請在「屬性」檢測器中選取「沿向路徑」選項。

未導向至移動路徑的補間動畫物件 (左圖) 以及導向至移動路徑的補間動畫物件 (右圖)。

  1. 按一下「工具」面板中的「選取」工具。

  2. 按一下補間動畫目標實體,讓移動路徑出現在「舞台」上。

  3. 使用「選取」工具拖曳任何移動路徑的線段,以重新調整。請不要按一下並先選取線段。

  4. 若要顯示路徑上某個屬性關鍵影格點的貝茲控制點,請按一下「選取細部」工具然後按一下路徑。

    屬性關鍵影格點在移動路徑上會以控制點的形式 (小菱形) 顯示。

  5. 若要移動控制點,請使用「選取細部」工具拖曳該控制點。

  6. 若要調整控制點周圍的路徑曲線,請使用「選取細部」工具拖曳控制點的貝茲控制點。

    如果控制點沒有延長,只要按住 Alt (Windows) 或 Option (Macintosh) 不放並拖曳控制點,就能延長。

  1. 若要刪除錨點,請選取「刪除錨點」工具。大多數以「選取」工具產生的錨點都是平滑點。若要轉換錨點,請選取「轉換錨點」工具。錨點會變成角點。
  1. 您也可以從某個點拉出新的貝茲控制點並調整位置,就像使用一般錨點一樣。
註解:

您無法使用「增加錨點」工具將錨點增加至路徑。

變更補間動畫物件的位置

若要編輯移動路徑,請在補間動畫範圍的任何影格中,移動「舞台」上該補間動畫的目標實體。如果目前影格尚不包含屬性關鍵影格,Animate 就會增加一個關鍵影格。

  1. 在您要移動目標實體的影格中放置播放磁頭。
  2. 使用「選取」工具,將目標實體拖曳至「舞台」上的新位置。

此時,移動路徑會更新,以包含新的位置。移動路徑中的所有其他屬性關鍵影格都會留在其原始位置。

變更移動路徑在舞台上的位置

您可以在「舞台」上拖曳整個移動路徑,或使用「屬性」檢測器設定路徑的位置。

  1. 按一下「工具」面板中的「選取」工具。

  2. 請進行下列其中一種操作,以選取移動路徑:

    • 按一下「時間軸」中的補間動畫範圍,然後按一下「舞台」上的移動路徑。
    • 按一下「舞台」上的補間動畫物件,然後按一下移動路徑。
    • 在移動路徑和目標實體周圍拖曳出圈選範圍,同時選取兩者。
    • (僅限 CS5.5) 按 Shift+按一下您要編輯的每個補間動畫的移動路徑,以選取多個移動路徑。您也可以在所有移動路徑的周圍拖曳出圈選範圍。
  3. 請進行下列其中一種操作,以移動移動路徑:

    • 將路徑拖曳至「舞台」上所需的位置。
    • 在「屬性」檢測器中,為路徑設定 X 和 Y 值。X 與 Y 值代表的是移動路徑範圍框的左上角。
    • 使用方向鍵來移動移動路徑。

使用自由變形工具編輯移動路徑

  1. 按一下「工具」面板中的「自由變形」工具。
  2. 使用「自由變形」工具按一下移動路徑。請不要按一下補間動畫目標實體。
  3. 使用「自由變形」工具縮放、傾斜或旋轉路徑。

刪除補間動畫中的移動路徑

  1. 使用「選取」工具按一下以選取「舞台」上的移動路徑。
  2. 按下 Delete 鍵。

複製移動路徑為筆畫

  1. 按一下以選取「舞台」上的移動路徑。
  2. 選擇「編輯 > 複製」。

然後,您就可以將路徑貼入其他圖層做為筆畫,或做為其他移動補間動畫的移動路徑。

將自訂筆畫套用為移動路徑

您可以為補間動畫套用來自不同圖層或不同時間軸的筆畫,以做為移動路徑。

  1. 從另一個補間動畫圖層選取筆畫,並將其複製至剪貼簿。
    筆畫必須為非封閉狀態。只能使用未中斷的筆畫。
  2. 選取「時間軸」中的補間動畫範圍並貼上筆畫。Animate 會為選取的補間動畫範圍,將筆畫套用為新的移動路徑。現在,補間動畫的目標實體會沿著新的筆畫移動。
  3. 若要反轉補間動畫的起始點和結束點,請以滑鼠右鍵按一下 (Windows) 或 Command+按一下 (Macintosh) 補間動畫範圍。從補間動畫範圍的快顯選單中選取「移動路徑 > 反轉路徑」。

更快、更輕鬆地獲得協助

新的使用者?