Flash CS6核心應(yīng)用案例教程（全彩慕課版）（第2版）課件 第5章　基本動畫

本章簡介：在FlashCS6動畫的制作過程中，時間軸和幀起到了關(guān)鍵性的作用。本章介紹動畫制作中幀和時間軸的使用方法及使用技巧。讀者通過對本章的學(xué)習(xí)，可以了解并掌握如何靈活地使用幀和時間軸，并根據(jù)需要制作出豐富多彩的動畫效果。基本動畫第5章學(xué)習(xí)目標(biāo)了解動畫和幀的基本概念。掌握逐幀動畫的制作方法。掌握形狀補(bǔ)間動畫的制作方法。掌握傳統(tǒng)補(bǔ)間動畫的制作方法。掌握動畫預(yù)設(shè)的使用方法。5.1幀動畫課堂案例——制作打字效果動畫中幀的概念幀的顯示形式“時間軸”面板繪圖紙（洋蔥皮）功能在“時間軸”面板中設(shè)置幀幀動畫逐幀動畫5.1.1課堂案例——制作打字效果效果圖使用“線條”工具繪制光標(biāo)圖形，使用“文本”工具添加文字，使用“翻轉(zhuǎn)幀”命令對幀進(jìn)行翻轉(zhuǎn)。5.1.2動畫中幀的概念相關(guān)研究證明，人眼具有視覺暫留的特點(diǎn)，即人眼看到物體或畫面后，該物體或畫面在1/24秒內(nèi)不會消失。利用這一原理，在一幅畫消失之前播放下一幅畫，就會給人一種流暢的視覺變化效果。所以，通過連續(xù)播放一系列靜止畫面，在視覺上產(chǎn)生連續(xù)變化的效果產(chǎn)生。在FlashCS6中，這一系列單幅的畫面就叫幀，它是FlashCS6動畫中最小的時間單位。每秒顯示的幀數(shù)叫幀率，如果幀率太低就會給人造成視覺上不流暢的感覺。所以，按照人眼的視覺暫留特點(diǎn)，一般將動畫的幀率設(shè)為24幀/秒。5.1.3幀的顯示形式在FlashCS6動畫的制作過程中，幀包括以下多種顯示形式。1．空白關(guān)鍵幀2．關(guān)鍵幀3．傳統(tǒng)補(bǔ)間幀4．形狀補(bǔ)間幀5．包含動作語句的幀6．幀標(biāo)簽5.1.4“時間軸”面板圖層名稱播放頭時間軸標(biāo)尺當(dāng)前幀垂直滾動條幀顯示按鈕幀率運(yùn)行時間水平滾動條5.1.5繪圖紙（洋蔥皮）功能“時間軸”面板一般情況下，F(xiàn)lashCS6的舞臺只能顯示當(dāng)前幀中的對象。如果希望在舞臺上出現(xiàn)多幀對象以輔助當(dāng)前幀對象的定位和編輯，可以利用FlashCS6提供的繪圖紙（洋蔥皮）功能。5.1.6在“時間軸”面板中設(shè)置幀在“時間軸”面板中，可以對幀進(jìn)行一系列的操作。1．插入幀2．選擇幀3．移動幀4.刪除幀5.1.7幀動畫幀動畫選擇“文件>打開”命令，打開“02”文件。在“時間軸”面板中創(chuàng)建新圖層井將其命名為“氣球”。將“庫”面板中的圖形元件“氣球”拖曳到舞臺中，并放置在適當(dāng)?shù)奈恢谩?.1.8逐幀動畫“時間軸”面板新建空白文檔，選擇“文本”工具，在第1幀的舞臺中輸入文字“雨”。在“時間軸”面板中選中第2幀。按F6鍵，插入關(guān)鍵幀。5.2動畫的創(chuàng)建課堂案例——制作文化動態(tài)海報簡單形狀補(bǔ)間動畫使用變形提示課堂案例——制作飾品類公眾號封面首圖創(chuàng)建傳統(tǒng)補(bǔ)間5.2.1課堂案例——制作文化動態(tài)海報效果圖使用“橢圓”工具、“矩形”工具和“創(chuàng)建補(bǔ)間形狀”命令，制作形狀演變效果；使用“時間軸”面板控制每個圖層的出場順序。5.2.2簡單形狀補(bǔ)間動畫制作簡單形狀補(bǔ)間動畫如果舞臺上的對象是元件實(shí)例、多個圖形的組合、文字或?qū)氲乃夭膶ο?，必須先將它們分離或取消組合，才能制作形狀補(bǔ)間動畫。利用這種動畫，可以實(shí)現(xiàn)上述對象的大小、位置、顏色及透明度等的變化。5.2.3使用變形提示使用變形提示使用變形提示，可以讓原圖形上的某一點(diǎn)變換到目標(biāo)圖形的某一點(diǎn)上，還可以制作出各種復(fù)雜的變形效果。5.2.4課堂案例——制作飾品類公眾號封面首圖效果圖使用“導(dǎo)入”命令導(dǎo)入素材，使用“變形”面板改變實(shí)例圖形的大小，使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令創(chuàng)建傳統(tǒng)補(bǔ)間動畫，使用“屬性”面板改變實(shí)例圖形的不透明度。5.2.5創(chuàng)建傳統(tǒng)補(bǔ)間“屬性”面板用鼠標(biāo)右鍵單擊第1幀，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，創(chuàng)建傳統(tǒng)補(bǔ)間動畫。設(shè)為“動畫”后，“屬性”面板中出現(xiàn)多個新的選項(xiàng)。5.3使用動畫預(yù)設(shè)課堂案例——制作運(yùn)動鞋橫版海報預(yù)覽動畫預(yù)設(shè)應(yīng)用動畫預(yù)設(shè)將補(bǔ)間另存為自定義動畫預(yù)設(shè)導(dǎo)入和導(dǎo)出動畫預(yù)設(shè)刪除動畫預(yù)設(shè)5.3.1課堂案例——制作運(yùn)動鞋橫版海報效果圖使用“導(dǎo)入”命令導(dǎo)入素材，使用“從頂部飛入”“從底部飛入”“從左邊飛入”“從右邊飛入”“脈搏”預(yù)設(shè)，制作運(yùn)動鞋促銷海報動畫。5.3.2預(yù)覽動畫預(yù)設(shè)“動畫預(yù)設(shè)”面板FlashCS6中的每個動畫預(yù)設(shè)都可以預(yù)覽，以便用戶了解動畫預(yù)設(shè)的應(yīng)用效果。5.3.3應(yīng)用動畫預(yù)設(shè)“動畫預(yù)設(shè)”面板在舞臺上選中可補(bǔ)間的對象(元件實(shí)例或文本)后，單擊“應(yīng)用”按鈕應(yīng)用預(yù)設(shè)。每個對象只能應(yīng)用一個預(yù)設(shè)。如果將第二個預(yù)設(shè)應(yīng)用于相同的對象，則第二個預(yù)設(shè)將替換第一個預(yù)設(shè)。5.3.4將補(bǔ)間另存為自定義動畫預(yù)設(shè)“將預(yù)設(shè)另存為”對話框如果用戶想對自己創(chuàng)建的補(bǔ)間，或?qū)摹皠赢嬵A(yù)設(shè)”面板應(yīng)用的補(bǔ)間進(jìn)行更改，可將它另存為新的動畫預(yù)設(shè)。新預(yù)設(shè)將顯示在“動畫預(yù)設(shè)”面板中的“自定義預(yù)設(shè)”文件夾中。5.3.5

導(dǎo)入和導(dǎo)出動畫預(yù)設(shè)“動畫預(yù)設(shè)”面板在FashCs6中，動畫預(yù)設(shè)除了默認(rèn)預(yù)設(shè)和自定義預(yù)設(shè)外，還可以通過導(dǎo)人和導(dǎo)出的方式添加動畫預(yù)設(shè)。1.導(dǎo)入動畫預(yù)設(shè)2.導(dǎo)出動畫預(yù)設(shè)5.3.6

刪除動畫預(yù)設(shè)“動畫預(yù)設(shè)”面板可從“動畫預(yù)設(shè)”而板中刪除預(yù)設(shè)。在刪除預(yù)設(shè)時，F(xiàn)ash將從磁盤中刪除對應(yīng)的XMI文件。在“動畫預(yù)設(shè)”面板中選擇需要刪除的預(yù)設(shè)，單擊面板下方的“刪除項(xiàng)目”按鈕，系統(tǒng)將會彈出“刪除預(yù)設(shè)”對話框，單擊“刪除”按鈕，即可將選中的預(yù)設(shè)刪除5.4課堂練習(xí)——制