- 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 的除錯
- 啟用自訂平台的支援
- 匯出與發佈
- 疑難排解
請使用本文,了解 Animate 中「時間」的各個組件。
時間軸
Adobe Animate 中的「時間軸」會隨著時間的經過,在圖層與影格中組織並控制文件內容。就像影片一樣,Animate 文件會將時間長度分成多個影格。圖層就像是多張底片層層相疊,每個圖層包含出現在舞台上的不同影像。「時間軸」的主要組件是圖層、影格和播放磁頭。
- 文件中的圖層會在時間軸左邊的欄中列出。
- 每個圖層中包含的影格,會出現在圖層名稱右邊的列中。
- 「時間軸」頂端的「時間軸」標題會顯示影格編號。
- 播放磁頭會指出目前在「舞台」上顯示的影格。播放文件時,播放磁頭會從時間軸的左方移至右方。
根據預設,播放磁頭會在到達結尾時重複播放。顯示在「時間軸」底部的「時間軸」狀態欄位會顯示選取的影格編號、目前影格速率,以及目前影格的經過時間。
如需有關「時間軸」的詳細資訊,請參閱如何在 Animate 中使用時間軸。
影格
影格範圍
關鍵影格及跟隨關鍵影格的一般影格範圍,稱為連續關鍵影格。時間軸可以包含任意個連續關鍵影格。如果連續的關鍵影格包含舞台上可見的圖像內容,則跟隨關鍵影格的一般影格將會呈現灰色。如果連續的關鍵影格未包含圖像內容,則跟隨關鍵影格的一般影格會呈現白色。
關鍵影格
就像影片一樣,Adobe Animate 文件會將時間長度分成多個影格。您可以在「時間軸」中使用這些影格來組織及控制文件的內容。您可以依據您要影格物件在完成內容中出現的順序來排列時間軸中的影格順序。
「關鍵影格」是 Adobe Animate 中的影格,在「時間軸」中顯示新元件實體。關鍵影格也可以是包含 ActionScript 程式碼以控制文件某些部分的影格。
您也可以在「時間軸」中新增空白關鍵影格,做為稍後要加入之元件的預留位置,或將這個影格保留空白。「時間軸」中的黑點表示單一關鍵影格。單一關鍵影格後的淺灰色影格,內含相同的內容。
這些影格在範圍的最後一個影格位置上,都有一個垂直的黑色線段以及一個空的矩形。位於開頭關鍵影格的黑點以及黑色箭頭和藍色背景表示傳統補間動畫。
請不要將關鍵影格與屬性關鍵影格混淆,屬性關鍵影格的「時間軸」圖示為實色菱形,而標準關鍵影格圖示則為空白或填色的圓形。
多影格編輯
編輯多個影格。
FPS
每秒影格數
影格速率 (在 Adobe Animate 中播放動畫的速度) 是以每秒影格數 (FPS) 測得。影格速率太慢會讓動畫看起來斷斷續續的,而太快又會讓動畫的細節變得模模糊糊的。新的 Animate 文件預設的影格速率為 24 fps,通常能在網路上產生最佳的播放效果 (電影的標準速率也是 24 fps)。
動畫的複雜度以及播放動畫的電腦速度都會影響播放的流暢度。所以,若要決定最佳的影格速率,請在多台具有不同處理功能的電腦上測試動畫。由於您只會為整個 Animate 文件指定一個影格速率,因此,請在建立動畫前,先設定想要的影格速率。影格速率最後會決定播放磁頭在「時間軸」移動的速率。
請參閱動畫基本概念文章,深入了解每秒影格數。
加/減速
加/減速技巧可用來修改 Adobe Animate 計算補間動畫屬性關鍵影格間屬性值的方式。若未設定加/減速,Animate 會以相同的速度在動畫的每個影格上移動補間動畫物件。透過加/減速,您可以調整補間動畫物件的速度,使移動看起來更為自然,並建立複雜的動畫。加/減速是套用到補間動畫的屬性值的數學曲線。
補間動畫的最後效果是結合補間動畫與加/減速曲線中屬性值範圍的結果,可讓補間動畫物件緩慢和加快開始、快速及慢速啟動,或者這些效果的一些組合。
例如,當您在「舞台」製作汽車的動畫,若汽車從停止狀態緩慢地啟動,並逐漸加快速度建立動量,移動會更加逼真。「屬性」檢測器中套用的加/減速會影響補間動畫中包含的所有屬性。在「移動編輯器」中套用的加/減速可能會影響補間動畫的單一屬性、屬性群組或所有屬性。
請參閱形狀補間動畫和如何編輯移動補間動畫,取得有關加/減速的詳細資訊。
描圖紙
圖層
圖層可以協助您組織 Adobe Animate 文件中的圖案。您可以在一個圖層上繪製及編輯物件,而不影響另一個圖層上的物件。在「舞台」區域上,當其中圖層內沒有物件時,您就可以透視到下方的圖層。若要對圖層或資料夾進行繪圖、上色或修改,請選取「時間軸」的圖層,讓它變成作用中的狀態。圖層或資料夾名稱旁的鉛筆圖示,代表「時間軸」中的圖層或資料夾處於作用中狀態。
一次只能有一個作用中的圖層,但一次可以選取一個以上的圖層。當您建立 Animate 文件時,文件中只包含一個圖層。您可以增加更多圖層,組織文件中的圖案、動畫及其他元素。您也可以隱藏、鎖定或重新排列圖層。
您所能建立的圖層數目只受限於電腦記憶體,圖層並不會增加發佈的 SWF 檔案大小。只有當您將物件放置到圖層中時,才會增加檔案的大小。為了協助建立複雜的效果,您可以使用特殊導引線圖層以方便繪圖和編輯,以及建立遮色片圖層。
若要深入了解圖層,請前往建立時間軸圖層。
遮色片圖層
遮色片圖層包含了當做遮色片使用的物件,以隱藏其下方的選定圖層部分。只有未遭到遮色片覆蓋的遮色片圖層部分才能看見。
若要了解如何使用遮色片圖層,請參閱使用 Animate 中的遮色片圖層。
導引線圖層
在 Adobe Animate 中繪圖時,若要將物件對齊,請建立導引線圖層,並將其他圖層上的物件與您在導引線圖層上建立的物件對齊。任何圖層都可以是導引線圖層。導引線圖層會以圖層名稱左邊的導引線圖示表示。這樣不會匯出導引線圖層,而導引線圖層也不會顯示在已發佈的 SWF 檔案中。
雖然您無法將移動補間動畫圖層或反向運動姿勢圖層拖曳到導引線圖層,但是可以將一般圖層拖曳到導引線圖層。這會將導引線圖層轉換為移動導引線圖層,並且將一般圖層連結至這個新的移動導引線圖層。