- Adobe Animate 使用手冊
- Animate 簡介
- 動畫
- Animate 中的動畫基本概念
- 如何在 Animate 中使用影格及關鍵影格
- Animate 中的逐格動畫
- 如何在 Animate 中使用傳統補間動畫
- 筆刷工具
- 移動導引線
- 移動補間動畫與 ActionScript 3.0
- 關於移動補間動畫
- 移動補間動畫
- 建立移動補間動畫
- 使用屬性關鍵影格
- 使用補間動畫將位置製成動畫
- 如何使用移動編輯器編輯移動補間動畫
- 編輯補間動畫的移動路徑
- 操作移動補間動畫
- 新增自訂加/減速
- 建立和套用移動預設效果
- 設定動畫補間動畫範圍
- 使用儲存為 XML 檔案的移動補間動畫
- 移動補間動畫與傳統補間動畫
- 形狀補間動畫
- 在 Animate 中使用骨塊工具動畫
- 在 Animate 進行角色製作
- 如何在 Adobe Animate 中使用遮色片圖層
- 如何在 Animate 中使用場景
- 互動
- 工作區和工作流程
- 建立和管理繪圖筆刷
- 在 HTML5 Canvas 文件中使用 Google 字體
- 使用 Creative Cloud Libraries 和 Adobe Animate
- 使用 Animate 的舞台和工具面板
- Animate 工作流程和工作區
- 在 HTML5 Canvas 文件中使用網頁字體
- 時間軸與 ActionScript
- 使用多重時間軸
- 設定偏好設定
- 使用 Animate 編寫面板
- 使用 Animate 建立時間軸圖層
- 匯出適用於行動裝置應用程式和遊戲引擎的動畫
- 移動和複製物件
- 範本
- Animate 中的尋找和取代
- 還原、重做和操作記錄面板
- 鍵盤快速鍵
- 如何在 Animate 中使用時間軸
- 建立 HTML 擴充功能
- 影像和 GIF 動畫的最佳化選項
- 匯出影像和 GIF 的設定
- Animate 中的資源面板
- 多媒體和視訊
- 在 Animate 中變形及結合圖像物件
- 在 Animate 中建立並使用元件實體
- 影像描圖
- 如何在 Adobe Animate 中使用聲音
- 匯出 SVG 檔案
- 建立要在 Animate 中使用的視訊檔案
- 如何在 Animate 增加視訊
- 使用 Animate 繪製及建立物件
- 調整線條和形狀
- 使用 Animate CC 中的筆畫、填色和漸層
- 使用 Adobe Premiere Pro 和 After Effects
- Animate CC 中的色彩面板
- 使用 Animate 開啟 Flash CS6 檔案
- 在 Animate 中使用傳統文字
- 將圖案放入 Animate 中
- Animate 中匯入的點陣圖
- 3D 圖像
- 在 Animate 中使用元件
- 使用 Adobe Animate 繪製線條和形狀
- 使用 Animate 中的元件庫
- 匯出聲音
- 在 Animate CC 中選取物件
- 在 Animate 中使用 Illustrator AI 檔案
- 套用混合模式
- 排列物件
- 使用命令選單自動執行工作
- 多國語言文字
- 使用 Animate 中的攝影機
- 圖像濾鏡
- 聲音和 ActionScript
- 繪圖偏好設定
- 使用鋼筆工具繪圖
- 平台
- 將 Animate 專案轉換成其他文件類型格式
- 自訂平台支援
- 在 Animate 中建立及發佈 HTML5 Canvas 文件
- 建立並發佈 WebGL 文件
- 如何封裝 AIR for iOS 的應用程式
- 發佈 AIR for Android 應用程式
- Adobe AIR for Desktop 的發佈功能
- ActionScript 發佈設定
- 最佳作法 - 在應用程式中組織 ActionScript
- 如何搭配使用 ActionScript 與 Animate
- Animate 工作區中的輔助功能
- 撰寫和管理指令碼
- 啟用自訂平台的支援
- 自訂平台支援概觀
- 使用自訂平台支援外掛程式
- ActionScript 3.0 的除錯
- 啟用自訂平台的支援
- 匯出與發佈
- 疑難排解
Flash Professional 移動導引線的相關文件。透過定義您要製成動畫之物件的路徑,加強您所建立的動畫。
概觀
Adobe Animate (先前稱為 Flash Professional CC) 中的移動導引線有助於透過定義您要製成動畫之物件的路徑,加強您所建立的動畫。這在處理所順應之路徑不是直線的動畫時,會很有用。這個程序要求兩個圖層必須完成動畫:
- 包含您即將製成動畫之物件的圖層
- 定義路徑的圖層,而物件應該在動畫期間順應該路徑
移動導引線僅適用於傳統補間動畫。
如需有關移動導引線的詳細資訊,請參閱使用傳統補間動畫
以變數筆畫寬度為基礎的移動導引線
您可以根據導引線路徑的筆畫變數粗細,將物件製成動畫。
除了物件初始和最終位置的關鍵影格以外,您不需要任何其他關鍵影格來代表筆畫粗細的變化。
- 若要根據變數筆畫寬度,將物件製成動畫,請建立路徑,並沿著路徑將物件製成動畫,如本文件先前章節所述。
- 在時間軸中選取補間動畫的第一個關鍵影格之後,選取「屬性」檢測器中的「縮放」和「依路徑縮放」核取方塊。現在,物件已準備好根據筆畫粗細順應縮放。
- 使用下列其中一個方法定義筆畫的粗細:
- 從工具箱中選擇「寬度工具 (U)」,按一下路徑的任何地方,並拖曳以變更路徑粗細。
- 使用工具箱中的「選取工具 (V)」選取路徑,並在「屬性」檢測器中,從「寬度」下拉式選項選擇筆畫的寬度設定檔。
如需有關變數寬度筆畫的詳細資訊,請參閱變數寬度筆畫。
將變數寬度筆畫定義為路徑之後,如果執行移動補間動畫,您會看到物件不僅順應路徑,還根據筆畫粗細的變化關係變更其大小。
以下是搭配使用移動導引線與變數寬度筆畫的範例:
移動導引線路徑可以具有多個區段,並且每個連接的區段都指定不同的變數寬度描述檔,如下所示。在物件沒有其他關鍵影格的情況下,每個區段的寬度描述檔會在動畫期間納入考量。
以筆畫顏色為主的移動導引線
移動導引線也可讓您根據導引線路徑本身的顏色來變更物件的顏色,藉此沿著路徑為物件建立補間動畫。若要產生這個變化,您需要路徑中至少兩個區段,即三個最小節點或點做為路徑的一部分。為了達成,在建立傳統移動補間動畫並如本文件先前章節所述地繪製導引線路徑時,請使用鋼筆工具並如下所示繪製導引線路徑。這個路徑具有三個區段中的四個節點/點。
除了物件初始和最終位置的關鍵影格以外,您不需要建立任何其他關鍵影格來代表筆畫顏色的變化。
- 建立傳統移動補間動畫之後,請選取「時間軸」中補間動畫的第一個關鍵影格。在「屬性」檢測器中,核取「依路徑著色」核取方塊。您的物件現已準備好順應依據導引線路徑的顏色變化。
- 現在,使用工具箱中的「選取工具 (V)」,按一下並選取導引線路徑的第二個區段,然後選擇不同顏色。針對路徑的第三個區段重複相同步驟。
立即執行動畫,即可看出補間動畫過程中物件本身的導引線路徑顏色影響。您會發現,影響不止出現在顏色上,同樣出現在導引線路徑中筆畫區段的 Alpha/不透明值。
以下是搭配使用移動導引線與顏色變化的範例: