第6章時間軸動畫的創(chuàng)建

1、第6章時間軸動畫的創(chuàng)建本章概述在學習了前面章節(jié)的知識后，接下來本章將詳細介紹Flash動畫的制作。其中，包括逐幀動畫、補間動畫、遮罩動畫、引導動畫等。通過對本章內容的學習，讀者可以了解并掌握Flash動畫的制作原理與設計技巧，從而很好的應用到現實生活或工作中。核心知識點逐幀動畫的設計補間動畫的設計補間動畫的設計引導動畫的設計 制作傳統動畫需要畫出許多不同的圖像畫面，當快速播放時，由于人的眼睛產生視覺暫留，所以感覺畫面動了起來。逐幀動畫主要由若干關鍵幀組成，整個動畫就是通過關鍵幀的不斷變化而產生的。在制作動畫時，設計者需要對每一幀的內容進行繪制，因此其工作量較大，但產生的動畫效果非常逼真，多用來

2、制作復雜動畫，因此逐幀動畫對設計者的繪圖技巧有較高的要求。1 1逐幀動畫的特點逐幀動畫的特點逐幀動畫通過一幀幀地繪制，并按先后順序排列在時間軸上通過順序播放達到的動畫效果，適合制作相鄰關鍵幀中對象變化不大的動畫。逐幀動畫具有如下幾個特點：（1）逐幀動畫會占用較大的內存，因此文件很大。（2）逐幀動畫由許多單個的關鍵幀組合而成，每個關鍵幀均可獨立編輯，且相鄰關鍵幀中的對象變化不大。（3）逐幀動畫具有非常大的靈活性，幾乎可以表達任何形式的動畫。（4）逐幀動畫分解的幀越多，動作就會越流暢；適合于制作特別復雜及細節(jié)的動畫。（5）逐幀動畫中的每一幀都是關鍵幀，每個幀的內容都要進行手動編輯，工作量很大，這也

3、是傳統動畫的制作方式。2 2導入逐幀動畫導入逐幀動畫在Flash CC中，用戶可以通過導入JPEG、PNG、GIF等格式的圖像創(chuàng)建逐幀動畫。導入GIF格式的位圖與導入同一序列的JPEG格式的位圖類似，只需將GIF格式的圖像直接導入到舞臺，即可在舞臺直接生成動畫。3 3制作逐幀動畫制作逐幀動畫制作逐幀動畫主要是在制作動畫中創(chuàng)建逐幀動畫中每一幀的內容，這項工作是在Flash內部完成的。繪制逐幀動畫的創(chuàng)作方法主要有以下幾種：（1）繪制矢量逐幀動畫用繪圖工具在場景中一幀幀的畫出幀內容。（2）文字逐幀動畫使用文字作為幀中的元件，實現文字跳躍、旋轉等特效。（3）指令逐幀動畫在時間軸面板上，逐幀寫入動作腳本

4、語句來完成元件的變化。Flash動畫大致可分為逐幀動畫和補間動畫兩種類型，其中補間動畫又可以分為形狀補間動畫和傳統補間動畫。形狀補間動畫可以實現兩個圖形之間顏色、大小、形狀和位置的相互變化，其變化的靈活性介于逐幀動畫和動作補間動畫之間。對于形狀補間動畫，要為一個關鍵幀中的形狀指定屬性，然后在后續(xù)關鍵幀中修改形狀或者繪制另一個形狀。形狀補間動畫創(chuàng)建好之后，時間軸的背景色變?yōu)榈G色，在起始幀和結束幀之間有一個長箭頭。在Flash CC中，選擇圖層中形狀補間中的幀，在“屬性”面板的“補間”區(qū)中有兩個設置形狀補間屬性的選項，其具體介紹如下：1 1緩動緩動該選項用于設置形狀對象變化的快慢趨勢。取值范圍在

5、-100100。當設置取值為0時，表示形狀補間動畫的形狀變化是勻速的；當設置取值小于0時，表示形變對象的形狀變化越來越快，數值越小，加快的趨勢越明顯；當設置取值大于0時，表示形變對象的形狀變化越來越慢，數值越大，減慢的趨勢越明顯。2 2混合混合用于設置形狀補間動畫的變形形式。在該下拉列表框中，包含了“分布式”和“角形”兩個選項，如果設置為“分布式”，表示創(chuàng)建的動畫中間形狀比較平滑；如果設置為“角形”，表示創(chuàng)建的動畫中間形狀會保留明顯的角和直線，適合具有銳化角度和直線的混合形狀。在一個關鍵幀中定義一個元件的實例、組合對象或文字塊的大小、顏色、位置、透明度等屬性，然后在另一個關鍵幀中改變這些屬性，

6、Flash 根據二者之間的幀的值創(chuàng)建的動畫被稱為傳統補間動畫。傳統補間動畫通常用于有位置變化的補間動畫中。通過傳統補間動畫可以對矢量圖形、元件以及其他導入的素材進行位置、大小、旋轉、透明度等的調整。在Flash CC中，選擇圖層中傳統補間中的幀，在“屬性”面板的“補間”區(qū)中有設置傳統補間屬性的選項其含義分別如下：（1）緩動：用于設置變形運動的加速或減速。0表示變形為勻速運動，負數表示變形為加速運動，正數表示變形為減速運動。（2）旋轉：用于設置對象漸變過程中是否旋轉以及旋轉的方向和次數。（3）緊貼：勾選該復選框，能夠使動畫自動吸附到路徑上移動。（4）同步：勾選該復選框，使圖形元件的實例動畫和主時

7、間軸同步。（5）調整到路徑：用于引導層動畫，勾選該復選框，可以使對象緊貼路徑來移動。（6）縮放：勾選該復選框，可以改變對象的大小。遮罩動畫是Flash中的一個很重要的動畫類型，它有著廣泛的應用，很多特效均是由通過遮罩動畫來實現的。遮罩動畫是通過兩個圖層來實現的，一個是遮罩層，另一個是被遮罩層。在此，需要說明的是，在一個遮罩動畫中，“遮罩層”只有一個，但“被遮罩層”可以有多個。遮罩層的內容可以是填充的形狀、文字對象、圖形元件的實例或影片剪輯，不能是直線，如果一定要用線條，可以將線條轉化為“填充”?！罢谡帧敝饕?種用途：一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見

8、，另一個作用是用來遮罩住某一元件的一部分，從而實現一些特殊的效果。在Flash中沒有專門的按鈕來創(chuàng)建遮罩層，遮罩層其實是由普通圖層轉化的。用戶只需在某個圖層上單擊右鍵，從彈出的快捷菜單中選擇“遮罩層”命令（即使命令的左邊出現一個小勾），該圖層就會生成遮罩層。與此同時，層圖標就會從普通層圖標 變?yōu)檎谡謱訄D標 ，系統也會自動將遮罩層下面的一層關聯為“被遮罩層”，在縮進的同時圖標變?yōu)?，若需要關聯更多層被遮罩，只要把這些層拖至被遮罩層下面或者將圖層屬性類型改為被遮罩即可。遮罩效果的作用方式有以下4種：（1）遮罩層中的對象是靜態(tài)的，被遮罩層中的對象也是靜態(tài)的，這樣生成的效果就是靜態(tài)遮罩效果。（2）遮罩

9、層中的對象是靜態(tài)的，而被遮罩層的對象是動態(tài)的，這樣透過靜態(tài)的對象可以觀看后面的動態(tài)內容。例如為被遮罩層中的文本創(chuàng)建傳統補間動畫，播放動畫時，文本經過遮罩層中的對象時顯露出來。（3）遮罩層中的對象是動態(tài)的，而被遮罩層中的對象是靜態(tài)的，這樣透過動態(tài)的對象可以觀看后面靜態(tài)的內容。例如在遮罩層中繪制一個逐漸拉長的長方形，播放動畫時，被遮罩層中的文本逐漸顯露出來。（4）遮罩層的對象是動態(tài)的，被遮罩層的對象也是動態(tài)的，這樣透過動態(tài)的對象可以觀看后面的動態(tài)內容。此時，遮罩對象和被遮罩對象之間就會進行一些復雜的交互，從而得到一些特殊的視覺效果。將一個或多個層鏈接到一個運動引導層，使一個或多個對象沿同一條路徑運

10、動的動畫形式被稱為“引導路徑動畫”。這種動畫可以使一個或多個元件完成曲線或不規(guī)則運動。引導動畫是物體沿著一個設定的線段做運動，只要固定起始點和結束點，物體就可以沿著線段運動，這條線段就是所謂的引導線。引導層和被引導層是制作引導動畫的必須圖層。引導層位于被引導層的上方，在引導層中繪制對象的運動路徑，引導層是Flash中的一種特殊的圖層，在影片中起輔助作用，引導層不會導出，因此不會顯示在發(fā)布的SWF文件中，而與之相連接的被引導層則沿著引導層中的路徑運動。引導層是用來指示對象運行路徑的，必須是打散的圖形。路徑不要出現太多交叉點。被引導層中的對象必須依附在引導線上。簡單的說，在動畫的開始和結束幀上，讓

11、元件實例的變形中心點吸附到引導線上。創(chuàng)建引導層動畫必須具備兩個條件：一是路徑，二是在路徑上運動的對象。一條路徑上可以有多個對象運動，引導路徑都是一些靜態(tài)線條，在播放動畫時路徑線條不會顯示。引導動畫最基本的操作就是使一個運動動畫附著在引導線上。所以操作時特別要注意引導線的兩端，被引導的對象起始點、終點的2個中心點一定要對準引導線的2個端頭。動畫預設是預配置的補間動畫，可以將它們應用于舞臺上的對象。使用預設可極大節(jié)約項目設計和開發(fā)的生產時間，特別是經常使用相似類型的補間時。選中對象，選擇“動畫預設”面板中的動畫效果，單擊“應用”按鈕即可。動畫預設的功能就像是一種動畫模板，可以直接加載到元件上，每個

12、動畫預設都包含特定數量的幀。應用預設時，在時間軸中創(chuàng)建的補間范圍將包含此數量的幀。如果目標對象已應用了不同長度的補間，補間范圍將進行調整，以符合動畫預設的長度，然后在應用預設后調整時間軸中補間范圍的長度。在Flash CC中，選擇“窗口動畫預設”命令，即可打開動畫預設面板。動畫預設一共有30項動畫效果，都放置在默認預設中。單擊默認預設旁邊的三角形，即打開所有的動畫預設，如右圖所示。任選其中一個動畫后，在窗口預覽中會出現相應的動畫效果。每個對象只能應用一個預設。如果將第二個預設應用于相同的對象，則第二個預設將替換第一個預設。在“動畫預設”面板中刪除或重命名某個預設對以前使用該預設創(chuàng)建的所有補間沒

13、有任何影響。如果在面板中的現有預設上保存新預設，它對使用原始預設創(chuàng)建的任何補間沒有影響。用戶也可以創(chuàng)建并保存自己的自定義預設，也可以修改現有的動畫預設并另存為新的動畫預設，則動畫預設面板中的自定義預設文件夾中將顯示新的動畫預設效果。一、選擇題1、在遮罩層中，遮罩區(qū)域不能是（ ）。 A 、位圖 B、漸變色 C.完全透明 D、無填充 2、下列圖層的類型概述錯誤的是（ ）。A、普通圖層是系統默認創(chuàng)建的圖層類型。創(chuàng)建普通圖層后，在其名稱前會顯示普通圖層圖標。B. 在引導層中可以設置對象運動的路徑，以引導被引導層中的對象沿路徑進行移動。創(chuàng)建引導層后，在其名稱前會顯示引導層圖表。如果引導層下沒有任何圖層可以成為被引導層，那么在該圖層名稱前面會顯示引導層圖標。C、遮罩層是用于放置遮罩對象的圖層。創(chuàng)建遮罩層后，在其名稱前面會顯示遮罩層圖標。D、被遮罩層與遮罩層時相對應，它用于放置被遮罩對象的圖層。創(chuàng)建被遮罩層后，在其名稱前面會顯示被遮罩層圖標。3、如果創(chuàng)建聚光燈或過渡動畫效果時，應使用（ ）圖層。 A、普通層和遮罩層 B、遮罩層和被遮罩層 C、引導層和遮罩層 D、遮罩層二、填空題1.遮罩動畫是通過兩個圖層來實現的，一個是_，另一個是_。2.遮罩層的內容可以是填充的形狀、_ _、圖形元件的