《課素材的使用》PPT課件.ppt

1、第六課 素材的使用,課前導(dǎo)讀 課堂講解 上機(jī)實(shí)戰(zhàn) 課后練習(xí),課前導(dǎo)讀,基礎(chǔ)知識(shí) 重點(diǎn)知識(shí) 提高知識(shí),基礎(chǔ)知識(shí),素材的類型及獲取方法，這是制作動(dòng)畫(huà)的基礎(chǔ)。讀者應(yīng)認(rèn)真閱讀并理解它們的作用。,重點(diǎn)知識(shí),各種素材的調(diào)用方法和編輯素材的方法。讀者應(yīng)仔細(xì)閱讀相關(guān)部分并結(jié)合上機(jī)實(shí)戰(zhàn)練習(xí)和掌握。,提高知識(shí),導(dǎo)出圖像的方法。初學(xué)者可暫時(shí)不學(xué)，待有一定的基礎(chǔ)后再學(xué)習(xí)。,課堂講解,什么是素材 素材的調(diào)用 編輯素材,在欣賞Flash動(dòng)畫(huà)時(shí)，會(huì)看到各種漂亮的圖片，聽(tīng)到各種各樣的聲音，在創(chuàng)作動(dòng)畫(huà)的過(guò)程中也會(huì)經(jīng)常重復(fù)使用一些圖片、聲音、動(dòng)畫(huà)片斷等。這些圖片和聲音都是由圖片和聲音等素材編輯而來(lái)的。學(xué)會(huì)如何獲取素材以及有效地利

2、用素材是制作優(yōu)秀動(dòng)畫(huà)作品的重要前提，這樣不但可以節(jié)省時(shí)間，提高工作效率，還可以在一定程度上提高動(dòng)畫(huà)作品的質(zhì)量，優(yōu)化動(dòng)畫(huà)的設(shè)計(jì)過(guò)程。,什么是素材,素材的類型 素材的獲取,Flash MX 2004對(duì)其他軟件作品具有很強(qiáng)的兼容性，因此在制作動(dòng)畫(huà)時(shí)可以引用很多常見(jiàn)類型的文件，如位圖、矢量圖、MP3、WAV音樂(lè)文件等。引用的這些文件就稱為素材。,素材的類型,根據(jù)素材的屬性和作用的不同，可將素材分為圖像素材、視頻素材和聲音素材幾種。,圖像素材 在Flash MX 2004中，可以導(dǎo)入的圖片格式有JPG、GIF、BMP、WMF、EPS、DXF、EMF、PNG等。通常情況下，推薦使用矢量圖形，如WMF、EP

3、S等格式的文件。,根據(jù)圖像顯示原理的不同，圖形可以分為位圖和矢量圖。 位圖：是指用點(diǎn)來(lái)描述的圖形，其中包括的每個(gè)點(diǎn)可以獨(dú)立顯示出不同的色彩。如JPG、BMP和PNG等格式的圖像都是位圖。 矢量圖：是指用矢量化元素描繪的圖形，它由矢量線條和填充色塊組成。如在Flash中用繪制的圖形都是矢量圖，另外，EPS和WMF等格式的圖像也是矢量圖。,在Flash中判斷位圖和矢量圖的方法很簡(jiǎn)單：用選擇工具選中位圖后，位圖周圍會(huì)出現(xiàn)一個(gè)花邊框，效果如圖6-1所示；選中矢量圖后，圖形以點(diǎn)的形式顯示，如圖6-2所示。,圖6-1,圖6-2,矢量圖和位圖的區(qū)別如下。 位圖的文件大小由圖形尺寸和色彩深度來(lái)決定；而矢量圖的

4、文件大小只與圖形的復(fù)雜程度有關(guān)，與圖形的尺寸和色彩無(wú)關(guān)。 位圖的尺寸大小會(huì)嚴(yán)重影響圖形的顯示效果，如果將位圖無(wú)限放大，會(huì)使點(diǎn)與點(diǎn)之間的間距增大，導(dǎo)致圖片模糊甚至變形，如圖6-3所示為位圖放大前后的對(duì)比效果；而矢量圖的尺寸大小不會(huì)影響圖形的顯示效果，我們可以將矢量圖無(wú)限放大，而不會(huì)變得粗糙，如圖6-4所示即為矢量圖放大前后的對(duì)比效果。,圖6-3,圖6-4,一般來(lái)說(shuō)，矢量圖的文件大小比位圖要小得多。因此制作Flash動(dòng)畫(huà)時(shí)建議讀者盡量采用矢量圖。,矢量圖和位圖各有利弊，在不同的情形下可使用不同的格式。 在制作動(dòng)畫(huà)時(shí)建議盡量采用矢量圖，尤其是善于手工繪制的制作者，最好采用手工繪制，因?yàn)榇鎯?chǔ)矢量圖比存

5、儲(chǔ)位圖方便，且文件也更小。 如果對(duì)動(dòng)畫(huà)的真實(shí)感要求很高，最好使用位圖，而且不要將其轉(zhuǎn)換為矢量圖，因?yàn)檫@樣會(huì)損失大量的圖像信息。,聲音素材 Flash動(dòng)畫(huà)的美妙之處，不僅在于漂亮的畫(huà)面，生動(dòng)極富感染力的聲音也是原因之一，在Flash MX 2004中可以引用的聲音素材有MP3、WAV等格式，關(guān)于它們的具體使用方法將在第18課中詳細(xì)講解。,視頻素材 直接調(diào)用一些本身就是動(dòng)畫(huà)的視頻素材，可以極大地提高工作效率，優(yōu)化設(shè)計(jì)過(guò)程。在Flash MX 2004中可以引用的視頻素材包括MOV、MPEG、AVI格式的視頻文件。,MOV：MOV是Apple公司開(kāi)發(fā)的流媒體格式，許多游戲的片頭動(dòng)畫(huà)都是MOV格式的。

6、,MPEG：MPEG是目前應(yīng)用較廣泛的視頻格式，它不但畫(huà)面質(zhì)量清晰，而且數(shù)據(jù)量也比較小，因此受到廣大用戶的青睞，我們所看的VCD中就是采用的MPEG格式。 AVI：是Microsoft公司發(fā)布的音頻視頻交錯(cuò)格式，它的圖像質(zhì)量好、兼容性也不錯(cuò)，只是文件比較龐大，顯得很雍腫，調(diào)用不方便。,素材的獲取,初學(xué)者也許會(huì)問(wèn)：“既然素材是制作動(dòng)畫(huà)必不可少的，那我怎樣才能得到素材呢？”。通過(guò)以下一些途徑可以獲取不同類型的素材。,獲取圖像素材 從以下幾個(gè)途徑可以獲取圖像素材。,從光盤(pán)圖庫(kù)中獲取。 從提供圖像素材下載的網(wǎng)站下載。 通過(guò)掃描儀掃描圖像。 從圖像文件中提取圖像。 從Flash作品中分離出所需的圖像素材

7、。,建議讀者在電腦上建立一個(gè) “素材庫(kù)”文件夾，在“素材庫(kù)”下再建3個(gè)文件夾，分別命名為圖像素材、聲音素材和視頻素材，將獲取的素材分別放置在這3個(gè)文件夾下。以后便可直接調(diào)用了。,獲取聲音素材 從以下幾個(gè)途徑可以獲取聲音素材。,從光盤(pán)音樂(lè)庫(kù)中獲取。 從專門(mén)提供聲音素材的網(wǎng)站下載。 通過(guò)錄音機(jī)錄制聲音。 從聲音文件中提取聲音素材。 用專門(mén)的軟件從Flash作品中分離出所需的聲音素材。,獲取視頻素材 從以下幾個(gè)途徑可以獲取視頻素材。,從提供動(dòng)畫(huà)素材的網(wǎng)站下載。 使用專業(yè)軟件將其他格式的素材文件轉(zhuǎn)化為Flash支持的動(dòng)畫(huà)片段。 使用專門(mén)的軟件在Flash作品中分離出動(dòng)畫(huà)素材。,素材的調(diào)用,導(dǎo)入圖片素材

8、 導(dǎo)入聲音素材 導(dǎo)入視頻素材,素材的調(diào)用是制作Flash動(dòng)畫(huà)的基本技能，下面介紹如何將素材導(dǎo)入Flash動(dòng)畫(huà)中。,導(dǎo)入圖片素材,在Flash中不但可以導(dǎo)入單張圖片，還可同時(shí)導(dǎo)入多張圖片，或者將連續(xù)的系列圖片導(dǎo)入不同的幀中。,導(dǎo)入單張圖片 導(dǎo)入單張圖片的具體操作如下。 （1）選擇文件導(dǎo)入導(dǎo)入到舞臺(tái)菜單命令，打開(kāi)“導(dǎo)入”對(duì)話框。 （2）在“查找范圍”下拉列表框中選擇圖片所在的位置，在列表框中選中需要導(dǎo)入的一幅圖片，如圖6-5所示。,圖6-5,（3）單擊 按鈕即可將圖片導(dǎo)入到Flash場(chǎng)景中，如圖6-6所示。,圖6-6,如果要導(dǎo)入多張圖片，可以在 “導(dǎo)入”對(duì)話框中按住【Ctrl】鍵選擇多張圖片，再單

9、擊 按鈕。,導(dǎo)入一個(gè)圖片組 圖片組是指一組格式相同，而且按順序命名的圖片，如花1.wmf、花2.wmf、花3.wmf、花4.wmf、花5.wmf在Flash中可以一次性導(dǎo)入一個(gè)圖片組。,下面導(dǎo)入一組風(fēng)景圖片，其具體操作如下。 （1）選擇文件導(dǎo)入導(dǎo)入到舞臺(tái)菜單命令，打開(kāi)“導(dǎo)入”對(duì)話框。 （2）在“查找范圍”下拉列表框中選擇圖片組所在的位置，在列表框中選中需要導(dǎo)入的圖片組中的第一幅圖片，如圖6-7所示。,圖6-7,（3）單擊 按鈕，系統(tǒng)將打開(kāi)如圖6-8所示的提示框，詢問(wèn)是否導(dǎo)入圖片組中的所有圖片。,圖6-8,（4）單擊 按鈕，將導(dǎo)入整個(gè)圖片組，導(dǎo)入的圖片在時(shí)間軸中按順序排列成若干個(gè)幀，如圖6-9所

10、示，按【Ctrl+Enter】鍵即可看到一個(gè)不斷切換圖片的動(dòng)畫(huà)。,圖6-9,導(dǎo)入一個(gè)圖片組和同時(shí)導(dǎo)入多個(gè)圖片不同，在導(dǎo)入多張圖片時(shí)，所有圖片均放在同一幀中。而在導(dǎo)入圖片組時(shí)，導(dǎo)入的圖片放在連續(xù)的不同關(guān)鍵幀中。,導(dǎo)入聲音素材,導(dǎo)入聲音的具體操作如下。 （1）選擇文件導(dǎo)入導(dǎo)入到舞臺(tái)菜單命令，打開(kāi)“導(dǎo)入”對(duì)話框。,（2）在“查找范圍”下拉列表中選擇聲音文件所在的路徑，列表框中將顯示出該文件夾下的所有音頻文件，如圖6-10所示。 （3）選擇需要導(dǎo)入的聲音文件，單擊 按鈕即可。,圖6-10,（4）按【F11】鍵打開(kāi)“庫(kù)”面板，在庫(kù)中可以看到 圖標(biāo)，說(shuō)明已成功導(dǎo)入聲音文件， 圖標(biāo)后面的字符串就是導(dǎo)入的音頻

11、文件名，如圖6-11所示。 （5）單擊“庫(kù)”面板預(yù)覽框中的 按鈕可以測(cè)試該聲音文件的聲音效果。,圖6-11,導(dǎo)入視頻素材,各種視頻素材的導(dǎo)入方法基本相同，下面以導(dǎo)入MPG格式的視頻文件為例進(jìn)行講解。導(dǎo)入視頻素材的具體操作如下。 （1）選擇文件導(dǎo)入導(dǎo)入到舞臺(tái)菜單命令，打開(kāi)“導(dǎo)入”對(duì)話框。 （2）在“查找范圍”下拉列表框中選擇視頻素材所在的位置，在列表框中選中需要導(dǎo)入的視頻素材。,（3）單擊 按鈕，打開(kāi)如圖6-12所示的“視頻導(dǎo)入向?qū)А睂?duì)話框，在其中選中 單選項(xiàng)。,圖6-12,（4）單擊 按鈕，打開(kāi)如圖6-13所示的對(duì)話框，單擊 按鈕，F(xiàn)lash開(kāi)始導(dǎo)入視頻素材，如圖6-14所示。,圖6-13,圖

12、6-14,（5）導(dǎo)入完成后，F(xiàn)lash MX 2004從第1幀開(kāi)始出現(xiàn)視頻中的各個(gè)畫(huà)面。 （6）按【Ctrl+Enter】鍵即可播放整個(gè)視頻文件，如圖6-15所示。,圖6-15,編輯素材,設(shè)置位圖格式 將位圖轉(zhuǎn)換為矢量圖 導(dǎo)出圖像,這一節(jié)里提到的素材都是指圖片，關(guān)于聲音素材的編輯將在十八課講解，這里不再詳細(xì)介紹。,設(shè)置位圖格式,Flash MX 2004中有一個(gè)“庫(kù)”面板，主要用來(lái)放置導(dǎo)入的各種素材，不同格式的圖片文件大小和圖像質(zhì)量均不相同，為了使Flash文件變小或提高動(dòng)畫(huà)質(zhì)量，可以在素材庫(kù)中為位圖設(shè)置一定的格式。其具體操作如下。,（1）選擇窗口庫(kù)菜單命令，或直接按【F11】鍵，打開(kāi)“庫(kù)”面

13、板，其中包括了當(dāng)前Flash文檔中的所有素材和元件，如圖6-16所示。,圖6-16,（2）選中要設(shè)置格式的圖片，用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“屬性”命令，打開(kāi)如圖6-17所示的“位圖屬性”對(duì)話框。,圖6-17,（3）在“位圖屬性”對(duì)話框中選中 復(fù)選框，使位圖邊緣變得更平滑。 （4）在“壓縮”下拉列表框中選擇需要的格式，其中包括照片（JPEG）和無(wú)損（PNG/GIF）兩個(gè)選項(xiàng)。單擊 按鈕可以查看壓縮結(jié)果，如圖6-18所示。 （5）單擊 按鈕即可完成格式的轉(zhuǎn)換。,圖6-18,選擇照片（JPEG）格式后圖片會(huì)被損壞一部分，選擇無(wú)損（PNG/GIF）選項(xiàng)可以調(diào)整壓縮比，基本保證圖像原有的質(zhì)量

14、。對(duì)于具有復(fù)雜顏色和色調(diào)的復(fù)雜圖形建議采用JPEG圖片模式壓縮；對(duì)一些比較簡(jiǎn)單的圖形建議采用無(wú)損壓縮。,將位圖轉(zhuǎn)換為矢量圖,為了減小Flash文件的大小，常常需要將位圖轉(zhuǎn)換為矢量圖。具體操作如下： （1）新建一個(gè)文件，在其中導(dǎo)入圖片“人.jpg”，如圖6-19所示。,圖6-19,（2）選中導(dǎo)入的圖片，選擇修改位圖轉(zhuǎn)換位圖為矢量圖菜單命令，打開(kāi)“轉(zhuǎn)換位圖為矢量圖”對(duì)話框，如圖6-20所示。,圖6-20,（3）在“顏色閾值”文本框中輸入顏色容差值，值越大，文件就越小，但顏色數(shù)目也越少，圖片質(zhì)量會(huì)下降，如圖6-21和圖6-22所示為“顏色閾值”分別設(shè)為200和20后的效果。,圖6-22,圖6-21,

15、（4）在“最小區(qū)域”文本框中輸入像素值，數(shù)值范圍為11000，以確定在轉(zhuǎn)換為矢量圖時(shí)歸于同種顏色的區(qū)域所包含像素點(diǎn)的最小值。 （5）在“曲線擬合”下拉列表框中選擇適當(dāng)?shù)倪x項(xiàng)，以確定轉(zhuǎn)換后輪廓曲線的光滑程度。 （6）在“角閾值”下拉列表框中選擇需要的選項(xiàng)，確定在轉(zhuǎn)換時(shí)對(duì)邊角的處理辦法。,建議將“顏色閾值”設(shè)為“10”，“最小區(qū)域”設(shè)為“1”，“曲線擬合”設(shè)為“像素”，“角閾值”設(shè)為“較多轉(zhuǎn)角”，這樣，轉(zhuǎn)換后的矢量圖與原來(lái)的位圖差別最小。,導(dǎo)出圖像,素材的搜集除了用前面所講的一些方法外，還可以自創(chuàng)。如自己繪制了一幅圖像，如果想將它作為素材，可以通過(guò)導(dǎo)出圖像來(lái)實(shí)現(xiàn)，其具體操作如下。 （1）新建一個(gè)文

16、件，在其中繪制一幅如圖6-23所示的圖像。,圖6-23,（2）按【Ctrl+A】鍵選中整幅圖形，選擇文件導(dǎo)出導(dǎo)出圖像菜單命令，打開(kāi)“導(dǎo)出圖像”對(duì)話框。 （3）在“保存在”下拉列表框中選擇要保存的位置，在“文件名”文本框中輸入文件名“樹(shù)”，如圖6-24所示。,圖6-24,（4）在“保存類型”下拉列表框中選擇需要的文件格式，建議選擇矢量圖的文件格式，默認(rèn)情況下選擇“Windows元文件（*.wmf）”。 （5）單擊 按鈕，即可將圖像導(dǎo)出到設(shè)置的位置，以后就可以像調(diào)用素材那樣直接調(diào)用了。,上機(jī)實(shí)戰(zhàn),導(dǎo)入一組序列圖片 對(duì)導(dǎo)入的圖片進(jìn)行編輯,在Flash動(dòng)畫(huà)中，用得最多的素材是圖片素材，因此本課將對(duì)圖片

17、素材進(jìn)行重點(diǎn)練習(xí)：一是通過(guò)導(dǎo)入一組序列圖片來(lái)制作一個(gè)不斷切換圖片的逐幀動(dòng)畫(huà)，二是練習(xí)對(duì)圖片素材的編輯操作。通過(guò)本課的練習(xí)，讀者可深刻理解圖片素材的作用，以及編輯圖片素材的基本方法。對(duì)未練習(xí)到的聲音素材和視頻素材的使用，讀者可結(jié)合課堂講解自行練習(xí)（本節(jié)上機(jī)實(shí)戰(zhàn)的素材可到http:/www.dx-下的【下載專區(qū)】【程序代碼】中下載）。,導(dǎo)入一組序列圖片,本次練習(xí)將導(dǎo)入一組小狗圖片，體會(huì)導(dǎo)入一組序列圖片的作用。如下。 （1）選擇文件導(dǎo)入導(dǎo)入到舞臺(tái)菜單命令，打開(kāi)“導(dǎo)入”對(duì)話框。 （2）在“查找范圍”下拉列表框中選擇圖片組所在的位置，在列表框中選中需要導(dǎo)入的圖片組中的第一幅圖片，如圖6-25所示。,圖6

18、-25,（3）單擊 按鈕，打開(kāi)如圖6-26所示的提示框，詢問(wèn)是否導(dǎo)入圖片組中的所有圖片。,圖6-26,（4）單擊 按鈕，將導(dǎo)入整個(gè)圖片組，導(dǎo)入的圖片在時(shí)間軸中依次放置在連續(xù)的多個(gè)幀中，如圖6-27所示，按【Ctrl+Enter】鍵即可看到一個(gè)不斷切換圖片的動(dòng)畫(huà)。,圖6-27,對(duì)導(dǎo)入的圖片進(jìn)行編輯,本次練習(xí)將導(dǎo)入一張位圖，將其縮至適當(dāng)大小，并轉(zhuǎn)換為矢量圖，然后通過(guò)導(dǎo)出圖像將其導(dǎo)出為素材。 （1）選擇文件導(dǎo)入導(dǎo)入到舞臺(tái)菜單命令，打開(kāi)“導(dǎo)入”對(duì)話框。 （2）在“查找范圍”下拉列表框中選擇圖片所在的位置，在列表框中選中需要導(dǎo)入的圖片“貓.jpg”，單擊 按鈕，將其導(dǎo)入到舞臺(tái)中，如圖6-28所示。,圖6-28,（3）單擊任意變形工具 ，在“選項(xiàng)”區(qū)域中單擊 按鈕，將鼠標(biāo)光標(biāo)移至圖片的任意一角上，當(dāng)其變?yōu)殡p向箭頭時(shí)按住鼠標(biāo)左鍵再向內(nèi)拖動(dòng)，按比例縮小圖片，如圖6-29所示。,圖6-29,（4）將圖片拖放到舞臺(tái)中間，選擇修改位圖轉(zhuǎn)換位圖為矢量圖菜單命令，打開(kāi)“轉(zhuǎn)換位圖為矢量圖”對(duì)話框，在其中進(jìn)行如圖6-30所示的設(shè)置。,圖6-30,（5）單擊 按鈕，系統(tǒng)將位圖轉(zhuǎn)換為矢量圖，效果如圖6-31所示。,圖6-31,（6）按【Ctrl+A】鍵選中圖片，選擇文件導(dǎo)出