[所有分类]认识时间轴.ppt

第 10 章 認識時間軸、圖層與影格 本章提要 10-1 認識時間軸面板、圖層與影格 10-2 圖層的操作與管理 10-3 影格的類型及相關操作 10-4 複製、搬移與反轉影格 10-5 影格速率與時間軸刻度比例 10-6 描圖紙功能 10-1 認識時間軸、圖層與影格 何謂時間軸 何謂圖層 何謂影格 何謂時間軸 動畫檔案視窗中的時間軸面板 (Timeline, 以下簡稱時間軸), 主要顯示出圖層 (Layer, 以下簡稱圖層) 以及影格 (Frame, 以下簡稱影格) 中的所有內容。 時間軸面板的各項元件說明如下： 何謂時間軸 何謂時間軸 時間軸中若有未能顯示的圖層, 可用滑鼠拉曳右側的捲軸來顯示其它圖層。 何謂圖層 製作傳統動畫的時候, 為了製作上的方便, 常會將畫面中的背景與角色分別製作, 例如將人物、背景分別繪製在不同的透明賽璐璐片上, 當背景與人物交疊時便成為完整的畫面；若要呈現人物原地跳躍的動作時, 只要更換人物的賽璐璐片即可。此觀念運用在 Flash 動畫中, 就是圖層。 何謂圖層 Flash 動畫可以將背景、物件分別放置在不同的圖層上： 何謂影格 我們利用傳統動畫與 Flash 動畫的製作過程, 來對照說明影格的觀念, 可以比較容易了解影格的作用。 傳統動畫是先在賽璐璐片上繪製圖形, 然後將其掃描成單格畫面, 剪輯成為具有連貫性的影片。Flash 時間軸上一格格的影格, 就如同動畫影片的單格畫面一樣, 而影格順序則代表 Flash 動畫行進的程序, 我們必須根據演出順序製作影格內容。不過, 影格內容並非放置在時間軸內, 而是顯示在舞台之中。 何謂影格 何謂影格 一般我們觀賞的卡通影片就是將多個連貫的單格畫面連續播放, 而連續播放Flash 時間軸上的影格, 即形成 Flash 動畫。一部 Flash 動畫的演出全看如何在時間軸上設計與安排影格。 在 Flash 製作動畫的注意事項 多運用補間動畫 (Tweened, 參考第 11、12、13 章) 來設計動畫效果, 並減少動畫中關鍵影格的數量。 多利用元件 (Symbol, 參考第 6 章), 少用匯入點陣圖的方式來製作動畫。 動畫中的靜態、動態部分, 以及 ActionScript 程式、聲音、視訊, 儘量都分開在不同圖層中製作較好。 在 Flash 製作動畫的注意事項 匯出含有聲音的 Flash 影片時, 利用 MP3 格式來壓縮聲音可有效降低檔案大小。 注意使用的字型。使用裝置字體可有效降低檔案大小 (參考第 7 章), 若是不想使用裝置字型, 則不要使用太多種字型以免增加檔案體積。 10-2 圖層的操作與管理 圖層的作用就如同一張張透明的賽璐璐片, 你可以將動畫中的每項物件, 放置在不同圖層中, 圖層交疊就形成完整的畫面。在各圖層中的物件, 做任何的移動或變化, 都不會相互干擾, 所以當你編輯一個物件時, 只要在物件所在的圖層進行操作, 將可大幅降低製作過程的複雜度與難度。 新增圖層 開啟一份新的動畫檔時預設只有一個圖層, 若是新增圖層, 新圖層會出現在選取圖層之上。 新增圖層的方式如下： 刪除圖層 若是有不需要使用的圖層, 可先按一下圖層名稱, 再按下刪除圖層鈕或是該圖層拉曳至刪除圖層鈕上, 皆可刪除圖層。 將圖層重新命名 Flash 會自動將圖層依序命名為圖層＊ (＊為 1 、2 、3... 等依序編號), 為了方便日後的編輯工作, 建議您為圖層重新更改為容易辨識的名稱。為圖層重新命名時, 請雙按圖層名稱, 即可輸入新的圖層名稱。 選取圖層 當你想要對圖層進行任何編輯動作時, 必須先選取圖層, 而選取的方式有如右 2 種： 選取圖層 此外, 想要選取多個圖層時, 可按住 [Shift] 鍵不放, 再接續按下其它圖層名稱。 改變圖層順序 圖層的上下位置代表圖層中物件在編輯區域的前後關係。在愈上方的圖層, 就位於編輯區域愈上層, 而背景則是放置在最底層的圖層。想要變更圖層的順序, 請如下進行： 改變圖層順序 使用圖層資料夾管理圖層 在製作大型動畫的時候, 圖層太多可能造成操作、尋找上的不方便, 這時候就可以利用圖層資料夾 (Layer Folder ), 將相關的圖層放在同一圖層資料夾下, 管理起來就會方便許多。圖層資料夾的使用方法如下： 使用圖層資料夾管理圖層 使用圖層資料夾管理圖層 使用圖層資料夾管理圖層 圖層資料夾關閉時會隱藏其下的所有圖層, 以精簡時間軸的空間, 再按一下圖層資料夾前方小三角形, 可再次開啟圖層資料夾： 圖層的 4 種狀態 在圖層名稱右方有圖層狀態欄, 以圖示來顯示該圖層的圖層狀態, 一共有 4 種圖層狀態, 其代表的意義如下： 圖層的 4 種狀態 作用中的圖層：表示目前正在進行編輯的圖層。不論有幾個圖層, 都只會有 1 個作