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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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