《新編網頁制作三劍客培訓教程》課件第9章

教學目標：

動畫制作是Flash最主要的功能之一，也是學習Flash的重點。Flash創(chuàng)建動畫的方法有很多種，但最基本的就有兩種，一種是逐幀動畫，另一種叫做補間動畫。通過學習本章內容，要求讀者進一步熟悉Flash制作動畫的方法和流程，掌握逐幀動畫和補間動畫制作的方法，熟練掌握補間動畫中形變動畫和運動動畫的制作限制及相關操作。另外，還要求讀者了解形變動畫和運動動畫的區(qū)別，以防混淆。本章要點：

1、制作逐幀動畫

2、制作形變動畫

3、制作運動動畫

4、制作軌跡運動動畫第9章制作Flash基本動畫9.1制作逐幀動畫9.2制作形變動畫9.3制作運動動畫9.4制作軌跡運動動畫9.5上機實訓第9章制作Flash基本動畫9.1.1認識逐幀動畫9.1.2創(chuàng)建逐幀動畫9.1制作逐幀動畫

逐幀動畫也就是關鍵幀動畫，通俗地講，就是由一個個靜態(tài)畫面組成的動畫形式，也就是在Flash動畫的時間軸上由許多關鍵幀構成的動畫類型。9.1.1認識逐幀動畫

影片中的每個畫面在Flash中稱為一幀，動畫就是由這些一幀一幀的畫面組成，所以在Flash中幀就是畫面、畫格的意思，在時間軸上每5幀為一組，有畫面內容的實幀顯示為灰色，沒有內容的空幀顯示為白色。1.幀的概念2.關鍵幀的概念

由制作者指定的畫面稱為關鍵幀，一般是一段動畫的起始和結束幀，關鍵幀之間的畫面稱為中間幀，中間幀的變化過程由Flash自動完成，關鍵幀也根據有沒有內容分為空關鍵幀和實關鍵幀兩種。9.1.1認識逐幀動畫

以下是一個逐幀動畫的范例《窗外風景》，動畫中花和蝴蝶的動作都是一幀一幀畫出來和修改出來的，如圖9-1所示。

圖9-1逐幀動畫范例1、創(chuàng)建關鍵幀：在幀上右擊，在彈出的右鍵快捷菜單中選擇【插入關鍵幀】命令或按<F6>鍵即可。

2、創(chuàng)建空關鍵幀：在幀上右擊，在彈出的右鍵快捷菜單中選擇【插入空白關鍵幀】命令或按<F7>鍵即可。

3、創(chuàng)建普通幀：在幀上右擊，在彈出的右鍵快捷菜單中選擇【插入幀】命令或按<F5>鍵即可。

4、刪除關鍵幀或空關鍵幀：在幀上右擊，在彈出的右鍵快捷菜單中選擇【清除關鍵幀】命令或按<Shift>+<F6>組合鍵。

5、刪除普通幀：在幀上右擊，在彈出的右鍵快捷菜單中選擇【刪除幀】或按<Shift>+<F5>組合鍵。9.1.2創(chuàng)建逐幀動畫(1)新建一個Flash動畫文檔，文檔屬性使用默認值，在工作區(qū)右上角的下拉列表中選擇【顯示全部】選項。(2)單擊工具箱中的【文本工具】按鈕，在【屬性】面板中設定文字大小為“100”，在舞臺上中間偏左的位置單擊，輸入一個大寫字母“F”，如圖9-2所示，這時第1幀就由一個空關鍵幀變成了一個實關鍵幀。9.1.2創(chuàng)建逐幀動畫圖9-2在第一幀輸入文字1.自動打字的動畫(3)單擊圖層1的第2幀，按<F6>鍵，創(chuàng)建一個關鍵幀，第1幀的內容自動復制到第2幀，在舞臺的文字上單擊，激活文本框，在“F”之后輸入“L”。(4)依次類推，在第3、4、5幀上分別按<F6>鍵，依次在關鍵幀上輸入“A”、“S”、“H”，如圖9-3所示。(5)按<Enter>鍵，預覽動畫，出現自動打字的效果。9.1.2創(chuàng)建逐幀動畫圖9-3依次在關鍵幀上輸入文字1.自動打字的動畫(1)新建一個Flash動畫文檔，設定文檔的背景顏色為黑色，在工作區(qū)右上角的下拉列表中選擇【顯示全部】選項。(2)單擊工具箱中的【橢圓工具】按鈕，如圖9-4所示。在【屬性】面板中設定邊框線寬度為“5”，顏色為“白色”，填充為“無色”，如圖9-5所示，按<Shift>鍵在舞臺上繪制一個正圓。9.1.2創(chuàng)建逐幀動畫圖9-5填充為無色2.數字倒計時動畫

圖9-4單擊【橢圓工具】按鈕(3)雙擊圖層1，命名為“圓環(huán)”，單擊“加鎖”標記，鎖定圓環(huán)層。(4)單擊時間軸的【插入圖層】按鈕，創(chuàng)建新圖層。雙擊新插入的圖層，將其命名為“數字”。單擊工具箱中的【文本工具】按鈕，將字體設為“Arial”，大小為“160”，在舞臺上圓環(huán)內部單擊，輸入數字“5”。(5)單擊“圓環(huán)”層的鎖，對其進行解鎖，使用【選擇工具】在舞臺上框選，將“5”和圓環(huán)同時選中。單擊工具欄中的【對齊】按鈕，打開【對齊】面板，依次單擊【相對于舞臺】、【水平中齊】和【垂直中齊】，如圖9-6所示，使圓環(huán)和數字同時放置在舞臺的正中心，如圖9-7所示。9.1.2創(chuàng)建逐幀動畫圖9-7使圓環(huán)和數字同時放置在舞臺正中心2.數字倒計時動畫

圖9-6【對齊】面板(6)在“數字”層第2幀按4次<F6>鍵，分別在第2、3、4、5幀插入4個關鍵幀，雙擊文字修改其內容為4、3、2、1。(7)單擊“圓環(huán)”層的第5幀，按<F5>鍵，插入普通幀，使其延續(xù)到動畫結束為止，時間軸設定如圖9-8所示。(8)按<Enter>鍵預覽動畫，按<Ctrl>+<Enter>組合鍵測試動畫，可以看到倒計時的動畫。9.1.2創(chuàng)建逐幀動畫2.數字倒計時動畫

圖9-8時間軸設定9.2制作形變動畫9.2.1創(chuàng)建形變動畫9.2.2制作文字形變動畫9.2.3使用形狀提示9.2制作形變動畫

從字面上不難理解，形就是形狀，變就是變化，形變動畫就是在動畫的播放控制中，動畫的構成元素在外形方面發(fā)生改變的動畫形式。形變動畫有它的制作限制，要求制作形變的起止對象一定都是圖形，不是圖形的要進行分離打散。所謂分離打散，就是使圖形由無數個點組成，而并非是一個整體，這樣在形變的過程中才能正確地形成補間。(1)新建一個Flash動畫文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項。(2)選擇工具箱中的【矩形工具】按鈕，在【屬性】面板中設定邊框線寬度為“2”，顏色為“黑色”，填充為“紅色”，按<Shift>鍵在舞臺上繪制一個正方形，如圖9-9所示。9.2.1創(chuàng)建形變動畫圖9-9繪制正方形1.方圓形變的動畫

(3)在圖層1第10幀按<F7>鍵插入一個空白關鍵幀，單擊工具箱中的【橢圓工具】按鈕，在【屬性】面板中將填充色改為黃色，按<Shift>鍵在舞臺上繪制一個正圓，放置在與矩形同一水平線上。為了參考正方形的位置來放置正圓的位置，可以使用【繪圖紙外觀】工具，也稱為洋蔥皮，如圖9-10所示。可以將前面幀的內容以半透明的形式顯示出來作為參考，如圖9-11所示，這也正是傳統(tǒng)動畫的繪制方法之一。9.2.1創(chuàng)建形變動畫圖9-10【繪圖紙外觀】工具1.方圓形變的動畫

圖9-11半透明顯示(4)選中圖層1的任意一幀，在【屬性】面板的【補間】下拉列表框中選擇【形狀】選項，如圖9-12所示。這時時間軸的圖層1上出現了兩個同一方向的箭頭，中間幀都變成了淡綠色，如圖9-13所示。圖9-12選擇【形狀】選項圖9-13形狀補間的時間軸9.2.1創(chuàng)建形變動畫1.方圓形變的動畫(5)改變補間的屬性參數，緩動控制的是形變的加速、減速或勻速，值越大，速度越減越慢，如圖9-14所示是緩動值為100的形變。值越小，速度越加越快，如圖9-15所示是緩動值為-100的形變。默認值為0，也就是勻速運動，如圖9-16所示。圖9-14緩動值為100的形變圖9-15緩動值為-100的形變9.2.1創(chuàng)建形變動畫1.方圓形變的動畫圖9-16緩動值為0的形變新建一個Flash動畫文檔，在工作區(qū)右上角面板的下拉列表框中選擇【顯示全部】選項。(2)單擊工具箱中的【文本工具】，在【屬性】面板中設定文字大小“120”顏色為“紅色”，字體為“ArialBlack”，在舞臺上輸入“1”。(3)選中數字“1”，在菜單欄中選擇【修改】→【分離】命令，如圖9-17所示，或者按<Ctrl>+<B>組合鍵，將文字分離打散。圖9-17將文字分離打散9.2.2制作文字形變動畫(4)在時間軸第20幀上按<F7>鍵，插入一個空白關鍵幀，輸入數字“2”，按<Ctrl>+<B>組合鍵，分離打散文字。單擊工具箱中的【選擇工具】按鈕，在繪圖紙外觀開啟的幫助下，將“2”放到與“1”重合的位置。(5)按<Enter>鍵，已經可以看到“1”變成了“2”，如圖9-18所示。圖9-18文字形變9.2.2制作文字形變動畫

形狀提示點包含從a到z共26個字母，最多可以使用26個形狀提示。起始關鍵幀中的形狀提示是黃色的，結束關鍵幀中的形狀提示是綠色的，當不在一條曲線上時為紅色。要在補間形狀時獲得最佳效果，要遵循以下準則。

1、在復雜的補間形狀中，需要創(chuàng)建中間形狀然后再進行補間，而不要只定義起始和結束的形狀。

2、確保形狀提示是符合邏輯的。例如，如果在一個三角形中使用三個形狀提示，則在原始三角形和要補間的三角形中它們的順序必須相同。它們的順序不能在第一個關鍵幀中是abc，而在第二個關鍵幀中是acb。

3、如果按逆時針順序從形狀的左上角開始放置形狀提示，它們的工作效果最好。9.2.3使用形狀提示圖8-6【安裝選項】對話框(1)選中第一幀的“1”，在菜單欄中選擇【修改】→【形狀】→【添加形狀提示】命令，對應的組合鍵是<Ctrl>+<Shift>+<H>，起始形狀提示會在該形狀處顯示一個帶有字母a的紅色圓圈，將這個圓圈拖放到左上角，再添加一個形狀提示b，拖放到右下角，如圖9-19所示。(2)選擇動畫的最后一幀，圓圈a、b疊放在“2”的中心，將圓圈a拖放到“2”的左上角，將圓圈b拖放到“2”的右下角。這時，結束形狀提示變成綠色圓圈，如圖9-20所示，回到第1幀，起始形狀提示變成了黃色圓圈，如圖9-21所示。圖9-19添加形狀提示圖9-20結束形狀提示9.2.3使用形狀提示圖9-21起始形狀提示(3)按<Enter>鍵，已經可以看到“1”有規(guī)則地變成了“2”，如圖9-22所示。圖9-22添加形狀提示后的形變圖8-6【安裝選項】對話框9.2.3使用形狀提示9.3制作運動動畫圖8-6【安裝選項】對話框圖8-11

桌面快捷方式圖標

9.3.1創(chuàng)建運動動畫9.3.2運動動畫與形變動畫比較

運動動畫就是在動畫的制作過程中，自動生成運動的動畫形式。在運動補間中，需要在關鍵幀定義實例的位置、大小以及旋轉角度等屬性，運動動畫的制作限制是制作運動的起止對象一定都是元件，而且必須是同一個元件。圖8-6【安裝選項】對話框9.3制作運動動畫9.3.1創(chuàng)建運動動畫1.滾動小球的動畫(1)新建一個Flash動畫文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項。(2)雙擊時間軸圖層1的名稱，將其命名為“Floor”，單擊工具箱中的【矩形工具】按鈕，在舞臺上繪制一個矩形，在【屬性】面板中將邊框顏色設為“無色”，填充色為“黑白漸變”，如圖9-23所示。圖9-23繪制一個黑白漸變的矩形9.3.1創(chuàng)建運動動畫1.滾動小球的動畫(3)單擊工具箱中的【任意變形工具】按鈕，鼠標移動到矩形的四個角，出現旋轉的圖標，按<Shift>鍵逆時針旋轉90°，使矩形的黑白漸變由左右變?yōu)樯舷聺u變。(4)單擊工具欄中的【對齊】按鈕，打開【對齊】面板，單擊【相對于舞臺】按鈕，依次單擊【匹配寬度】按鈕、【水平中齊】按鈕和【底對齊】按鈕，如圖9-24所示，將矩形作為地板放置在舞臺的下方。圖9-24將地板放置在舞臺下方9.3.1創(chuàng)建運動動畫1.滾動小球的動畫(5)鎖定“Floor”層，新建一個圖層，雙擊將其命名為“Ball”。單擊工具箱中的【橢圓工具】按鈕，在【屬性】面板中設定邊框為“無色”，填充為“綠色到黑色的放射狀漸變”，按<Shift>鍵，在地板上方繪制一個小球，如圖9-25所示。圖9-25在地板上方繪制一個小球9.3.1創(chuàng)建運動動畫1.滾動小球的動畫(6)單擊工具箱中的【漸變變形工具】按鈕，如圖9-26所示，在小球上單擊，移動中心的高光點到小球的左上方，如圖9-27所示。圖9-26單擊【漸變變形工具】按鈕(7)單擊“Ball”層，將小球選中，在菜單欄中選擇【修改】→【轉換為元件】命令，彈出如圖9-28所示的【轉換為元件】對話框，在【名稱】文本框中輸入“元件1”，默認點選【類型】選項區(qū)中的【圖形】單選鈕，單擊【確定】按鈕，這時【庫】面板中將會出現一個名為“元件1”的圖形元件。圖9-27移動高光點圖9-28【轉換為元件】對話框9.3.1創(chuàng)建運動動畫1.滾動小球的動畫(8)單擊“Ball”層的第20幀，按<F6>鍵，插入關鍵幀，這時，地板層消失了。單擊“Floor”層的第20幀，按<F5>鍵插入普通幀，使地板層延續(xù)到動畫結束，時間軸如圖9-29所示。圖9-29時間軸9.3.1創(chuàng)建運動動畫1.滾動小球的動畫(9)再次單擊“Ball”層的第20幀，將小球選中，用【選擇工具】將小球平移到地板右側，在任意一幀上右擊，并在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令，“Ball”層的時間線變成藍紫色雙箭頭，表明生成運動補間，按<Enter>鍵預覽動畫，小球從地板左側平移到右側，時間軸如圖9-30所示。圖9-30創(chuàng)建運動補間之后的時間軸9.3.1創(chuàng)建運動動畫1.滾動小球的動畫(10)在【屬性】面板的【旋轉】下拉列表框中選擇【順時針】選項，按<Enter>鍵再次預覽動畫，小球從地板左側滾動到右側，單擊【繪圖紙外觀】按鈕，可以看到整個動畫過程如圖9-31所示。圖9-31滾動的小球勻速運動的動畫過程9.3.1創(chuàng)建運動動畫1.滾動小球的動畫(11)與形變補間動畫屬性相似，運動補間也有“緩動”屬性，控制的也是動畫的加速、減速或勻速，緩動值越大，速度越來越快，如圖9-32所示是緩動值為100加速滾動的小球動畫過程；緩動值越小，速度越來越慢，如圖9-33所示是緩動值為-100減速滾動的小球動畫過程；緩動值默認為“0”，即勻速運動，如圖9-31所示。圖9-32緩動值為100加速滾動的小球動畫過程圖9-33緩動值為-100減速滾動的小球動畫過程9.3.1創(chuàng)建運動動畫1.滾動小球的動畫

與形變動畫不同的是，運動動畫的緩動值后面還有一個【編輯】按鈕，單擊此按鈕將彈出【自定義緩入/緩出】對話框，如圖9-34所示，通過調整曲線可以進一步調整緩動屬性圖9-34【自定義緩入/緩出】對話框9.3.2運動動畫與形變動畫比較

運動動畫不僅可以實現位置、大小以及旋轉的補間動畫，還可以實現實例顏色、亮度透明度等屬性的變化，它與形變動畫既有相似之處，又有異同，簡要歸納如表9-1所示。表9-1形變動畫與運動動畫比較類型比較形變動畫運動動畫相同點它們都是補間動畫，即先設定動畫的起始幀與結束幀，最后再由Flash自動生成動畫的中間幀不同點構成元素圖形(Shape)元件(Symbol)時間軸顏色淡綠色藍紫色

基本運動動畫只能產生直線運動，要沿曲線運動，就要設置很多關鍵幀，甚至需要一幀一幀地來設置，這樣過于繁瑣，Flash中提供了一個自定義運動路徑的功能。這一功能就是在運動對象層上方添加一個運動引導層，在該層中繪制對象的運動軌跡，使對象沿該路徑軌跡運動，運動軌跡曲線如圖9-35所示。在輸出動畫時，該層是隱藏的，它不僅可以引導一個對象，還可以同時引導多個對象運動。9.4制作軌跡運動動畫圖9-35運動軌跡曲線9.4.1創(chuàng)建基本軌跡運動動畫圖9-36沿軌跡滾動的小球圖9-37出現帶有弧形標志的箭頭(1)單擊“Floor”層解鎖，單擊工具箱中的【直線工具】按鈕，在舞臺空白處按<Shift>鍵繪制一根直線，再使用【選擇工具】在空白處單擊，取消對直線的選擇，將光標移動到直線周圍，當出現如圖9-37所示帶有弧形標志的箭頭時向下拖動直線，使直線變成曲線，如圖9-38所示。1.沿軌跡滾動的小球圖9-38直線變成曲線9.4.1創(chuàng)建基本軌跡運動動畫圖9-39將地板分割為上下兩部分(2)將曲線移動到地板上，上方左右稍露一點頭，這樣就可以分割地板為上下兩部分，如圖9-39所示。單擊地板被曲線分割的上半部，按<Delete>鍵，刪除上半部的地板，如圖9-40所示。1.沿軌跡滾動的小球圖9-40刪除上半部的地板(3)這時可以刪掉曲線，但曲線還要作為運動引導層使用，所以雙擊曲線，按<Ctrl>+<X>組合鍵將其剪切到剪切板中以備后用。9.4.1創(chuàng)建基本軌跡運動動畫圖9-41添加運動引導層(4)選中“Ball”層，在時間軸的左下角單擊【添加運動引導層】按鈕，如圖9-41所示，為“Ball”層添加一個運動引導層。按<Ctrl>+<Shift>+<V>組合鍵，將曲線按照原位置粘貼到運動引導層中，此時時間軸如圖9-42所示。1.沿軌跡滾動的小球圖9-42添加了運動引導層之后的時間軸9.4.1創(chuàng)建基本軌跡運動動畫(5)雙擊選中曲線，按<PgUp>鍵，向上移動曲線，使它與地板的距離與小球的半徑相等。選中“Ball”層的第1幀，用【選擇工具】將小球的中心移動到曲線的左端進行吸附，再選中第20幀，將小球的中心與曲線的右端進行吸附，如圖9-43所示。這時按<Enter>鍵，就可以看到小球沿地板的軌跡滾動了。1.沿軌跡滾動的小球圖9-43將小球的中心與曲線右端吸附9.4.2創(chuàng)建跟隨路徑方向的軌跡運動動畫(1)新建一個Flash動畫文檔，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項。(2)在菜單欄中選擇【插入】→【新建元件】命令，彈出【創(chuàng)建新元件】對話框，在【名稱】文本框中輸入“Star”，在【類型】選項區(qū)中點選【圖形】單選鈕，單擊【確定】按鈕，進入到元件的編輯狀態(tài)。1.五角星沿軌跡運動的動畫圖9-44跟隨路徑方向運動的五角星9.4.2創(chuàng)建跟隨路徑方向的軌跡運動動畫(3)在工具箱中單擊【多角星形工具】按鈕，在【屬性】面板中設定邊框顏色為“黑色”，填充為“紅色”，單擊【選項】按鈕，彈出【工具設置】對話框，在【樣式】下拉列表框中選擇【星形】選項，在【邊數】文本框中輸入“5”，如圖9-45所示。再在舞臺中央繪制一個五角星，如圖9-46所示。1.五角星沿軌跡運動的動畫圖9-45【工具設置】對話框圖9-46繪制的五角星9.4.2創(chuàng)建跟隨路徑方向的軌跡運動動畫(4)單擊工作區(qū)左上方的“場景1”，回到場景中，在菜單欄中選擇【窗口】→【庫】命令，打開【庫】面板，將“Star”元件拖放到舞臺上。(5)單擊時間軸圖層1的第20幀，按<F6>鍵，創(chuàng)建一個關鍵幀。在中間任意一幀上右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令。(6)單擊時間軸左下角的【添加運動引導層】按鈕，單擊工具箱中的【鉛筆工具】按鈕，在工具箱下方設定鉛筆模式為【平滑】，如圖9-47所示。在舞臺上繪制一根任意的曲線，如圖9-48所示。1.五角星沿軌跡運動的動畫圖9-47設定鉛筆模式為【平滑】圖9-48繪制的任意曲線9.4.2創(chuàng)建跟隨路徑方向的軌跡運動動畫(7)單擊圖層1的第1幀，用【選擇工具】將五角星吸附到路徑的一端，再單擊第20幀，將五角星吸附到路徑的另一端，這時按<Enter>鍵預覽動畫，五角星沿曲線平移運動，如圖9-49所示。1.五角星沿軌跡運動的動畫圖9-49沿曲線平移運動(8)單擊圖層1的任意一幀，在幀【屬性】面板中勾選【調整到路徑】復選框，這時再觀看動畫，五角星就沿曲線路徑的方向運動了，如圖9-44所示。9.5上機實訓9.5.1三維旋轉小球9.5.2網頁動態(tài)Banner9.5.1三維旋轉小球1.實訓目的

通過如圖9-50所示的三維旋轉小球實例熟練掌握形變動畫和運動動畫的制作方法，并分清它們制作限制的不同，初步了解在平面中虛擬三維動畫效果的技巧。

圖9-50三維旋轉小球2.實訓步驟(1)新建一個Flash動畫文檔，設定背景顏色為黑色，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項。(2)單擊工具箱中的【文本工具】按鈕，在【屬性】面板中設定字體為“ArialBlack”，字號為“300”，在舞臺上輸入“e”。在菜單欄中選擇【修改】→【分離】命令，打散文字，在【屬性】面板中設定填充顏色為“藍色到黑色的放射狀漸變”，單擊工具箱中的【漸變變形工具】按鈕，調整漸變變形為斜向漸變，如圖9-51所示。圖9-51調整漸變變形為斜向漸變9.5.1三維旋轉小球2.實訓步驟(3)單擊圖層1的第10幀，按<F6>鍵，插入關鍵幀，單擊文字，在【屬性】面板中將顏色改為“紅色到黑色放射狀漸變”；在第20幀插入關鍵幀，將顏色改為“綠色到黑色放射狀漸變”；在第30幀插入關鍵幀，將顏色改回“藍色到黑色放射狀漸變”。每10幀中間右擊一次，并在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間形狀】命令，為文字制作一個顏色漸變的形狀補間動畫，其文字顏色漸變時間軸如圖9-52所示。圖9-52文字顏色漸變時間軸9.5.1三維旋轉小球2.實訓步驟(4)在菜單欄中選擇【插入】→【新建元件】命令，在彈出對話框的【名稱】文本框中輸入“Ball”，在【類型】選項區(qū)中點選【圖形】單選鈕，單擊【確定】按鈕。單擊工具箱中的【橢圓工具】按鈕，在【屬性】面板中設定無邊框顏色，填充為“白色到黑色放射狀漸變”，在舞臺中央繪制一個小圓。(5)單擊“場景1”，回到場景中，在時間軸左下角單擊【插入圖層】按鈕，新建一個圖層，按<Ctrl>+<L>組合鍵打開【庫】面板，將“Ball”元件拖入到舞臺中，在圖層2的第30幀上單擊，按<F6>鍵插入關鍵幀，在中間任意一幀右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令。9.5.1三維旋轉小球2.實訓步驟(6)單擊時間軸左下角的【添加運動引導層】按鈕，單擊工具箱中的【橢圓工具】按鈕，在【屬性】面板中設定填充顏色為“無”，邊框為“白色”，繪制一個橢圓。用【任意變形工具】使橢圓順時針旋轉45°左右，用【橡皮擦工具】擦掉一個小輪廓，繪制的非閉合橢圓路徑如圖9-53所示。(7)單擊圖層2的第1幀，將小球吸附到橢圓開口的一端，單擊第30幀，將小球吸附到另一端，按<Enter>鍵，小球沿橢圓路徑運動，如圖9-54所示。圖9-53繪制的非閉合橢圓路徑圖9-54小球沿橢圓運動9.5.1三維旋轉小球2.實訓步驟(8)如果讓小球像在三維空間中運動，單擊圖層1，將其選中，然后右擊，在彈出的右鍵快捷菜單中選擇【復制幀】命令，單擊最上面的引導層，單擊【插入圖層】按鈕，在上面創(chuàng)建一個新層。在幀上右擊，并在彈出的右鍵快捷菜單中選擇【粘貼幀】命令。預覽動畫，選中小球從上方要鉆進文字時以前的所有幀，右擊并在彈出的右鍵快捷菜單中選擇【清除幀】命令，動畫的時間軸如圖9-55所示。(9)按<Ctrl>+<Enter>組合鍵測試動畫，小球在虛擬的三維空間中沿橢圓繞著文字旋轉，文字的顏色也不斷漸變。圖9-55動畫的時間軸9.5.1三維旋轉小球3.操作總結

本實訓介紹了打散文字的形變補間動畫和小球沿軌跡運動的補間動畫，還簡要介紹了一種虛擬三維效果的技巧，運用了很多本章學到的相關知識，請讀者結合實際操作熟練掌握。9.5.1三維旋轉小球9.5.2網頁動態(tài)Banner1.實訓目的

通過制作如圖9-56所示的網頁中常見的動態(tài)Banner效果，進一步熟悉運動動畫的制作步驟和制作限制，掌握各種圖形的繪制、編輯與修改方法，并初步了解影片剪輯的制作方法和應用技巧，為設計制作豐富動態(tài)的網頁效果打基礎。

圖9-56網頁動態(tài)Banner2.實訓步驟(1)新建一個Flash動畫文檔，根據網頁需要設定尺寸為760*54，背景顏色設為黑色，在工作區(qū)右上角的下拉列表框中選擇【顯示全部】選項。

(2)在菜單欄中選擇【文件】→【導入】→【導入到舞臺】命令，將已經設計好的背景圖片導入進來，單擊工具欄中的【對齊】，打開【對齊】面板，并依次單擊【相對于舞臺】按鈕、【水平中齊】按鈕和【垂直中齊】按鈕，將圖片放置在舞臺中央。9.5.2網頁動態(tài)Banner2.實訓步驟(3)在菜單欄中選擇【插入】→【新建元件】命令，彈出【創(chuàng)建新元件】對話框，在【類型】選項區(qū)中點選【圖形】單選鈕，單擊【確定】按鈕，進入元件的編輯狀態(tài)。使用【矢量】工具箱中的【矩形】工具繪制一個矩形，如圖9-57所示。圖9-57繪制矩形9.5.2網頁動態(tài)Banner2.實訓步驟(4)在菜單欄中選擇【插入】→【新建元件】命令，彈出【創(chuàng)建新元件】對話框，在【類型】選項區(qū)中點選【影片剪輯】單選鈕，單擊【確定】按鈕，進入元件的編輯狀態(tài)。將矩形拖拽到舞臺上單擊，在【屬性】面板中設定【顏色】中的“Alpha”值為“20%”。在第40幀上按<F6>鍵插入關鍵幀，將矩形水平向右移動一段距離，右擊中間任意一幀，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令。再在第20幀和第30幀上按<F6>鍵插入關鍵幀，用【任意變形工具】將矩形水平放大，按<Enter>鍵預覽動畫，矩形條水平右移。使矩形條在第20幀到第30幀之間水平放大，在第30幀到第40幀之間水平縮小。再在第55幀上按<F6>鍵插入關鍵幀，將矩形左移至原位，在中間任意一幀上右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令。9.5.2網頁動態(tài)Banner2.實訓步驟(5)單擊【插入圖層】按鈕，將矩形拖入，用【任意變形工具】將矩形水平縮小成一個細條，在【屬性】面板中設定【筆觸顏色】滑塊控件（Alpha）的值為“80%”，在第20幀、第40幀、第60幀和第80幀分別按<F6>鍵插入關鍵幀，在第20幀和第60幀將細條移動到右側，在中間任意一幀上右擊，在彈出的右鍵快捷菜單中選擇【創(chuàng)建補間動畫】命令。9.5.2網頁