用Flash_MX_制作課件

1、 序 Flash發(fā)展到今天的Flash MX，不再僅僅是網(wǎng)頁制作的“三劍客”成員，而且還是制作多媒體課件的優(yōu)秀軟件。Flash制作的軟件是一種真真的“多媒體”，真正實(shí)現(xiàn)了聲文并茂，動(dòng)感的矢量圖片處理技術(shù)，流暢的聲音數(shù)據(jù)流，讓人耳目一新。 本節(jié)課的主要內(nèi)容： Flash MX 基礎(chǔ)知識 Flash MX 實(shí)例 一、Flash 軟件的介紹 Flash是一種矢量圖形編輯和交互動(dòng)畫創(chuàng)作的專業(yè)軟件，主要應(yīng)用于網(wǎng)頁設(shè)計(jì)和多媒體創(chuàng)作等領(lǐng)域，其功能十分強(qiáng)大和獨(dú)特。用它可以將音樂、圖像，以及富有新意的界面融和在一起，制作出高品質(zhì)的動(dòng)畫效果。 Flash 軟件具有以下的基本特點(diǎn)： （1）使用矢量圖形和流播放技術(shù)

2、（2）通過使用關(guān)鍵幀和組件是的所生成的 動(dòng)畫(.swf)文件非常小 （3）Flash可以把音樂、動(dòng)畫、聲效，以及 交互方式融和在一起 （4）支持Action script(動(dòng)作腳本語言） 1、Flash MX 的安裝與啟動(dòng) 1）系統(tǒng)要求 2）安裝過程 3）Flash MX 的啟動(dòng)二、Flash 操作界面簡介 1) 編輯界面 2) 菜單欄 3)繪圖控制面板 工具按鈕群 視圖按鈕群 顏色按鈕群 選項(xiàng)按鈕群 4）標(biāo)準(zhǔn)工具欄 5）控制工具欄 6）時(shí)間軸面板 7）繪圖工作區(qū) 8）控制面板三、Flash MX 中的基本概念 1、矢量圖 2、幀（frame) 3、關(guān)鍵幀（key frame) 4、時(shí)間線 5

3、、層（layer) 6、層組(layer folder) 7、場景(scene) 8、洋蔥皮(onion) 9、遮照(mask) 10、運(yùn)動(dòng)引導(dǎo)線(guide) 11、群組(group) 12、動(dòng)畫片段(movie clip) 13、打散(break apart) 14、按鈕(button)一、如何產(chǎn)生如何產(chǎn)生Motion變化變化1. 首先按主菜單插入的新建元件選項(xiàng)，建立一個(gè)新的符號元件。2. 給予這個(gè)元件一個(gè)名稱，并選為圖形性質(zhì)。3. 設(shè)定完符號內(nèi)容后，會(huì)出現(xiàn)符號的編輯畫面，請按左邊工具圖示中的文本工具.4. 選擇您要使用的字型，及字體的大小。 5. 在符號編輯畫面中，輸入文字。 6. 按主

4、菜單查看的網(wǎng)格選項(xiàng)中的顯示網(wǎng)格 貼近網(wǎng)格 ，符號編輯畫面會(huì)出現(xiàn)網(wǎng)格，這樣可以方便精確地排列整齊喔！7. 移動(dòng)元件到中心點(diǎn) + 的位置，建立網(wǎng)格比較容易對齊中心點(diǎn)。 8. 按 Ctrl + B ，將文字打散，這樣可以為文字上漂亮的顏色，相對的輸入文字也無法改變，除非重新輸入，所以先確定所輸入的文字，再做分散組件的動(dòng)作！您也可以按主菜單修改的分散組件選項(xiàng)來完成。在Flash Mx中， 分散組件是兩段式的，第一次按下Ctrl + B 鍵會(huì)將一串文字變成一個(gè)個(gè)字母。但這是仍舊是文字，仍舊可以編輯和修改屬性，只是變成一個(gè)一獨(dú)立的字，第二次按下Ctrl + B 才會(huì)變成圖形 9. 按左邊工具圖示中的油漆桶

5、，調(diào)配喜歡的漸層顏色，里面有一些漸變顏色供使用。10. 選好顏色，移動(dòng)鼠標(biāo)到打散后的文字處，這時(shí)鍵頭已經(jīng)變成像油漆桶的樣子，點(diǎn)一下文字，隱約可以看到文字已經(jīng)上了顏色啦！ 11. 完成符號編輯后，右邊有一排符號標(biāo)簽，按 鈕回到主畫面，這時(shí)就可以應(yīng)用剛剛建立好的元件。按主菜單窗口的庫選項(xiàng)。12. 這時(shí)會(huì)出現(xiàn)一個(gè)圖庫的小視窗，里面會(huì)列出您動(dòng)畫中所建立和使用到的元件。13. 拉住預(yù)覽窗口中的符號，拉到編輯畫面中，虛線方塊就是該元件。16. 在第 20 影格處，也是重復(fù)剛剛的步驟，復(fù)制影格畫面17. 接著就是變化啦！將時(shí)間軸移到 第 10 影格處，選擇符號，按工具欄的 縮放工具，將符號放大縮小。 18.

6、 放大后的符號將成為第 10 影格的畫面，其他的畫面將不受影響！19. 建立好動(dòng)畫大概的畫面后，再來是怎么表演啦！在第 1 影格至第 10 影格間任意影格處按鼠標(biāo)左鍵 20. 在屬性欄中定義第 1 影格至第 10 影格間的變化，在此我們設(shè)定它為移動(dòng)，意思是第 1 影格至第 10 影格間自動(dòng)產(chǎn)生產(chǎn)生連續(xù)動(dòng)畫 , 夠厲害吧！Flash 會(huì)依前后影格畫面，自動(dòng)替您產(chǎn)生中間的畫面變化23. 迫不及待要輸出作品啦！方法很簡單，按主菜單文件的導(dǎo)出電影選項(xiàng)。24. 選擇好儲(chǔ)存動(dòng)畫文件的路徑，并輸入文件名，擴(kuò)展名為swf。25. 設(shè)定Flash動(dòng)畫屬性，以下是常使用到的項(xiàng)目說明：產(chǎn)生大小報(bào)表：這個(gè)功能是輸出動(dòng)

7、畫時(shí)，附帶的動(dòng)畫文件大小說明，可以此來酌情降低文件的大小。保護(hù)導(dǎo)入：如果您認(rèn)為自己辛苦的作品，不希望被別人修改變成他的作品，這個(gè)功能就可以保障您的辛苦。JPEG 品質(zhì)：動(dòng)畫中如果使用到圖形文件，您可以統(tǒng)一全部文件的壓縮品質(zhì)，值越大品質(zhì)越好。音頻流：您可以在此統(tǒng)一設(shè)定動(dòng)畫中使用到的全部聲音文件品質(zhì)。 1. 首先按主菜單插入的新建元件選項(xiàng)，建立一個(gè)新的符號元件。2. 給予這個(gè)元件一個(gè)名稱，并選為圖形性質(zhì)。3. 輸入一個(gè)文件來當(dāng)元件，按主菜單文件的導(dǎo)入選項(xiàng)。4. 選擇好輸入文件的路徑及文件，按下打開文件。5. 簡單的步驟，圖形就導(dǎo)入到Flash中了！聲音文件也一樣6. 完成符號編輯后，右邊有一排符號

8、標(biāo)簽，按 鈕回到主畫面，這時(shí)就可以應(yīng)用剛剛建立好的元件。按主菜單窗口的庫選項(xiàng)。7 出現(xiàn)一個(gè)圖庫的小窗口，里面會(huì)列出您動(dòng)畫中所建立和使用到的元件。( 注 : 3.gif 是剛剛輸入的文件 )8. 拉住預(yù)覽窗口中的元件，拉到編輯畫面中，虛線方塊就是該元件啦！放開后，元件就跑出來了。9. 接著就是開始應(yīng)用引導(dǎo)線。在圖層 1 的位置按一下鼠標(biāo)右鍵，并選擇添加引導(dǎo)線選項(xiàng)。10. 是不是新增一個(gè)圖層，前面多了一個(gè)曲線的符號，代表您圖層1正使用引導(dǎo)線。11. 目前編輯狀態(tài)在引導(dǎo)線圖層 的位置，使用工具列中的鉛筆的曲線，隨便畫一條曲線，主要是用來當(dāng)元件 的軌跡。12. 鼠標(biāo)從第 30 影格處，單擊鼠標(biāo)右鍵，1

9、5. 將鼠標(biāo)移到第 30影格的位置，接著拉住元件，移動(dòng)到軌跡上，您會(huì)看到符號中心出現(xiàn)一個(gè)小圓圈圈，只要將小圓圈圈移到軌跡上即可放開。16. 建立好動(dòng)畫大概的畫面后，再來是怎么表演啦！在圖層1第 1 影格至第 30 影格間任意影格處按鼠標(biāo)左鍵17. 在屬性欄中定義第 1 影格至第 30 影格間的變化，在此我們設(shè)定它為移動(dòng)。18. 接著我們把引導(dǎo)線的圖層隱藏起來。19.這個(gè)引導(dǎo)線圖層的標(biāo)簽就會(huì)變成一個(gè)打叉的眼睛，代表隱藏起來，播放動(dòng)畫時(shí)不會(huì)顯示出來。20. 完工啦！可以輸出作品啦！三、如何產(chǎn)生三、如何產(chǎn)生Shape變化變化1. 因?yàn)槲覀円獞?yīng)用 F L A S H 這五個(gè)文字Shape變化，所以建立

10、五個(gè)空白影格，先在時(shí)間軸影格 10的位置，按鼠標(biāo)右鍵插入白色關(guān)鍵幀。( P.s : 作者習(xí)慣用熱鍵F 7, Hot Key 既方便又快捷._ )2. 以下是建立完五個(gè)空白影格的時(shí)間軸位置，時(shí)間軸的長短可以自己來變更。3. 將時(shí)間軸移到影格 1的位置，準(zhǔn)備輸入F文字。4. 點(diǎn)選右邊工具列中的文字工具，并選擇好字型、字體大小、顏色等等。5.F文字輸入完成。6. 將時(shí)間軸移到影格 10的位置，準(zhǔn)備輸入L文字。 7.L文字輸入完成。 8. 將時(shí)間軸移到影格 20的位置，準(zhǔn)備輸入A文字。 9.A文字輸入完成。 10. 將時(shí)間軸移到影格 30的位置，準(zhǔn)備輸入S文字。 11.S文字輸入完成。 12. 將時(shí)間

11、軸移到影格 40的位置，準(zhǔn)備輸入H文字。 13.H文字輸入完成。 14. 將時(shí)間軸移到影格 1的位置 , 將F文字分解組件, 因?yàn)檫@樣才能做形狀變化喔 !15. 按下主菜單修改的分解組件選項(xiàng)，使其成為非群組關(guān)系。 ( P.s : 作者習(xí)慣用熱鍵Ctrl + B, Hot Key 既方便又快捷._ ) 16.F文字分解組件完成。17. 依樣畫葫蘆，分別將時(shí)間軸移至影格 10、影格 20、影格 30、影格 40 的位置，將其余的L、A、S、H文字分解組件.18. 做完分解組件動(dòng)作后，我們利用洋蔥皮技術(shù)將幾個(gè)字疊加在一起19. 現(xiàn)在，我們可以開始使用形狀變化了！首先將時(shí)間軸移至影格 1至第 10 影

12、格中的任意位置，在屬性欄中定義第 1 影格至第 10 影格間的變化，在此我們設(shè)定它為形狀。 20. 這時(shí)您可以注意到影格 1至影格 10的位置中，有一條綠色箭頭，這就表示影格 1至影格 10Flash 將自動(dòng)產(chǎn)生形狀變化，F(xiàn)lash 會(huì)依照前后影格來做變化，不需要您一個(gè)一個(gè)修改影格，F(xiàn)lash 是不是很聰明呢？( P.s : 若是使用移動(dòng)變化，則是一條紅色箭頭，）21. 依樣畫葫蘆，分別將時(shí)間軸移至影格 10至第 20 影格中的任意位置及影格 20至第 30 、影格影格 30至第 40 影格中的任意位置中的任意位置，將其余的影格 10 影格 20 、影格 20 影格 30及影格 30 影格 40都設(shè)定為形狀變化，即可