Flash-網(wǎng)頁(yè)設(shè)計(jì)教程7

本章簡(jiǎn)介：

FlashCS3可以導(dǎo)入外部的圖像、聲音素材和視頻素材來(lái)增強(qiáng)畫面視覺效果和音效。本章將介紹導(dǎo)入外部素材以及設(shè)置外部素材屬性的方、聲音素材的多種格式，以及導(dǎo)入聲音和編輯聲音的方法。讀者通過(guò)學(xué)習(xí)要了解并掌握如何應(yīng)用FlashCS3的強(qiáng)大功能來(lái)處理和編輯外部素材，使其與內(nèi)部素材充分結(jié)合，從而使制作的動(dòng)畫更加生動(dòng)。

第7章應(yīng)用外部素材豐富FlashCS3的制作課堂學(xué)習(xí)目標(biāo)圖像素材的應(yīng)用聲音的導(dǎo)入聲音的編輯視頻素材的應(yīng)用7.1圖像素材的應(yīng)用圖像素材的格式導(dǎo)入圖像素材

設(shè)置導(dǎo)入位圖屬性將位圖轉(zhuǎn)換為圖形將位圖轉(zhuǎn)換為矢量圖課堂案例——制作城市宣傳動(dòng)畫FlashCS3可以導(dǎo)入各種文件格式的矢量圖形和位圖。矢量格式包括：FreeHand文件、AdobeIllustrator文件、EPS文件或PDF文件。位圖格式包括：JPG、GIF、PNG、BMP等格式。

FreeHand文件：在Flash中導(dǎo)入FreeHand文件時(shí)，可以保留層、文本塊、庫(kù)元件和頁(yè)面，還可以選擇要導(dǎo)入的頁(yè)面范圍。

Illustrator文件：此文件支持對(duì)曲線、線條樣式和填充信息的非常精確的轉(zhuǎn)換。

EPS文件或PDF文件：可以導(dǎo)入任何版本的EPS文件以及1.4版本或更低版本的PDF文件。

JPG格式：是一種壓縮格式，可以應(yīng)用不同的壓縮比例對(duì)文件進(jìn)行壓縮。壓縮后，文件質(zhì)量損失小，文件量大大降低。

GIF格式：即位圖交換格式，是一種256色的位圖格式，壓縮率略低于JPG格式。

PNG格式：能把位圖文件壓縮到極限以利于網(wǎng)絡(luò)傳輸，能保留所有與位圖品質(zhì)有關(guān)的信息。PNG格式支持透明位圖。

BMP格式：在Windows環(huán)境下使用最為廣泛，而且使用時(shí)最不容易出問(wèn)題。但由于文件量較大，一般在網(wǎng)上傳輸時(shí)，不考慮該格式。

7.1.1

圖像素材的格式FlashCS3可以識(shí)別多種不同的位圖和向量圖的文件格式，可以通過(guò)導(dǎo)入或粘貼的方法將素材引入到FlashCS3中。7.1.2

導(dǎo)入圖像素材

導(dǎo)入到舞臺(tái)

導(dǎo)入位圖到舞臺(tái)：當(dāng)導(dǎo)入位圖到舞臺(tái)上時(shí)，舞臺(tái)上顯示出該位圖，位圖同時(shí)被保存在“庫(kù)”面板中。

導(dǎo)入到庫(kù)導(dǎo)入位圖到庫(kù)：當(dāng)導(dǎo)入位圖到“庫(kù)”面板時(shí)，舞臺(tái)上不顯示該位圖，只在“庫(kù)”面板中進(jìn)行顯示。

外部粘貼可以將其他程序或文檔中的位圖粘貼到FlashCS3的舞臺(tái)中。方法為：在其他程序或文檔中復(fù)制圖像，選中FlashCS3文檔，按Ctrl+V組合鍵，將復(fù)制的圖像進(jìn)行粘貼，圖像出現(xiàn)在FlashCS3文檔的舞臺(tái)中。

對(duì)于導(dǎo)入的位圖，用戶可以根據(jù)需要消除鋸齒從而平滑圖像的邊緣，或選擇壓縮選項(xiàng)以減小位圖文件的大小，以及格式化文件以便在Web上顯示。這些變化都需要在“位圖屬性”對(duì)話框中進(jìn)行設(shè)定。在“庫(kù)”面板中雙擊位圖圖標(biāo)，彈出“位圖屬性”對(duì)話框。

雙擊位圖圖標(biāo)“位圖屬性”對(duì)話框7.1.3

設(shè)置導(dǎo)入位圖屬性

使用FlashCS3可以將位圖分離為可編輯的圖形，位圖仍然保留它原來(lái)的細(xì)節(jié)。分離位圖后，可以使用繪畫工具和涂色工具來(lái)選擇和修改位圖的區(qū)域。繪制的線條在位圖下方顯示

7.1.4

將位圖轉(zhuǎn)換為圖形

將位圖轉(zhuǎn)換為圖形繪制的線條在圖形上方顯示

選中位圖，選擇“修改>位圖>轉(zhuǎn)換位圖為矢量圖”命令，彈出“轉(zhuǎn)換位圖為矢量圖”對(duì)話框，設(shè)置數(shù)值后，單擊“確定”按鈕，位圖轉(zhuǎn)換為矢量圖。將位圖轉(zhuǎn)換為矢量圖過(guò)程7.1.5

將位圖轉(zhuǎn)換為矢量圖

效果圖7.1.6

課堂案例——制作城市宣傳動(dòng)畫使用轉(zhuǎn)換位圖為矢量圖命令將圖片轉(zhuǎn)換為矢量圖。使用文本工具添加文字。

7.2聲音的導(dǎo)入與編輯音頻的基本知識(shí)聲音素材的格式導(dǎo)入聲音素材并添加聲音屬性面板聲音編輯器壓縮聲音素材課堂案例——制作英文歌曲MTV7.2.1

音頻的基本知識(shí)

取樣率取樣率是指在進(jìn)行數(shù)字錄音時(shí)，單位時(shí)間內(nèi)對(duì)模擬的音頻信號(hào)進(jìn)行提取樣本的次數(shù)。取樣率越高，聲音質(zhì)量越好。FlashCS3經(jīng)常使用44kHz、22kHz或11kHz的取樣率對(duì)聲音進(jìn)行取樣。例如，使用22kHz取樣率取樣的聲音，每秒鐘要對(duì)聲音進(jìn)行22000次分析，并記錄每?jī)纱畏治鲋g的差值。

位分辨率位分辨率是指描述每個(gè)音頻取樣點(diǎn)的比特位數(shù)。例如，8位的聲音取樣表示2的8次方或256級(jí)。用戶可以將較高位分辨率的聲音轉(zhuǎn)換為較低位分辨率的聲音。

壓縮率壓縮率是指文件壓縮前后大小的比率，用于描述數(shù)字聲音的壓縮效率。7.2.2

聲音素材的格式

FlashCS3提供了許多使用聲音的方式。它可以使聲音獨(dú)立于時(shí)間軸連續(xù)播放，或使動(dòng)畫和一個(gè)音軌同步播放?？梢韵虬粹o添加聲音，使按鈕具有更強(qiáng)

的互動(dòng)性，還可以通過(guò)聲音淡入淡出產(chǎn)生更優(yōu)美的聲音效果。

WAV格式

WAV格式可以直接保存對(duì)聲音波形的取樣數(shù)據(jù)，數(shù)據(jù)沒有經(jīng)過(guò)壓縮，所以音質(zhì)較好，但WAV格式的聲音文件通常文件量比較大，會(huì)占用較多的磁盤空間。

MP3格式

MP3格式是一種壓縮的聲音文件格式。同WAV格式相比，MP3格式的文件量只有WAV格式的十分之一。其優(yōu)點(diǎn)為體積小、傳輸方便、聲音質(zhì)量較好，已經(jīng)被廣泛應(yīng)用到電腦音樂(lè)中。AIFF格式

AIFF格式支持MAC平臺(tái)，支持16位44kHz立體聲。只有系統(tǒng)上安裝了QuickTime4或更高版本，才可使用此聲音文件格式。AU格式

AU格式是一種壓縮聲音文件格式，只支持8位的聲音，是Internet上常用的聲音文件格式。只有系統(tǒng)上安裝了QuickTime4或更高版本，才可使用此聲音文件格式。FlashCS3在庫(kù)中保存聲音以及位圖和組件。與圖形組件一樣，只需要一個(gè)聲音文件的副本就可在文檔中以各種方式使用這個(gè)聲音文件。選擇“文件>導(dǎo)入>導(dǎo)入到舞臺(tái)”命令，在“導(dǎo)入”對(duì)話框中選中聲音文件，單擊“打開”按鈕，將聲音文件導(dǎo)入到“庫(kù)”面板中。在“庫(kù)”面板中選中聲音文件，按住鼠標(biāo)不放，將其拖曳到舞臺(tái)窗口中，釋放鼠標(biāo)，聲

音添加完成，按Ctrl+Enter組合鍵，測(cè)試添加效果。

添加聲音文件后的時(shí)間軸面板

7.2.3

導(dǎo)入聲音素材并添加聲音

在“時(shí)間軸”面板中選中聲音文件所在圖層的第1幀，按Ctrl+F3組合鍵，彈出幀“屬性”面板。幀“屬性”面板7.2.4

屬性面板

單擊“屬性”面板中的“編輯”按鈕，彈出“編輯封套”對(duì)話框。對(duì)話框中分為上下兩個(gè)編輯區(qū)，上方代表左聲道波形編輯區(qū)，下方代表右聲道波形編輯區(qū)。在每個(gè)編輯區(qū)的上方都有一條左側(cè)帶有小方塊的控制線，可以通過(guò)控制線調(diào)節(jié)聲音的大小、淡入淡出等?！熬庉嫹馓住睂?duì)話框7.2.5

聲音編輯器

由于網(wǎng)絡(luò)速度的限制，制作動(dòng)畫時(shí)必須考慮其文件的大小。而帶有聲音的動(dòng)畫由于聲音本身也要占空間，往往制作出的動(dòng)畫文件體積較大，它在網(wǎng)上的傳輸就要受到影響。為了解決這個(gè)問(wèn)題，F(xiàn)lashCS3提供了聲音壓縮功能，讓動(dòng)畫制作者根據(jù)需要決定聲音壓縮率，以達(dá)到用戶所需的動(dòng)畫文件量大小。如果動(dòng)畫制作采用較高的聲音壓縮和較低的聲音采樣率，那么得到的聲音文件會(huì)非常小，但這就要犧牲聲音的聽覺效果。一旦動(dòng)畫要在網(wǎng)上發(fā)布，首先考慮的是傳輸速度，要將壓縮率放到首位，但同時(shí)也要考慮動(dòng)畫的聽覺效果。所以并不是壓縮率越大越好，要根據(jù)需要反復(fù)試驗(yàn)，找出合適的壓縮率，以實(shí)現(xiàn)最大的效果速度比。

7.2.6

壓縮聲音素材

使用變形面板將圖形放大。使用文本工具添加需要的文字。使用創(chuàng)建補(bǔ)間動(dòng)畫命令制作動(dòng)畫效果。效果圖

7.2.7

課堂案例——制作英文歌曲MTV7.3視頻素材的應(yīng)用視頻素材的格式導(dǎo)入視頻素材視頻的屬性課堂案例——制作海洋公園海報(bào)7.3.1

視頻素材的格式

在FlashCS3中可以導(dǎo)入MOV（QuickTime影片）、AVI（音頻視頻交叉文件）和MPG/MPEG（運(yùn)動(dòng)圖像專家組文件）格式的視頻素材，最終將帶有嵌入視頻的FlashCS3文檔以SWF格式的文件發(fā)布，

或?qū)в墟溄右曨l的FlashCS3文檔以MOV格式的文件發(fā)布。

7.3.2

導(dǎo)入視頻素材導(dǎo)入FlashCS3視頻(FLV)文件

Flash視頻(FLV)文件格式可以導(dǎo)入或?qū)С鰩Ь幋a音頻的靜態(tài)視頻流。此格式可以用于通信應(yīng)用程序，如視頻會(huì)議。

導(dǎo)入QuickTime影片

導(dǎo)如果要導(dǎo)入QuickTime視頻剪輯，可以從Flash文件鏈接到該視頻，而不是嵌入該視頻。導(dǎo)入到FlashCS3中的鏈接QuickTime影片并不會(huì)成為FlashCS3文件的一部分，而是FlashCS3中保留指向該源文件的指針。如果鏈接到一個(gè)QuickTime視頻，則必須將該動(dòng)畫作品發(fā)布為QuickTime影片。

導(dǎo)入AVI影片

要導(dǎo)入AVI格式的文件，可以選擇“文件>導(dǎo)入>導(dǎo)入視頻”命令。

7.3.3

視頻的屬性

在屬性面板中可以更改導(dǎo)入視頻的屬性。選中視頻，選擇“窗口>屬性”命令，彈出視頻“屬性”面板。視頻“屬性”面板效果圖7.3.4

課堂練習(xí)——制作海洋公園海報(bào)使用“導(dǎo)入視頻”命令導(dǎo)入視頻素材，使用“幀”命令插入普通幀，

延長(zhǎng)動(dòng)畫的播放時(shí)間，使用“任意變形”命令改變視頻的大小和角度。

效果圖7.4

課堂練習(xí)——制作汽車廣告使用矩形工具、遮罩層命令、按寬