《Flash CS5.5中文版案例教程》李濤 第2章

1、第2章 Flash CS5.5的動(dòng)畫(huà)制作 Flash CS5.5提供了非常強(qiáng)大的動(dòng)畫(huà)制作功能，不僅給大家?guī)?lái)了視覺(jué)和聽(tīng)覺(jué)的雙重享受，還具備很好的交互性。其實(shí)，F(xiàn)lash動(dòng)畫(huà)的基本技法并不深?yuàn)W，靈活性很強(qiáng)，比較容易掌握。本章就來(lái)介紹如何使用Flash制作精彩紛呈的動(dòng)畫(huà)。2.1 圖像處理的基本概念位圖 位圖位圖是由許多點(diǎn)組成的，其中的每一個(gè)點(diǎn)即為一個(gè)像素，每個(gè)像素都有一個(gè)明確的顏色。它彌補(bǔ)了矢量圖的缺陷，能夠制作出色彩豐富的圖像，可以逼真地表現(xiàn)自然界的景觀，也很容易在不同軟件之間交換文件。其缺點(diǎn)是，無(wú)法制作真正的3D圖像，縮放和旋轉(zhuǎn)時(shí)會(huì)失真，對(duì)硬盤(pán)空間要求較高。位圖與分辨率有關(guān)，如果在屏幕上以較大

2、的倍數(shù)放大顯示，或以低分辨率打印，都會(huì)出現(xiàn)鋸齒狀的邊緣，而且會(huì)丟失細(xì)節(jié)。2.1 基本動(dòng)畫(huà)制作如果把Flash動(dòng)畫(huà)按制作方法分類，可以大致分為逐幀動(dòng)畫(huà)和補(bǔ)間動(dòng)畫(huà)兩大類，逐幀動(dòng)畫(huà)需要在每一幀中都生成圖像，而補(bǔ)間動(dòng)畫(huà)只需要生成開(kāi)始和結(jié)束關(guān)鍵幀即可，F(xiàn)lash 會(huì)自動(dòng)在開(kāi)始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間均勻地改變對(duì)象的大小、方向、位置等屬性，使之產(chǎn)生動(dòng)畫(huà)。2.1.1 幀與圖層2.1 基本動(dòng)畫(huà)制作2.1.2 基本動(dòng)畫(huà)類型1.逐幀動(dòng)畫(huà)2. 自動(dòng)添加關(guān)鍵幀的補(bǔ)間動(dòng)畫(huà)3. 傳統(tǒng)補(bǔ)間動(dòng)畫(huà)4. 補(bǔ)間形狀動(dòng)畫(huà)2.1 基本動(dòng)畫(huà)制作2.1.3 制作基本動(dòng)畫(huà)逐幀動(dòng)畫(huà)在制作動(dòng)畫(huà)之前，需要先確定圖形要進(jìn)行什么樣的變化或如何變形，然后

3、再選擇使用哪種動(dòng)畫(huà)類型。下面介紹4種基本動(dòng)畫(huà)的制作方法。2.1 基本動(dòng)畫(huà)制作2.1.3 制作基本動(dòng)畫(huà)傳統(tǒng)補(bǔ)間動(dòng)畫(huà)傳統(tǒng)補(bǔ)間動(dòng)畫(huà)是制作Flash動(dòng)畫(huà)時(shí)使用最為頻繁的一種動(dòng)畫(huà)類型。在Flash動(dòng)畫(huà)的制作過(guò)程中，經(jīng)常需要制作圖片的若隱若現(xiàn)、移動(dòng)、縮放和旋轉(zhuǎn)等效果，這些效果通過(guò)創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)來(lái)實(shí)現(xiàn)。2.1 基本動(dòng)畫(huà)制作2.1.3 制作基本動(dòng)畫(huà)是指圖形形狀逐漸發(fā)生變化的動(dòng)畫(huà)，圖形的變形不需要依次繪制，只需確定圖形在變形前和變形后的兩個(gè)關(guān)鍵幀中的畫(huà)面即可，中間的變化過(guò)程由Flash自動(dòng)完成。補(bǔ)間形狀動(dòng)畫(huà)2.1 基本動(dòng)畫(huà)制作2.1.3 制作基本動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)是一種全新的動(dòng)畫(huà)制作方式，F(xiàn)lash自動(dòng)記錄

4、動(dòng)畫(huà)的關(guān)鍵幀，從而使動(dòng)畫(huà)制作更加方便、快捷，同時(shí)還可以對(duì)每一幀中的對(duì)象進(jìn)行編輯。2.2 高級(jí)動(dòng)畫(huà)制作在Flash的實(shí)際應(yīng)用中，除了前面介紹的基本動(dòng)畫(huà)類型以外，還有幾種特殊的動(dòng)畫(huà)類型，如引導(dǎo)動(dòng)畫(huà)、遮罩動(dòng)畫(huà)和反向運(yùn)動(dòng)動(dòng)畫(huà)等，通過(guò)使用這些動(dòng)畫(huà)類型可以使動(dòng)畫(huà)的效果更加豐富多彩，增加動(dòng)畫(huà)的表現(xiàn)力與感染力。2.2.1 引導(dǎo)動(dòng)畫(huà)引導(dǎo)層主要用于為其他圖層提供繪畫(huà)和定位的幫助，可以存放不希望在發(fā)布或?qū)С龅奈募谐霈F(xiàn)的內(nèi)容。2.2 高級(jí)動(dòng)畫(huà)制作2.2.2 遮罩動(dòng)畫(huà)遮罩可以幫助用戶有選擇地顯示部分對(duì)象，遮罩效果就像大家平時(shí)所見(jiàn)的聚光燈效果。遮罩項(xiàng)目可以是填充的形狀、文字對(duì)象、圖形元件的實(shí)例或影片剪輯?？梢詫⒍鄠€(gè)圖層

5、組織在一個(gè)遮罩層下，從而創(chuàng)建出十分復(fù)雜的效果。2.2 高級(jí)動(dòng)畫(huà)制作2.2.2 遮罩動(dòng)畫(huà)案例旋轉(zhuǎn)球體動(dòng)畫(huà) 步驟01 創(chuàng)建漸變球步驟02 創(chuàng)建元件步驟03 添加圖層步驟04 導(dǎo)入素材2.2 高級(jí)動(dòng)畫(huà)制作2.2.2 遮罩動(dòng)畫(huà)案例旋轉(zhuǎn)球體動(dòng)畫(huà) 步驟05 插入關(guān)鍵幀步驟06 復(fù)制幀步驟07 創(chuàng)建傳統(tǒng)補(bǔ)間2.2 高級(jí)動(dòng)畫(huà)制作2.2.2 遮罩動(dòng)畫(huà)案例旋轉(zhuǎn)球體動(dòng)畫(huà) 步驟08 選擇幀步驟09 設(shè)置混合模式步驟10 設(shè)置顏色2.2 高級(jí)動(dòng)畫(huà)制作2.2.2 遮罩動(dòng)畫(huà)案例旋轉(zhuǎn)球體動(dòng)畫(huà) 步驟11 添加遮罩層步驟14 測(cè)試動(dòng)畫(huà)步驟12 選擇“顯示遮罩”命令步驟13 添加背景2.2 高級(jí)動(dòng)畫(huà)制作2.2.2 遮罩動(dòng)畫(huà)案例旋轉(zhuǎn)

6、球體動(dòng)畫(huà) 步驟14 測(cè)試動(dòng)畫(huà)2.2 高級(jí)動(dòng)畫(huà)制作2.2.3 反向運(yùn)動(dòng)動(dòng)畫(huà)反向運(yùn)動(dòng)(IK)是一種使用骨骼的關(guān)節(jié)結(jié)構(gòu)對(duì)一個(gè)對(duì)象或彼此相關(guān)的一組對(duì)象進(jìn)行動(dòng)畫(huà)處理的方法。使用骨骼工具時(shí)，元件實(shí)例和形狀對(duì)象可以按復(fù)雜而自然的方式移動(dòng)，并且只需做很少的設(shè)計(jì)工作。例如，通過(guò)反向運(yùn)動(dòng)可以更加輕松地創(chuàng)建人物動(dòng)畫(huà)，如胳膊、腿和面部表情等，如圖2-88所示。2.2 高級(jí)動(dòng)畫(huà)制作2.2.3 反向運(yùn)動(dòng)動(dòng)畫(huà)使用骨骼工具在Flash中可以按兩種方式使用反向運(yùn)動(dòng)。第1種方式是，通過(guò)添加將每個(gè)實(shí)例與其他實(shí)例連接在一起的骨骼，用關(guān)節(jié)連接一系列元件實(shí)例，如圖2-89所示。使用反向運(yùn)動(dòng)的第2種方式是，向形狀對(duì)象的內(nèi)部添加骨架。可以在

7、合并繪制模式或?qū)ο罄L制模式中創(chuàng)建形狀，如圖2-90所示。2.2 高級(jí)動(dòng)畫(huà)制作2.2.3 反向運(yùn)動(dòng)動(dòng)畫(huà)使用綁定工具根據(jù)反向運(yùn)動(dòng)形狀的配置，大家可能會(huì)發(fā)現(xiàn)，在移動(dòng)骨架時(shí)形狀的筆觸并不按令人滿意的方式扭曲。2.3 聲音的使用Flash 本身無(wú)法創(chuàng)建聲音，但可以從外部導(dǎo)入聲音文件，并可以對(duì)導(dǎo)入的聲音文件進(jìn)行簡(jiǎn)單的編輯。導(dǎo)入的聲音文件存放在庫(kù)中，需要時(shí)可從庫(kù)中調(diào)用。聲音文件被導(dǎo)入到FIash動(dòng)畫(huà)中后，播放動(dòng)畫(huà)時(shí)，可以邊欣賞畫(huà)面邊聆聽(tīng)優(yōu)美的音樂(lè)，不僅豐富了動(dòng)畫(huà)的內(nèi)容，還增強(qiáng)了影片的氛圍。2.3.1 聲音簡(jiǎn)介 1. 事件聲音2. 數(shù)據(jù)流聲音事件聲音在播放之前必須完全下載，它可以連續(xù)播放，直到遇到明確的停止命

8、令時(shí)才會(huì)停止播放。數(shù)據(jù)流聲音在下載的同時(shí)就可以播放，并且能和影片的時(shí)間軸同步?？梢园褦?shù)據(jù)流聲音用于音軌或聲軌中，以便聲音與動(dòng)畫(huà)中的可視元素同步，也可以將其作為只使用一次的聲音。2.3 聲音的使用2.3.2 導(dǎo)入外部聲音在Flash中添加聲音，首先應(yīng)準(zhǔn)備好聲音文件。因?yàn)镕lash本身并不能錄制聲音，所以必須使用其他設(shè)備和軟件處理聲音文件，或者使用現(xiàn)有的聲音素材文件。2.3 聲音的使用2.3.3 設(shè)置聲音屬性聲音被添加到工作區(qū)中以后，用戶就可以對(duì)聲音進(jìn)行編輯，設(shè)置其屬性。雙擊“庫(kù)”面板中的目標(biāo)聲音文件，打開(kāi)如圖2-96所示的“聲音屬性”對(duì)話框。通過(guò)該對(duì)話框，可以查看和設(shè)置聲音的屬性。2.3 聲音的

9、使用2.3.4 編輯聲音在Flash中，為了使聲音播放起來(lái)達(dá)到最佳的效果，可以對(duì)聲音進(jìn)行編輯，如定義聲音的播放起點(diǎn)、聲音的大小及聲音的長(zhǎng)短等。聲音被添加到舞臺(tái)中后，在時(shí)間軸的當(dāng)前層中會(huì)出現(xiàn)聲音波形。在時(shí)間軸中單擊聲音所在的圖層，或單擊顯示聲音波形的目標(biāo)幀，然后在“屬性”面板中可以對(duì)聲音進(jìn)行以下操作。2.3 聲音的使用2.3.4 編輯聲音編輯聲音2.3 聲音的使用2.3.5 設(shè)置和輸出文件在將聲音導(dǎo)入到FIash中后，文件的體積將相應(yīng)增大。此時(shí)，為了盡可能減小文件的體積，且不影響聲音的質(zhì)量，可以壓縮聲音文件。2.4 知識(shí)與技能梳理本章主要介紹Flash中幾種動(dòng)畫(huà)的創(chuàng)建方法，包含補(bǔ)間動(dòng)畫(huà)、傳統(tǒng)補(bǔ)間動(dòng)畫(huà)、補(bǔ)間形狀動(dòng)畫(huà)、遮罩動(dòng)畫(huà)、反向運(yùn)動(dòng)動(dòng)畫(huà)等。需要注意的是，傳統(tǒng)補(bǔ)間動(dòng)畫(huà)只能在相同元件的不同實(shí)例之間創(chuàng)建。使用遮罩動(dòng)畫(huà)，可以融合前面講述的幾種動(dòng)畫(huà)制作技巧，制作出豐富的效果。最后學(xué)習(xí)為動(dòng)畫(huà)添加聲音，使Flash動(dòng)畫(huà)的感染力變得更加強(qiáng)大。讀者除了練習(xí)本章所提供的實(shí)例之外