只要按一下左上方的「圖層檢視」圖示,就能從預設的多重圖層檢視切換至目前圖層檢視。
- 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 的除錯
- 啟用自訂平台的支援
- 匯出與發佈
- 疑難排解
關於時間軸
Adobe Animate 中的「時間軸」會隨著時間的經過,在圖層與影格中組織並控制文件內容。就像影片一樣,Animate 文件會將時間長度分成多個影格。圖層就像是多張底片層層相疊,每個圖層包含出現在舞台上的不同影像。「時間軸」的主要組件是圖層、影格和播放磁頭。
時間軸會顯示動畫在文件中的位置,包括逐格動畫、補間動畫和移動路徑。時間軸中圖層區段的控制項可以讓您隱藏、顯示、鎖定或解除鎖定圖層,以及將圖層內容顯示為外框。您可以將「時間軸」影格拖曳到相同或不同圖層中的新位置。
現代化時間軸
「時間軸」面板的外觀與風格已加強,其中包括清楚的影格間隔呈現、更方便讀取的影格和時間標記、增強的描圖紙、建立關鍵影格、空白影格等的按鈕。
時間軸控制項
圖層檢視
攝影機
若要啟用或停用攝影機,請按一下攝影機按鈕。
圖層上層檢視
顯示圖層的上層階層。
圖層深度
此選項會建立圖層深度面板,讓您可以檢視清單中所提供作用中圖層的深度。
播放動畫時會顯示實際的影格速率。如果電腦無法快速計算並顯示動畫,則這個影格速率可能與文件影格速率設定不同。
描圖紙
執行下列其中一項:
- 按一下「描圖紙」按鈕 ,即可啟用和停用描圖紙。啟用時,所有在「開始描圖紙」和「結束描圖紙」標記 (位於「時間軸」標題) 之間的影格都會在「文件」視窗中重疊成一個影格。
- 對「描圖紙」按鈕 按住滑鼠,即可檢視和選取選項,例如選取的範圍、全部影格、錨點標記和進階設定。
- 在「時間軸」中選取「描圖紙」圖示 (即「重複」圖示左邊的圖示)。
此面板中的部分描圖紙參數是現有的功能,例如外框模式、描圖紙先前/未來影格顏色偏好設定、錨點標記。
- 僅限關鍵影格模式:僅顯示描圖紙範圍中的關鍵影,亦即在補間動畫的影格之間略過。
- 起始不透明度:作用中影格任一邊上的第一個描圖紙影格的不透明度。
- 遞減:每個描圖紙影格間的百分比差異減少。
- 限制:啟用限制時,上一個和下一個影格的範圍是相同的,除非使用者從時間軸編輯範圍。
如需詳細資訊,請參閱使用描圖紙。
A. 第一個描圖紙影格的不透明度 B. 減少描圖紙影格間的不透明度 C. 僅顯示關鍵影格 D. 錨點標記
編輯多個影格
此選項可讓您檢視和編輯所選範圍內多個影格的內容。
對「編輯多個影格」按鈕按住滑鼠,即可檢視和選取「編輯選取的範圍」,並編輯所有影格。按一下即可停用和啟用「編輯多個影格」模式。
建立補間動畫
對「建立補間動畫」圖示按住滑鼠,即可檢視和選取選項。選取時間軸中的影格範圍,並按一下「建立補間動畫」,以根據目前的選取範圍建立補間動畫。
變更時間軸的外觀
根據預設,「時間軸」會顯示在主文件視窗下方。若要變更時間軸的位置,將「時間軸」從文件視窗拆離,然後在它自己的視窗中保持浮動。您可以將其固定在所選擇的任何其他面板上。您也可以隱藏時間軸。
若要變更可見圖層與影格的數目,請調整「時間軸」的大小。當「時間軸」包含超過所能顯示的圖層時,若要檢視其他圖層,請使用「時間軸」右側的捲軸。
當「時間軸」鎖定至文件視窗時,若要移動它,請拖曳「時間軸」左上角的標題列標籤。
若要將未鎖定的「時間軸」鎖定至應用程式視窗,請將標題列標籤拖曳至文件視窗頂端或底部。
若要將未鎖定的「時間軸」鎖定至其他面板,請將「時間軸」標題列標籤拖曳到您選擇的位置。若要防止「時間軸」鎖定至其他面板,請在拖曳時按住 Control 鍵。會出現藍色橫條,指出「時間軸」將鎖定到的位置。
若要加長或縮短「時間軸」面板中的圖層名稱欄位,請拖曳「時間軸」中圖層名稱與影格部分之間的分隔列。
自訂時間軸檢視
-
若要顯示「影格檢視」彈出式選單,請按一下「時間軸」右上角的「影格檢視」。
-
請選取下列其中一個選項:
- 若要變更圖層的大小,請選取「大」、「中」或「較短」。(「大」影格寬度設定在檢視聲音波形的細節時非常有用)。
- 在將影格縮放成符合時間軸影格大小後,若要顯示每個影格內容的縮圖,請選取「預覽」。這個預覽會更改外觀內容的大小,因而需要額外的畫面空間。
- 若要將「時間軸控制項」移到頂端或底部,請分別選取「檔頭頂端」或「檔頭底部」。
- 若要放大和縮小「時間軸」,請使用「時間軸調整檢視大小」滑桿。
變更時間軸中的圖層高度
圖層標色和鎖定
您可以按一下圖層名稱後面的點,將圖層鎖定或標色,以便識別。啟用時,具有圖層外框顏色的底線會出現在圖層間,以便快速辨識。
設定圖層不透明度
執行下列其中一項:
- 若要將可見度設為不透明度,請在時間軸的「眼睛」欄使用 shift + 按一下圖層。
- 按兩下「時間軸」中圖層的圖示 (圖層名稱左邊的圖示)。
- 在圖層名稱上按右鍵 (Windows) 或按 Control + 按一下 (Macintosh) 該圖層名稱,再從快顯選單中選取「屬性」。在「圖層屬性」對話方塊中,選取「可見度 > 不透明度」。
- 在圖層名稱上按右鍵 (Windows) 或按 Command + 按一下 (Macintosh) 圖層名稱,再選取「將其他項目顯示為透明」。
調整時間軸面板大小
如果時間軸鎖定在主應用程式視窗上,請拖曳時間軸與舞台區域之間的分隔列。
如果時間軸未鎖定在主應用程式視窗上,請拖曳時間軸的右下角 (Windows) 或右下角的大小方塊 (Macintosh)。
時間軸頂端的藍色播放磁頭會隨著文件播放而移動,以指出舞台上目前顯示的影格。時間軸標題會顯示動畫的影格編號。若要在「舞台」中顯示影格,請將播放磁頭移動到「時間軸」中該影格的位置。
若要在使用多個影格時顯示特定影格,請沿著時間軸移動播放磁頭。
若要移至某個影格,請按一下「時間軸」標題中的影格位置,或將播放磁頭拖曳到所要的位置。
- 若要使目前影格顯示於時間軸中心,請按一下時間軸底部的「影格置中」按鈕。
- 現在,只要拖曳到重複區段上,就能建立重複範圍。讓您可以匯出選取範圍中的影格 (做為影片或視訊)。
- 在時間軸啟用「重複」選項之後,您也可以隨著其他動畫,在某個影格範圍內重複串流音效。
同時檢視時間與影格
時間軸會顯示時間 (單位為秒) 與影格編號。這個功能可以讓您更快地將影格轉換至時間,同時也能讓您了解動畫處理過程中每秒多少影格 (fps) 值的設定。
在下方的螢幕快照中,時間軸每秒顯示 20 個影格 (fps):
管理動畫速度
縮放影格範圍、根據時間間隔製作動畫即可管理動畫速度,或者使用時間控制可延長和壓縮動畫。
縮放影格範圍
您可以在不變更動畫速度的情況下變更動畫的每秒影格數 (fps)。變更 fps 時使用「縮放影格範圍」選項,可讓時間保持不變。
根據時間間隔來製作動畫
將影格範圍調整為 1s、2s、3s 或任何想要的間隔。這項功能適用於傳統補間動畫範圍、形狀補間動畫範圍、移動補間動畫範圍、關鍵影格範圍,或空白關鍵影格範圍。
「轉換為逐格動畫」選項位於「修改」選單中。您也可以在「鍵盤」快速鍵對話方塊中指定想要的按鍵,以便執行這些工作。
使用時間軸控制項延長或壓縮動畫
現在,您可以在「展開影格範圍」欄位輸入想要的影格數目,以擴充所選影格的影格持續時間。所選影格的持續時間會加上「展開影格範圍」中輸入的數字。
您可以延長或減少時間軸上選取範圍的時間。選取影格範圍,然後將時間軸上選取範圍的右邊緣往前或往後拖曳。時間軸內的影格會自動調整。
您可以拖曳時間軸的範圍多次重複動畫 (x2、x3 等)。您也可以在延長影格之後,將其壓縮回原來的位置。
選取時間軸中的影格、按一下,然後拖曳選項右側反白標示的邊緣。
拖曳時 (如下方螢幕快照所示),您可以以倍數方式檢視動畫,如 x2、x3 等等。
在下方的螢幕快照中,您能以 x2 的倍數檢視延長的範圍。x2 是所選範圍大小的兩倍。x3 是範圍原始大小的三倍。
現在,在「展開影格範圍」欄位輸入想要的數字,即可擴充影格持續時間。所選影格的持續時間會加上「展開影格範圍」中輸入的數字。
瀏覽時間軸
關鍵影格瀏覽
現在,您可以按一下「退後一個影格」或「往前一個影格」按鈕,移到上一個或下一個影格。此外,對「退後一個影格」或「往前一個影格」按鈕按住滑鼠,還可以分別移到第一個或最後一個影格。
按一下「播放」按鈕,即可檢視您的動畫預覽。
您可以在作用中的圖層上,使用「控制」選單瀏覽不同的關鍵影格。您也可以使用 Alt+. 或 Alt+, 前後移動至時間軸的下一個或上一個關鍵影格。
您可以在作用中的圖層上,使用圖層上的向左和向右控制項瀏覽不同的關鍵影格。此外,還可使用選單和鍵盤快速鍵。
您可以使用網頁導覽快速鍵,如 Alt+Shift+, 可向後導覽,Alt+Shift+. 可向前導覽。
插入影格和關鍵影格
僅限作用中的圖層模式
「時間軸檢視」圖示經過修改,加入新的模式,稱為「僅限作用中的圖層」。若只要檢視時間軸中的作用中圖層,請對「時間軸檢視」選項按住滑鼠,並選取「僅限作用中的圖層」。
從舞台平移時間軸
可自訂的時間軸工具列
利用可自訂的時間軸,您可以選擇要在時間軸工具列中顯示的動作按鈕。在時間軸的功能表選單中,按一下「自訂時間軸工具」。
隨即顯示具有工具列按鈕的面板,這些按鈕可在時間軸工具列中新增或移除。按一下面板外任何一處,關閉面板。當面板開啟時,其中就會選取時間軸工具列上顯示的按鈕。若要切換按鈕選項,請按一下適用的按鈕。變更會立即出現在時間軸工具列中。
時間軸工具列有幾個選項會組成一個按鈕。長按該按鈕就會顯示按鈕群組中的所有選項。
例如,「插入關鍵影格」或影格群組按鈕底下有下列四個選項:
- 關鍵影格
- 空白關鍵影格
- 影格
- 自動關鍵影格
在工具列面板中,上述選項會以群組按鈕及個別按鈕形式顯示。如果選取群組按鈕,則該群組中的個別按鈕會自動取消選取。再者,如果選取群組中的任何個別按鈕,則會取消選取群組按鈕。
「工具面板」中存在兩個這種群組。一個是插入關鍵影格或影格,另一個則是插入補間動畫。
「工具面板」中有幾個按鈕是成對選取及取消選取。例如,關鍵影格往後或往前的按鈕,以及往後和往前一個影格的按鈕。
如果您要捨棄組態面板中的任何變更,並將時間軸工具列回復成預設狀態,請按一下「重設時間軸控制」。
觀看影片,了解如何自訂時間軸
下一步?
我們已為您介紹如何使用和個人化您的「時間軸」。現在,您可以學習如何使用資源面板
來建立動畫。