網(wǎng)頁設(shè)計與制作第19章Animate基本動畫的制作網(wǎng)頁設(shè)計與制作——Animate基本動畫的制作基本動畫制作應(yīng)用元件、實例和庫逐幀動畫制作補間動畫制作ADCB本章要點：遮罩動畫制作E制作時間軸特效動畫第19章Animate基本動畫的制作網(wǎng)頁設(shè)計與制作——Animate基本動畫的制作元件和實例使用“庫”面板動畫基礎(chǔ)邊學(xué)邊做（制作“開卷有益”動畫）使用反向運動一、元件和實例元件又稱符號，元件是指創(chuàng)建一次即可多次重復(fù)使用的圖形、按鈕、影片剪輯或文本。根據(jù)元件所屬的不同類型，任何一個創(chuàng)建的元件都將自動成為“庫”的一部分。創(chuàng)建和編輯元件實例是指位于舞臺上或嵌套在另一個元件內(nèi)的元件副本。實例可以與它的元件在顏色、大小和功能上有差別，編輯元件會更新它的所有實例，但對元件的一個實例應(yīng)用效果則只更新該實例。創(chuàng)建和編輯實例創(chuàng)建和編輯元件1.元件類型圖形元件、按鈕元件及影片剪輯2.創(chuàng)建新元件元件可以擁有Aniamte能夠創(chuàng)建的所有功能，包括動畫。創(chuàng)建圖形元件，可以采用兩種方法實現(xiàn)，一種是直接創(chuàng)建空元件，另一種是將舞臺上已有的對象轉(zhuǎn)換為圖形元件。3.將選定元素轉(zhuǎn)換為元件在舞臺上選擇一個或多個元素。然后選擇【修改】/【轉(zhuǎn)換為元件】命令（或者將選中元素拖到“庫”面板上，還可以通過單擊右鍵，從菜單中選擇“轉(zhuǎn)換為元件”命令）。4.創(chuàng)建按鈕元件按鈕實際上是四幀的交互影片剪輯。當為元件選擇按鈕行為時，Animate會切換到元件編輯模式。窗口內(nèi)顯示一個四幀的時間，時間軸的標題為四個標簽：“彈起”、“指針經(jīng)過”、“按下”和“點擊”的連續(xù)幀。5.編輯元件在窗口中選擇需要編輯的元件，單擊右鍵，在彈出的快捷菜單中有一組命令，分別為：“編輯元件”、“在當前位置編輯”和“在新窗口中編輯”，這三種方式都可以實現(xiàn)對選中元件的編輯操作。創(chuàng)建和編輯實例1.創(chuàng)建實例創(chuàng)建元件之后，可以在文檔中任何需要的地方（包括在其他元件內(nèi)）創(chuàng)建該元件的實例。當修改元件時，Animate會更新元件的所有實例。創(chuàng)建元件的新實例的方法為：1) 在時間軸上選擇一層。Animate只能把實例放在關(guān)鍵幀中，并且總在當前層上。2) 選擇“屬性”面板標題右側(cè)的“庫”面板標題，將“庫”面板前置。3) 將所需元件從庫中拖到舞臺上，一個實例創(chuàng)建完成。2.編輯實例每個元件實例都各有獨立于該元件的屬性，可以更改實例的色調(diào)、透明度和亮度；重新定義實例的行為（例如，把圖形更改為影片剪輯）；并可以設(shè)置動畫在圖形實例內(nèi)的播放形式，也可以傾斜、旋轉(zhuǎn)或縮放實例，這并不會影響元件。編輯實例的操作為：選擇場景中需要編輯的實例，打開“屬性”面板，可以針對該實例的“位置和大小”、“色彩效果”、“循環(huán)”等屬性進行編輯，還可以將該實例與另外的實例進行交換。二、使用“庫”面板“庫”可存儲導(dǎo)入的視頻剪輯、聲音剪輯、位圖、矢量插圖和元件。Animate使用“庫”面板組織和管理“庫”中的各種元件和導(dǎo)入的文件。通過選擇菜單【窗口】/【庫】，或者使用Ctrl+L組合鍵，可以打開庫面板?！皫臁泵姘宓母髁辛谐隽隧椖棵Q、項目類型、項目在文件中使用的次數(shù)、項目的鏈接狀態(tài)和標識符，以及上次修改項目的日期。三、動畫基礎(chǔ)基本知識傳統(tǒng)補間動畫補間形狀動畫逐幀動畫補間動畫遮罩動畫基本知識-動畫類型1.逐幀動畫逐幀動畫可以為時間軸中的每個幀指定不同的藝術(shù)作品，創(chuàng)建與快速連續(xù)播放的影片幀類似的效果。2.補間動畫使用補間動畫可設(shè)置對象的屬性，如一個幀中以及另一個幀中的位置和Alpha透明度。Animate然后在中間內(nèi)插幀的屬性值。對于由對象的連續(xù)運動或變形構(gòu)成的動畫，補間動畫很有用。3.傳統(tǒng)補間允許一些特定的動畫效果，使用基于范圍的補間不能實現(xiàn)這些效果。4.補間形狀在時間軸中的特定幀繪制一個形狀，然后更改該形狀或在另一個特定幀繪制另一個形狀。Animate將內(nèi)插中間的幀的中間形狀，創(chuàng)建一個形狀變形為另一個形狀的動畫。5.反向運動姿勢用于伸展和彎曲形狀對象以及鏈接元件實例組，使它們以自然方式一起移動。基本知識-幀頻幀頻是動畫播放的速度，以每秒播放的幀數(shù)(fps)為度量單位。幀頻太慢會使動畫看起來一頓一頓的，幀頻太快會使動畫的細節(jié)變得模糊。24fps的幀速率是新Animate文檔的默認設(shè)置，通常在Web上提供最佳效果。標準的動畫速率也是24fps。基本知識-在時間軸中標識動畫Aniamte通過在包含內(nèi)容的每個幀中顯示不同的指示符來區(qū)分時間軸中的逐幀動畫和補間動畫。逐幀動畫：創(chuàng)建逐幀動畫需要將每個幀都定義為關(guān)鍵幀，然后為每個幀創(chuàng)建不同的圖像。1) 新建一個Aniamte文檔并保存為“19-1計時.fla”，在“屬性”面板中將舞臺大小設(shè)置為200×200像素，背景顏色設(shè)置為淡藍色（#66CCCC），設(shè)置幀頻率為1.0fps。2) 當前“時間軸”窗口中，播放頭位于“圖層1”的第1幀上，選中工具箱中“橢圓”工具，在舞臺中間繪制一個白色環(huán)形作為動畫背景。3) 使用“文本”工具在當前幀上創(chuàng)建文本。在舞臺中的圓圈內(nèi)單擊鼠標，輸入數(shù)字“9”，并確認。4) 單擊下一幀，然后單擊右鍵，從彈出的快捷菜單中選擇“插入關(guān)鍵幀”，添加一個新的關(guān)鍵幀，并且內(nèi)容和第一個關(guān)鍵幀內(nèi)容一樣。5) 使用“文本”工具在舞臺中改變該幀的內(nèi)容為數(shù)字“8”。6) 按照步驟4)~5)，繼續(xù)完成第3到第10幀的動畫序列，分別對應(yīng)數(shù)字“7”到“0”?！緦嵗?9.1】制作倒計時動畫。7) 按“Enter”鍵測試動畫序列，會看到窗口中顯示出按照讀秒的速度變化著的倒計時數(shù)字效果。補間動畫：是通過為一個幀中的對象屬性指定一個值并為另一個幀中的該相同屬性指定另一個值創(chuàng)建的動畫，Aniamte計算這兩個幀之間該屬性的值。1) 創(chuàng)建一個新的Animate文檔，并保存文件為“19-2小球.fla”。2) 按下“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對話框，將影片剪輯命名為“ball”，單擊“確定”按鈕。3) 在元件“ball”的舞臺上中心點創(chuàng)建一個具有綠色漸變填充的小球，小球外觀及屬性如圖所示?！緦嵗?9.2】應(yīng)用動畫預(yù)設(shè)創(chuàng)建三個小球運動動畫。在舞臺上，先后分別出現(xiàn)三個小球，其中一個從左到右在舞臺上進行波形往返運動，第二個稍后會由虛漸實出現(xiàn)在舞臺的右下角，第三個再從右向左移入舞臺上方位置，最終三個小球在舞臺左側(cè)垂直對齊。補間動畫：是通過為一個幀中的對象屬性指定一個值并為另一個幀中的該相同屬性指定另一個值創(chuàng)建的動畫，Aniamte計算這兩個幀之間該屬性的值。4) 切換回“場景1”，打開“庫”面板，將元件“ball”拖拽到舞臺中左側(cè)位置。此時，時間軸第1幀產(chǎn)生一個關(guān)鍵幀。5) 執(zhí)行【窗口】/【動畫預(yù)設(shè)】命令，打開“動畫預(yù)設(shè)”面板，展開“默認預(yù)設(shè)”文件夾，共有32個項目，選擇其中的“波形”，在“預(yù)覽”窗格中可以看到動畫預(yù)覽效果?！皠赢嬵A(yù)設(shè)”面板如圖

所示。6) 單擊“動畫預(yù)設(shè)”面板底部的“應(yīng)用”按鈕。則舞臺上影片剪輯實例上出現(xiàn)一個綠色的運動軌跡標識，時間軸上也對應(yīng)自動產(chǎn)生一個70幀的補間狀態(tài)，第1幀是一個黑色圓形關(guān)鍵幀，第35幀和第70幀處分別有一個黑色菱形的屬性關(guān)鍵幀。第一個小球的補間動畫創(chuàng)建完成?！緦嵗?9.2】應(yīng)用動畫預(yù)設(shè)創(chuàng)建三個小球運動動畫。在舞臺上，先后分別出現(xiàn)三個小球，其中一個從左到右在舞臺上進行波形往返運動，第二個稍后會由虛漸實出現(xiàn)在舞臺的右下角，第三個再從右向左移入舞臺上方位置，最終三個小球在舞臺左側(cè)垂直對齊。補間動畫：是通過為一個幀中的對象屬性指定一個值并為另一個幀中的該相同屬性指定另一個值創(chuàng)建的動畫，Aniamte計算這兩個幀之間該屬性的值。【實例19.2】應(yīng)用動畫預(yù)設(shè)創(chuàng)建三個小球運動動畫。在舞臺上，先后分別出現(xiàn)三個小球，其中一個從左到右在舞臺上進行波形往返運動，第二個稍后會由虛漸實出現(xiàn)在舞臺的右下角，第三個再從右向左移入舞臺上方位置，最終三個小球在舞臺左側(cè)垂直對齊。7) 創(chuàng)建一個新圖層，在第10幀處插入一個空白關(guān)鍵幀，然后將“庫”面板中的元件拖拽到舞臺的右下角位置，再應(yīng)用“動畫預(yù)設(shè)”功能，動畫預(yù)設(shè)為“2D放大”設(shè)置。8) 創(chuàng)建一個新圖層，在第20幀處插入一個空白關(guān)鍵幀，然后將“庫”面板中的元件拖拽到舞臺的上方偏左的位置，再應(yīng)用“動畫預(yù)設(shè)”功能，動畫預(yù)設(shè)為“從右邊飛入”設(shè)置。9) 在第70幀處，補齊三個圖層的普通幀，時間軸如圖所示。按“Ctrl+Enter”鍵，導(dǎo)出并觀看動畫效果。補間動畫：是通過為一個幀中的對象屬性指定一個值并為另一個幀中的該相同屬性指定另一個值創(chuàng)建的動畫，Aniamte計算這兩個幀之間該屬性的值。1) 創(chuàng)建一個新的Animate文檔，文檔大小為500×200像素，舞臺顏色為黑色，并保存文件為“19-3文字.fla”。2) 在工具箱中選擇“文本”工具，輸入一行文本信息，文本顏色為淺黃色，華文行楷，字號40點，并將文本移至舞臺上方的外部，如圖

所示。3) 在舞臺上選擇要補間的“文本”對象。右鍵單擊文本區(qū)（或當前幀），在彈出的快捷菜單中選擇“創(chuàng)建補間動畫”。即可看到時間軸窗口發(fā)生的變化，“圖層1”的圖標由常規(guī)圖層類型變?yōu)檠a間圖層類型，如圖

所示。而且，時間軸一側(cè)自動插入到第24幀，補間范圍的長度等于一秒的持續(xù)時間（幀速率是24幀/秒）?！緦嵗?9.3】為文本創(chuàng)建補間動畫。創(chuàng)建一個文本動畫，文本從舞臺頂部移入到中央位置，稍作停滯，然后再向左側(cè)移出舞臺。補間動畫：是通過為一個幀中的對象屬性指定一個值并為另一個幀中的該相同屬性指定另一個值創(chuàng)建的動畫，Aniamte計算這兩個幀之間該屬性的值。1) 創(chuàng)建一個新的Animate文檔，文檔大小為500×200像素，舞臺顏色為黑色，并保存文件為“19-3文字.fla”。2) 在工具箱中選擇“文本”工具，輸入一行文本信息，文本顏色為淺黃色，華文行楷，字號40點，并將文本移至舞臺上方的外部，如圖

所示。3) 在舞臺上選擇要補間的“文本”對象。右鍵單擊文本區(qū)（或當前幀），在彈出的快捷菜單中選擇“創(chuàng)建補間動畫”。即可看到時間軸窗口發(fā)生的變化，“圖層1”的圖標由常規(guī)圖層類型變?yōu)檠a間圖層類型，如圖

所示。而且，時間軸一側(cè)自動插入到第24幀，補間范圍的長度等于一秒的持續(xù)時間（幀速率是24幀/秒）?！緦嵗?9.3】為文本創(chuàng)建補間動畫。創(chuàng)建一個文本動畫，文本從舞臺頂部移入到中央位置，稍作停滯，然后再向左側(cè)移出舞臺。補間動畫：是通過為一個幀中的對象屬性指定一個值并為另一個幀中的該相同屬性指定另一個值創(chuàng)建的動畫，Aniamte計算這兩個幀之間該屬性的值。4) 在時間軸中拖動補間范圍的右端，延長補間范圍到第60幀，如圖所示。5) 將動畫添加到補間。將播放頭放在補間范圍內(nèi)的第25幀上，然后將舞臺上的“文本”對象垂直向下拖到舞臺正中位置。此時，舞臺上顯示的運動路徑顯示從補間范圍的第一幀中的位置到新位置的路徑。時間軸顯示添加了屬性關(guān)鍵幀，屬性關(guān)鍵幀在補間范圍中顯示為小菱形。舞臺及時間軸內(nèi)容如圖

所示。6) 將播放頭放在補間范圍內(nèi)的第35幀上，并單擊右鍵，在彈出的快捷菜單中選擇【插入關(guān)鍵幀】/【位置】命令，則添加一個新的屬性關(guān)鍵幀。第25幀到第35幀中的文本位置保持不動，為了在舞臺中清晰顯示文本?！緦嵗?9.3】為文本創(chuàng)建補間動畫。創(chuàng)建一個文本動畫，文本從舞臺頂部移入到中央位置，稍作停滯，然后再向左側(cè)移出舞臺。補間動畫：是通過為一個幀中的對象屬性指定一個值并為另一個幀中的該相同屬性指定另一個值創(chuàng)建的動畫，Aniamte計算這兩個幀之間該屬性的值。7) 按照步驟6）在第60幀處添加新的屬性關(guān)鍵幀，并將文本水平向左移出舞臺，如圖。8) 按下“Enter”鍵測試動畫完成效果。【實例19.3】為文本創(chuàng)建補間動畫。創(chuàng)建一個文本動畫，文本從舞臺頂部移入到中央位置，稍作停滯，然后再向左側(cè)移出舞臺。創(chuàng)建緩動補間動畫：緩動是用于修改和計算補間中屬性關(guān)鍵幀之間的屬性值的方法的一種技術(shù)，使用緩動可以實現(xiàn)更自然、更復(fù)雜的動畫。1) 創(chuàng)建一個新的Animate文檔“19-4汽車.fla”。按“Ctrl+F8”鍵，創(chuàng)建一個名為“car”的圖形元件。2) 回到“場景1”，并將“庫”面板中的“car”元件拖拽到舞臺的一側(cè)，成為第1幀的實例對象。3) 選中時間軸的第1幀，單擊右鍵，在彈出菜單中選擇【創(chuàng)建補間動畫】，再將幀數(shù)增加至50幀?！緦嵗?9.4】汽車行駛應(yīng)用緩動效果。4) 選擇第50幀，單擊右鍵，在彈出菜單中選擇【插入關(guān)鍵幀】/【位置】，然后將小汽車水平移至舞臺的另一側(cè)位置，舞臺即產(chǎn)生運動軌跡線。在第25幀處單擊鼠標右鍵，選擇“拆分動畫”命令，運動補間被拆分成兩個獨立的補間范圍。第一個運動補間的末尾與第二個運動補間的開始位置相同。拆分補間的目的是為了改變緩動影響的范圍，以及在不同的補間內(nèi)應(yīng)用不同的緩動。5) 選擇第一個運動補間的第一個關(guān)鍵幀和第二個關(guān)鍵幀（第1幀~第25幀）之間的任意一幀，在“屬性”面板的緩動區(qū)，將緩動值修改為“-100”，表示對運動補間應(yīng)用緩慢開始效果。6) 選擇第二個運動補間的第一個關(guān)鍵幀和第二個關(guān)鍵幀（第25幀~第50幀）之間的任意一幀，在“屬性”面板的緩動區(qū)，將緩動值修改為“100”，表示對運動補間應(yīng)用緩慢停效果。7) 測試并輸出動畫。傳統(tǒng)補間動畫1) 創(chuàng)建一個新的Animate文檔并保存為“19-5彈跳.fla”，按下“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對話框。在對話框中將一個圖形元件命名為“egg”，單擊“確定”按鈕。2) 繪制“彈跳娃娃”圖形。在“egg”圖形元件編輯區(qū)域中，用“橢圓”工具畫出一個橢圓，如圖19-24a所示。用工具箱中的“任意變形”工具選中圖形，并將頂部的調(diào)節(jié)點向上拖動一段距離，變形效果如圖所示。用工具箱中“橢圓”工具繼續(xù)畫出娃娃的臉部效果，如圖所示。3) 按下“Ctrl+E”鍵回到場景中，按下“Ctrl+L”鍵打開“庫”面板，將“egg”圖形選中并拖到場景中的頂部位置，創(chuàng)建第一幀效果，如圖19-25所示?！緦嵗?9.5】應(yīng)用傳統(tǒng)補間創(chuàng)建彈跳娃娃動畫。傳統(tǒng)補間動畫4) 在第20幀處單擊“F6”鍵，創(chuàng)建新的關(guān)鍵幀，作為彈跳周期的最后一幀內(nèi)容。5) 按下“Ctrl+Shift+Alt+R”鍵顯示標尺，從垂直標尺處托拽出一條輔助線，到娃娃的中心位置。在第10幀處單擊“F6”鍵，創(chuàng)建新的關(guān)鍵幀，用鼠標沿輔助線將娃娃向下移動一段距離，作為娃娃的落地位置，如圖

所示。6) 選擇時間軸中第1幀，鼠標右鍵快捷菜單中點擊“創(chuàng)建傳統(tǒng)補間”，在“屬性”面板中將“緩動”值設(shè)為“-100”?！緦嵗?9.5】應(yīng)用傳統(tǒng)補間創(chuàng)建彈跳娃娃動畫。7) 選擇時間軸中的第10幀，鼠標右鍵快捷菜單中點擊“創(chuàng)建傳統(tǒng)補間”，在屬性面板中將“緩動”值設(shè)為“100”，“旋轉(zhuǎn)”設(shè)置為“順時針旋轉(zhuǎn)2次”。屬性面板的設(shè)置效果如圖所示。到此，娃娃的彈跳效果制作完成，可以按下“Ctrl+Enter”鍵觀看動畫效果。8) 下面繪制并完成影子的動畫效果。單擊”時間軸”窗口底部的“新建圖層”按鈕，創(chuàng)建“圖層2”，在此圖層中繪制影子。傳統(tǒng)補間動畫9) 用“橢圓”工具（邊界設(shè)為空）在場景中拖出一個橢圓。在“顏色”面板中，設(shè)定填充效果為灰色到透明的徑向漸變，并調(diào)節(jié)Alpha值為40%，如圖

所示。10) 在時間軸上單擊圖層2的第20幀，按下“F6”鍵創(chuàng)建關(guān)鍵幀。在第10幀處按下“F6”鍵創(chuàng)建關(guān)鍵幀，并用工具箱中的“任意變形”工具，縮小影子。在“顏色”面板中將Alpha值調(diào)為最大100%。彈跳娃娃的影子變化效果如圖

所示。11) 選擇第1幀，鼠標右鍵快捷菜單中點擊“創(chuàng)建補間形狀”；在第10幀處，再次鼠標右鍵快捷菜單中點擊“創(chuàng)建補間形狀”?！緦嵗?9.5】應(yīng)用傳統(tǒng)補間創(chuàng)建彈跳娃娃動畫。12) 按下“Ctrl+S”鍵保存制作的動畫，在彈出的“保存”對話框中命名文件，單擊“保存”按鈕，則生成一個“.fla”文件。在Animte環(huán)境中再次按下“Ctrl+Enter”鍵觀看動畫，系統(tǒng)自動生成一個同名的“.swf”文件。沿路徑創(chuàng)建傳統(tǒng)補間動畫1) 在新建文件“19-6環(huán)繞.fla”的“圖層1”中繪制一個“不倒翁”圖形。在第30幀處按下“F5”鍵創(chuàng)建幀。將“圖層1”重命名為“不倒翁”。2) 創(chuàng)建小球元件。按下“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對話框，單擊“確定”按鈕。繪制小球后返回場景。3) 單擊時間軸底部的“插入圖層”按鈕，插入圖層然后將小球元件從“庫”面板中拖動到“圖層2”的第1幀中。將“圖層2”重命名為“小球”?！緦嵗?9.6】沿路徑創(chuàng)建傳統(tǒng)補間動畫。4) 在“時間軸”窗口中選擇“小球”，然后右鍵單擊該層，從菜單中選擇“添加引導(dǎo)層”命令。5) 用“圓形”工具在運動運動引導(dǎo)層繪制一個橢圓路徑，并用“橡皮擦”工具將閉合路徑擦出一個斷點，如圖

所示。在第30幀處按下“F5”鍵創(chuàng)建幀。6) 將“小球”圖層第1幀中的小球的中心與橢圓軌跡的一個端點重合，在第30幀處按下“F6”鍵創(chuàng)建新的關(guān)鍵幀，并將該幀中的小球中心移動到橢圓軌跡的另一個端點處。選擇兩個關(guān)鍵幀之間的任何幀，右鍵單擊并選擇創(chuàng)建傳統(tǒng)補間。用洋蔥皮效果查看圖形，效果如圖

所示。沿路徑創(chuàng)建傳統(tǒng)補間動畫7) 右鍵單擊第1幀，并插入運動補間效果，時間軸設(shè)置如圖19-33所示效果，測試動畫?！緦嵗?9.6】沿路徑創(chuàng)建傳統(tǒng)補間動畫。補間形狀動畫：在時間軸中的一個特定幀上繪制一個矢量形狀然后更改該形狀，或在另一個特定幀上繪制另一個形狀。1) 在新建的Animate文檔“19-7晝夜轉(zhuǎn)換.fla”中，單擊“時間軸”面板底部的“新建圖層”按鈕，再創(chuàng)建三個新圖層，并將各圖層自底向上重命名為“晝夜”、“星星”、“月亮太陽”、“房屋”四個層。2) 點擊“晝夜”圖層的第1幀，使用“矩形”工具在舞臺中繪制一個矩形，在“屬性”面板中設(shè)置參數(shù)如圖

所示，位置和大小貼合舞臺；筆觸置空，填充設(shè)置在“顏色”面板中選擇“線性漸變填充”，指定由深藍（#000738）到藍色（#1c93ff）漸變。3) 點擊“星星”圖層的第1幀，使用“多角星形”工具，屬性設(shè)置如圖

所示。然后在舞臺上繪制多個大小不一的星形圖案?！緦嵗?9.7】應(yīng)用補間形狀創(chuàng)建晝夜轉(zhuǎn)換動畫。補間形狀動畫：在時間軸中的一個特定幀上繪制一個矢量形狀然后更改該形狀，或在另一個特定幀上繪制另一個形狀。4) 點擊“月亮太陽”圖層的第1幀，繪制月亮圖形。再點擊“房屋”圖層的第1幀，繪制房屋圖形或插入圖片5) 點擊“晝夜”圖層的第10幀，按“F6”鍵，將此幀轉(zhuǎn)換為關(guān)鍵幀，在第55幀處轉(zhuǎn)換關(guān)鍵幀。選中舞臺中的矩形圖案，在“顏色”面板中指定填充色由淡藍（#8ebaff）到白色（#ffffff）漸變。在第65幀處按“F6”鍵轉(zhuǎn)換為關(guān)鍵幀。將第1幀復(fù)制并粘貼到第110幀。6) 右鍵單擊第10~55幀之間的位置處，在彈出的菜單中選擇“創(chuàng)建補間形狀”，同樣在第65~110幀處創(chuàng)建補間形狀，此時時間軸標識如圖所示。【實例19.7】應(yīng)用補間形狀創(chuàng)建晝夜轉(zhuǎn)換動畫。補間形狀動畫：在時間軸中的一個特定幀上繪制一個矢量形狀然后更改該形狀，或在另一個特定幀上繪制另一個形狀。7) 在“星星”圖層的第10、55、65和110幀處也創(chuàng)建關(guān)鍵幀。第55幀，選中該圖層所有星星，在“顏色”面板中將“Alpha”通道值修改為0，如圖

所示。將第65幀的透明度也修改為0。在第10~55和65~110幀處創(chuàng)建補間形狀，則動畫效果就會表現(xiàn)為星星在夜晚出現(xiàn)白天消失。8) 在“月亮太陽”圖層的第10幀處按“F6”創(chuàng)建關(guān)鍵幀，第55幀按“F7”創(chuàng)建空白關(guān)鍵幀。在此繪制一個太陽的圖形。在65幀處按“F6”鍵，創(chuàng)建關(guān)鍵幀，再在第110幀處將第1幀復(fù)制到此處。然后在第10~55幀處和第65~110幀處創(chuàng)建補間形狀。9) 繪制編輯房屋圖層【實例19.7】應(yīng)用補間形狀創(chuàng)建晝夜轉(zhuǎn)換動畫。10)此時動畫基本制作完成，時間軸內(nèi)容如圖

所示遮罩動畫，遮罩層的作用就是可以透過遮罩層內(nèi)的圖形看到其下面圖層的內(nèi)容，但是不能透過遮罩層內(nèi)無圖形區(qū)域而顯示其下面圖層的內(nèi)容。1) 新建文檔，并保存為“19-8滾動字幕.fla”，將背景色設(shè)置為黑色，幀頻設(shè)為6fps。2) 將“圖層1”重命名為“文本”層。選擇工具箱中的“文本”工具，設(shè)置顏色為紅色，在舞臺中單擊鼠標，并在文本框中輸入一段文字。3) 單擊時間軸底部的“插入圖層”按鈕，將新建圖層重命名為“遮罩”，單擊“遮罩”層的第1幀，選擇工具箱中的“矩形”工具繪制一個矩形區(qū)域，調(diào)整矩形區(qū)域到文本區(qū)的頂端位置，如圖所示?！緦嵗?9.8】為滾動字幕制作遮罩動畫。4) 選擇“遮罩”層的第60幀，按下“F5”鍵，創(chuàng)建普通幀。5) 選擇“文本”層的第60幀，按下“F6”鍵，創(chuàng)建關(guān)鍵幀。用“選擇”工具選中舞臺中的文本框，并垂直向上移動文本，使文本最后一行移出矩形區(qū)，如圖所示。遮罩動畫，遮罩層的作用就是可以透過遮罩層內(nèi)的圖形看到其下面圖層的內(nèi)容，但是不能透過遮罩層內(nèi)無圖形區(qū)域而顯示其下面圖層的內(nèi)容。6)右鍵單擊“文本”層的第1幀，設(shè)置“創(chuàng)建傳統(tǒng)補間”效果，按命令提示將文本框?qū)ο筠D(zhuǎn)換為元件。7) 選擇“遮罩”層，右鍵單擊，選擇“遮罩層”命令，遮罩層總是遮住緊貼其下的層。8) 創(chuàng)建新圖層，在該層中繪制顯示屏的輪廓效果，如圖所示為時間軸及第10幀的動畫編輯效果。【實例19.8】為滾動字幕制作遮罩動畫。9) 動畫制作完成，測試動畫。四、使用反向運動反向運動(IK)是一種使用骨骼的有關(guān)節(jié)結(jié)構(gòu)對一個對象或彼此相關(guān)的一組對象進行動畫處理的方法。使用骨骼，元件實例和形狀對象可以按復(fù)雜而自然的方式移動，只需做很少的設(shè)計工作。1.向形狀添加骨骼2.向元件添加骨骼通過反向運動可以更加輕松地創(chuàng)建人物動畫，如胳膊和腿等肢體動作。向形狀添加骨骼1) 創(chuàng)建一個新的Animate文檔并保存為“19-9小蛇.fla”。2) 使用圖形繪制工具在舞臺上繪制一個蛇形圖案，如圖所示。3) 按“Ctrl+’+’”鍵放大視圖比例到400%，為了便于插入骨骼?！緦嵗?9.9】為小蛇創(chuàng)建反向運動動畫。4) 使用“骨骼”工具，以“蛇”的頭部為起點，拖拽至頸部松開鼠標，在起點和釋放鼠標的點之間將顯示一個實心骨骼。時間軸中新增加了一個“骨架”圖層，如圖所示。5) 沿“蛇”的軀體依次創(chuàng)建多個骨骼，直到尾部，整體骨骼效果如圖所示。6) 選擇時間軸“骨架”圖層的第50幀，單擊右鍵，在快捷菜單中選擇“插入姿勢”，則第1幀至第50幀之間形成綠色底紋的補間效果。拖動尾部骨骼到任意位置，則第50幀處添加一個菱形的姿勢幀，效果如圖所示。7) 繼續(xù)新增姿勢幀，然后改變圖形的姿勢，使第1幀和第50幀之間產(chǎn)生更豐富的動畫效果。動畫制作完成并測試動畫。向元件添加骨骼1) 創(chuàng)建一個新的Animate文檔并保存為“19-10體操.fla”。2) 使用“橢圓”工具，黃色填充、筆觸置空，按“Ctrl+F8”鍵，創(chuàng)建一個名為“head”的圖形元件，并繪制一個“機器人”的頭部圖形。然后再分別創(chuàng)建“body”、“arm”和“l(fā)eg”等圖形元件，此時在“庫”面板中可以看到元件名稱，如圖所示。3) 回到“場景1”的舞臺，將“庫”面板中的元件依次拖入舞臺上，組合成一個“機器人”效果的圖形?！緦嵗?9.10】為機器人元件添加骨骼。4) 將視圖顯示比例放大到400%。選擇“骨骼”工具，在“機器人”圖形上創(chuàng)建骨骼，從“body”元件的頂部開始作為骨骼起點，分別向“head”、“arm”及“l(fā)eg”元件實例上引出其他骨骼，如圖所示。5) 在“骨架”圖層的時間軸上每5幀位置創(chuàng)建一個姿勢幀，然后變換舞臺上“機器人”圖形的胳膊的位置，通過姿勢的變換，形成做操的動畫效果。五、邊學(xué)邊做（制作“開卷有益”動畫）1) 按下