用Flash制作交互型課件.ppt

1、第7章 用Flash制作交互型課件,2020/7/23,2,Flash制作交互型課件,7.1 Flash 8.0 基礎(chǔ)知識(shí) 7.2 繪圖基礎(chǔ) 7.3 動(dòng)畫制作及技巧 7.4 元件、實(shí)例和庫(kù) 7.5 制作交互型課件 7.6 聲音和視頻的編輯 7.7 動(dòng)畫的輸出,2020/7/23,3,7.1 Flash MX 2004基礎(chǔ)知識(shí),Macromedia Flash以便捷、完美、舒適的動(dòng)畫編輯環(huán)境，深受廣大動(dòng)畫制作愛好者的喜愛，在制作動(dòng)畫之前，我們先對(duì)工作環(huán)境中的菜單、工具、面板等分別作詳細(xì)的介紹，包括一些基本的操作方法和工作環(huán)境的組織和安排。,1. 初識(shí)Flash 2. 文檔選項(xiàng)卡 3. 時(shí)間軸 4

2、. 工具箱 5. 舞 臺(tái),6. 常用面板 7. 設(shè)計(jì)面板 8. 開發(fā)面板 9. 其他面板 10.使用網(wǎng)格、輔助線和標(biāo)尺,返回,2020/7/23,4,1. 初識(shí)Flash,返回,2020/7/23,5,2. 文檔選項(xiàng)卡,新建或打開一個(gè)文檔時(shí)，在“時(shí)間軸”的上方會(huì)顯示出“文檔選項(xiàng)卡”。如果打開或創(chuàng)建多個(gè)文檔，“文檔名稱”將按文檔創(chuàng)建的先后順序顯示在“文檔選項(xiàng)卡”中，單擊文件名稱，可以在多個(gè)文檔之間進(jìn)行快速切換。,文檔選項(xiàng)卡,返回,2020/7/23,6,3.時(shí)間軸,“時(shí)間軸”用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。“圖層”就像堆疊在一起的多張幻燈膠片一樣，每個(gè)層中都排放著自己的對(duì)象

3、。提到動(dòng)畫，第一個(gè)會(huì)聯(lián)想到的是小時(shí)候最喜歡看的卡通影片，這些卡通影片，都是事先繪制好一幀一幀的連續(xù)動(dòng)作的圖片，然后讓它們連續(xù)播放，利用人的“視覺暫留”特性，在大腦中便形成了動(dòng)畫效果。 Flash動(dòng)畫的制作原理也一樣，它是把繪制出來(lái)的對(duì)象放到一格格的幀中，然后再來(lái)播放。,返回,2020/7/23,7,4. 工具箱,位于工作界面左邊長(zhǎng)條形狀的就是工具箱，工具箱是Flash最常用到的一個(gè)面板，用鼠標(biāo)單擊的方式選中其中的各種工具就可以直接使用。,返回,2020/7/23,8,5. 舞臺(tái),“舞臺(tái)”位于工作界面的正中間部位，是放置動(dòng)畫內(nèi)容的區(qū)域。這些內(nèi)容包括矢量圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等

4、?？梢栽凇皩傩浴泵姘逯性O(shè)置和改變“舞臺(tái)”的大小。默認(rèn)狀態(tài)下，“舞臺(tái)”的寬為550像素，高為400像素。,返回,2020/7/23,9,6. 常用面板,Flash MX 2004有很多面板，默認(rèn)狀態(tài)下，在“舞臺(tái)”的正下方有三個(gè)比較常用的浮動(dòng)面板，分別是“幫助”面板、“動(dòng)作”面板和“屬性”面板，單擊面板的“標(biāo)題欄”，可以依次展開它們 。,（1）“幫助”面板,（2）“動(dòng)作”面板,（3）“屬性”面板,返回,2020/7/23,10,7. 設(shè)計(jì)面板,打開“窗口”中“設(shè)計(jì)面板”菜單，在菜單中可以看到所有的“設(shè)計(jì)面板”，單擊 面板的名稱，就可以打開或關(guān)閉相應(yīng)的面板。默認(rèn)狀態(tài)下，打開的“設(shè)計(jì)面板”分布 在舞臺(tái)

5、右側(cè)的面板組中?！霸O(shè)計(jì)面板”包括“對(duì)齊”面板、“顏色樣本”面板、“混色器” 面板、“信息”面板、“場(chǎng)景”面板和“變形”六個(gè)面板。,返回,2020/7/23,11,8. 開發(fā)面板,打開“窗口”中“開發(fā)面板”菜單，從菜單中可以看到所有的“開發(fā)面板”，單擊面板的名稱可以打開或關(guān)閉相應(yīng)面板。默認(rèn)狀態(tài)打開的一些“開發(fā)面板”分布在舞臺(tái)右側(cè)的面板組中?！伴_發(fā)面板”包括“動(dòng)作”、“組件”、“組件檢查器”、“輸出”、“調(diào)試器”、“行為”和“Web服務(wù)”面板。,返回,2020/7/23,12,9. 其他面板,打開“窗口”下的“其他面板”菜單，從菜單中可以查看到所有的其他面板，單擊面板名稱可以打開相應(yīng)的面板。“其他

6、面板”包括“輔助功能”、“影片瀏覽器”、“歷史紀(jì)錄”、“字符串”和“公用庫(kù)”面板。,返回,2020/7/23,13,10. 使用網(wǎng)格、輔助線和標(biāo)尺,網(wǎng)格、標(biāo)尺和輔助線可以幫助我們精確地勾畫和安排對(duì)象,返回,2020/7/23,14,7.2 繪圖基礎(chǔ),圖形和文字是動(dòng)畫的基礎(chǔ)，所以掌握繪圖工具的使用對(duì)于制作好的Flash作品是至關(guān)重要的。,返回,下一頁(yè),2020/7/23,15,7.2 繪圖基礎(chǔ)-Flash工具箱面板,繪圖工具,查看選項(xiàng),顏色選項(xiàng),選項(xiàng)部分,返回,下一頁(yè),2020/7/23,16,7.2 繪圖基礎(chǔ)-應(yīng)用,7.2.1 繪圖和著色 7.2.2 著色與填充 7.2.3 選擇與編輯對(duì)象 7

7、.2.4 文本編輯 7.2.5 圖形導(dǎo)入,返回,2020/7/23,17,7.2.1繪圖和著色 - 1繪制直線,直線“屬性”面板,線條樣式,提示：在繪制直線的過(guò)程中，如果按住Shift鍵不放，可以畫出角度是45倍數(shù)的直線，如水平、垂直、45度、135度的直線。,返回,下一頁(yè),2020/7/23,18,7.2.1繪圖和著色 - 2鉛筆工具,鉛筆模式,伸直模式 平滑模式 墨水瓶模式,返回,下一頁(yè),2020/7/23,19,7.2.1繪圖和著色 - 3鋼筆工具,能夠精確地繪制出直線和曲線路徑，并且在繪制完成后，可以進(jìn)一步調(diào)整直線段的角度、長(zhǎng)度以及曲線段的彎曲程度。使用“鋼筆工具”并配合“部分選取工具

8、 ”的使用，可以精確地繪制出較為復(fù)雜的曲線圖形。,用鋼筆工具繪制直線,用鋼筆工具繪制曲線,返回,下一頁(yè),2020/7/23,20,7.2.1繪圖和著色 - 4橢圓工具 和矩形工具,提示：選擇“矩形工具”時(shí)，在“繪圖”工具欄下方的“選項(xiàng)”區(qū)中，單擊“圓角矩形半徑”按鈕，在彈出的“矩形設(shè)置”對(duì)話框中設(shè)置“角半徑”值，然后在舞臺(tái)上按住鼠標(biāo)不放并拖動(dòng)，就可以畫出圓角矩形，其中“角半徑”的值越大，則矩形圓角程度就越明顯。,返回,下一頁(yè),2020/7/23,21,7.2.1繪圖和著色 - 5刷子工具,刷子的填充模式中各個(gè)選項(xiàng)的含義： 標(biāo)準(zhǔn)繪畫：在所繪制的顏色區(qū)域中，刷子所到之處會(huì)覆蓋為刷子的顏色。 顏料填

9、充：所繪制的顏色區(qū)域會(huì)影響對(duì)象的填色內(nèi)容，但不完全覆蓋對(duì)象的框線。 后面繪畫：在現(xiàn)有填充及筆觸的后面進(jìn)行繪制，不影響對(duì)象的填色內(nèi)容。 顏料選擇：只會(huì)影響所選取的區(qū)域，如果沒有選擇任何對(duì)象，則該模式不影響對(duì)象的填色。 內(nèi)部繪畫：把刷子的顏色填入封閉區(qū)域中，超出封閉區(qū)域的顏色會(huì)被自動(dòng)清除。,返回,下一頁(yè),2020/7/23,22,7.2.1繪圖和著色 - 6、橡皮擦工具,橡皮擦工具選項(xiàng),標(biāo)準(zhǔn)擦除：擦除同一層上的筆觸和填充。 擦除填色：只擦除填充，不影響筆觸。 擦除線條：只擦除筆觸，不影響填充。 擦除所選填充：只擦除當(dāng)前選定的填充，并不影響筆 觸（不管筆觸是否被選中）。以這種模 式使用橡皮擦工具之前

10、，請(qǐng)選擇要擦除 的填充。 內(nèi)部擦除： 只擦除橡皮擦筆觸開始處的填充。如果從 空白點(diǎn)開始擦除，則不會(huì)擦除任何內(nèi)容。 以這種模式使用橡皮擦并不影響筆觸。,返回,2020/7/23,23,7.2.2著色與填充 - 1.墨水瓶工具,墨水瓶工具用來(lái)對(duì)場(chǎng)景中的線條進(jìn)行修改，具體使用方法如下： 1）單擊工具箱中的墨水瓶工具按鈕。 2）利用“屬性”面板設(shè)定所需要的顏色，選擇合適的線形，然后單擊場(chǎng)景中需要修改的線條，此線條的線形及顏色會(huì)改變 。,墨水瓶工具的應(yīng)用,返回,下一頁(yè),2020/7/23,24,7.2.2著色與填充 - 2.顏料桶工具,顏料桶工具能在一個(gè)封閉或不封閉的區(qū)域中填色?？梢杂眉兩?、漸變色或?qū)?/p>

11、的位圖圖像進(jìn)行填充，具體使用方法如下： 1）單擊工具箱中的顏料桶工具按鈕。 2）利用顏色樣本面板選定所需的填充色，然后單擊場(chǎng)景中所需要填充的 區(qū)域，此時(shí)，該區(qū)域顏色會(huì)改變。,顏料桶工具的應(yīng)用,提示：在Flash中，即使中大缺口，值也是很小的，所以要對(duì)大的不封閉區(qū)域填充 顏色，一般用筆刷,返回,下一頁(yè),2020/7/23,25,7.2.2著色與填充 - 3 .填充效果,一個(gè)動(dòng)畫如果沒有適當(dāng)?shù)念伾蜔o(wú)法稱之為優(yōu)秀的動(dòng)畫，所以熟練、恰當(dāng)?shù)厥褂没焐髅姘迨亲龊肍lash 動(dòng)畫的前提。具體使用方法如下： 1）選擇“窗口”菜單中的“開發(fā)面板”子菜單中的“混色器”命令或按快捷鍵Shift+F9 。 2）在填

12、充類型的下拉列表框中有5個(gè)可選選項(xiàng)：無(wú)色、純色、線形、放射狀和位圖 。,提示：使用位圖填充，在填充類型下拉列表中選擇“位圖”。如果當(dāng)前尚未導(dǎo)入任何 位圖，系統(tǒng)將自動(dòng)打開“導(dǎo)入到庫(kù)”對(duì)話框。選中一個(gè)或多個(gè)位圖文件后，該 文件將被自動(dòng)增加到“混色器”面板中。,返回,下一頁(yè),2020/7/23,26,7.2.2著色與填充 - 4.使用填充變形工具,填充變形工具用于對(duì)填充后的顏色進(jìn)行修改，利用該工具可以方便地對(duì)填充效果進(jìn)行旋轉(zhuǎn)、拉伸、傾斜、縮放等各種變換，具體使用方法如下： 1）單擊工具箱中的填充變形工具按鈕。 2）選擇所要編輯的對(duì)象，在填充區(qū)域單擊，此時(shí)將在圖形上出現(xiàn)兩條平行線，這兩條平行線稱為漸變

13、控制線，同時(shí)，在漸變控制線上還顯示了漸變中心控制點(diǎn)、漸變方向控制點(diǎn)及漸變線距離控制點(diǎn)，如圖A所示。 3）在“混色器”面板中將填充類型選為“放射狀”，然后再工具箱面板中單擊顏料桶工具按鈕，在所要編輯的對(duì)象上單擊填充顏色，再次單擊填充變形工具按鈕，在填充區(qū)域單擊，此時(shí)將在圖形上出現(xiàn)一個(gè)控制圓，單擊并拖動(dòng)各個(gè)控制點(diǎn)，可調(diào)整放射狀填充效果如圖B所示。,返回,下一頁(yè),2020/7/23,27,7.2.2著色與填充 - 5、使用填充變形工具編輯修改位圖填充,填充位圖的控制點(diǎn),返回,下一頁(yè),2020/7/23,28,7.2.2 著色與填充- 6、滴管工具,滴管工具用于拾取邊線顏色、填充色、位圖圖形等，然后將

14、拾取的邊線和填充類型用于其它圖形。在使用滴管工具拾取邊線和填充類型時(shí)，如果單擊的是線條，則滴管工具自動(dòng)變成墨水瓶工具；如果單擊的是填充區(qū)域，則自動(dòng)變成顏料桶工具，以便于填充操作。,返回,下一頁(yè),2020/7/23,29,7.2.2著色與填充-7.繪圖實(shí)例,實(shí)例說(shuō)明本實(shí)例繪制“鄉(xiāng)村小屋”圖形。該實(shí)例充分運(yùn)用了工具箱中 的繪圖工具，例如：橢圓工具、矩形工具、線條工具等，并且使用合理的填充方式使“鄉(xiāng)村小屋”顯得更加逼真。,返回,2020/7/23,30,7.2.3選擇與編輯對(duì)象 1、箭頭工具,箭頭工具用來(lái)選擇場(chǎng)景中的編輯對(duì)象并對(duì)其進(jìn)行修改具體使用方法 如下：,選擇填充區(qū)域 選擇線條 選擇某一區(qū)域內(nèi)的

15、對(duì)象,選中區(qū)域被移動(dòng),區(qū)域選中,返回,下一頁(yè),2020/7/23,31,7.2.3選擇與編輯對(duì)象 - 2用箭頭修改圖形,可用箭頭工具修改圖形，具體使用方法如下：,提示：在箭頭工具中的“選項(xiàng)”里有兩種編 輯模式，可以根據(jù)自己的需求，進(jìn)行選擇使用。 平滑工具： 利用它可以使曲線變得更加平滑。 伸直工具： 利用它可以使曲線趨于折線。,返回,下一頁(yè),2020/7/23,32,7.2.3選擇與編輯對(duì)象 - 3 、套索工具,套索工具是一種選取工具，使用的時(shí)候不是很多，主要用在處理位圖時(shí)。選擇套索工具后，會(huì)在選項(xiàng)中出現(xiàn)魔術(shù)棒、魔術(shù)棒屬性和多邊形模式。 具體使用方法如下： 選擇“套索工具”，在“選項(xiàng)”里單擊“

16、多邊形模式”， 根據(jù)需要單擊鼠標(biāo)，當(dāng)?shù)玫侥阈枰倪x擇區(qū)域時(shí)，雙擊鼠標(biāo)自動(dòng)封閉所選區(qū)域。此時(shí)我們可以對(duì)所選區(qū)域進(jìn)行修改,返回,下一頁(yè),2020/7/23,33,7.2.3選擇與編輯對(duì)象-4移動(dòng)、復(fù)制和刪除對(duì)象,1、移動(dòng)對(duì)象 1）直接移動(dòng)對(duì)象 2）移動(dòng)對(duì)象的一部分 2、復(fù)制對(duì)象 1）選定一個(gè)或多個(gè)需要復(fù)制的對(duì)象。 2）單擊鼠標(biāo)右鍵，彈出一個(gè)快捷菜單，選擇“拷貝”命令，將復(fù)制對(duì)象復(fù) 制到剪貼板中。 3）單擊鼠標(biāo)右鍵，彈出一個(gè)快捷菜單，選擇“粘貼”命令，即可完成復(fù)制對(duì)象。 3、刪除對(duì)象 在Flash 中制作動(dòng)畫，常常需要?jiǎng)h除一些不需要的對(duì)象，具體操作方法如下： 1)選定一個(gè)或多個(gè)需要?jiǎng)h除的對(duì)象。 2)

17、按下鍵盤上的Delete鍵即可刪除。,返回,下一頁(yè),2020/7/23,34,7.2.3選擇與編輯對(duì)象- 4. 組合與分離對(duì)象,在制作動(dòng)畫時(shí)，場(chǎng)景中可能會(huì)同時(shí)存在大量的編輯對(duì)象，如圖形、元件、圖像等。對(duì)一個(gè)對(duì)象操作時(shí)，可能會(huì)影響到其他對(duì)象。這時(shí)，則可以考慮將其他暫時(shí)不進(jìn)行編輯的對(duì)象組合。組合后的對(duì)象變成一個(gè)大的整體，對(duì)其他對(duì)象操作時(shí)不會(huì)影響到已組合的對(duì)象。 組合對(duì)象最大的特點(diǎn)是：組合后的對(duì)象可以作為一個(gè)大的整體進(jìn)行編輯，相當(dāng)于對(duì)單個(gè)對(duì)象的操作；組合后有利于對(duì)象的移動(dòng)，在移動(dòng)過(guò)程中不會(huì)改變組合對(duì)象的相對(duì)位置。,返回,下一頁(yè),2020/7/23,35,7.2.3選擇與編輯對(duì)象 -5對(duì)齊對(duì)象,選擇“

18、窗口” 菜單中的“排列”菜單命令或按快捷鍵Ctrl+K， 打開對(duì)齊面板。,對(duì)齊面板,提示：如果選中“對(duì)齊”面板中的“相對(duì)于舞臺(tái)”按鈕，則要對(duì)齊的對(duì)象將以場(chǎng)景為 參照進(jìn)行對(duì)齊排列。,居底對(duì)齊的效果,返回,下一頁(yè),2020/7/23,36,7.2.3選擇與編輯對(duì)象- 6. 變換對(duì)象,1）縮放、傾斜與旋轉(zhuǎn)對(duì)象 在工具箱中單擊任意變形工具按鈕并選取后，在工具箱下面的選項(xiàng)中有4種選項(xiàng)供我們選擇,提示：選擇“修改”菜單中的“變形”菜單命令，同樣也可以實(shí)現(xiàn)對(duì)場(chǎng)景中的對(duì)象的相關(guān)操作。并且還可以對(duì)選擇的對(duì)象進(jìn)行各種角度的旋轉(zhuǎn)以及水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)等。,返回,下一頁(yè),2020/7/23,37,7.2.3選擇與編輯

19、對(duì)象 - 7.繪制花朵,實(shí)例說(shuō)明 本實(shí)例繪制“花朵”圖形。該實(shí)例充分運(yùn)用了工具箱中橢圓工具選擇工具、任意變形工具等，并且使用合理的填充方式使“花朵”顯得更加逼真。 制作步驟,返回,2020/7/23,38,7.2.4 文本編輯,在Flash中，文本類型有靜態(tài)文本、動(dòng)態(tài)文本和輸入文本三種。,靜態(tài)文本：是在課件制作過(guò)程中創(chuàng)建，而在課件播放時(shí)不能改變的文本， 主要用于制作固定不變的文字；,動(dòng)態(tài)文本：可以制作需要隨時(shí)更新的文字，如動(dòng)態(tài)顯示時(shí)間、試題測(cè)試 結(jié)果等；,輸入文本：主要用于實(shí)現(xiàn)各種交互功能，如輸入圓的半徑，則可以計(jì)算 出相應(yīng)圓的面積等等。,返回,下一頁(yè),2020/7/23,39,7.2.4 文

20、本編輯-添加文本,1、添加靜態(tài)文本 2、添加動(dòng)態(tài)文本 3、添加輸入文本,返回,下一頁(yè),2020/7/23,40,7.2.4 文本編輯- 設(shè)置文本屬性,返回,下一頁(yè),2020/7/23,41,7.2.4 文本編輯 - 編輯文本,在文本編輯操作中，包括對(duì)文本框及文本框中文字的編輯操作。對(duì)文本框的操作常見的有選擇、復(fù)制、移動(dòng)、刪除等；對(duì)文本的操作，與其他文字處理軟件相同（如 Word），在這里只對(duì)文本的選擇進(jìn)行介紹，其他就不再敘述。,返回,2020/7/23,42,7.2.5 圖形導(dǎo)入,Flash 兼容多種格式的位圖圖像，在某些情況下，用戶除了使用Flash 自身的繪圖工具繪制圖形，還需要外部的位圖

21、圖像導(dǎo)入。外部的位圖導(dǎo)入到Flash軟件后，可以將其轉(zhuǎn)換為矢量圖。,返回,下一頁(yè),2020/7/23,43,7.2.5 圖形導(dǎo)入- 1導(dǎo)入位圖,具體操作方法如下：,4）如果導(dǎo)入對(duì)象的文件名以數(shù)字結(jié)尾，并且此文件后面還有順序排列的文件，則會(huì)彈出如下圖所示的提示框，詢問(wèn)用戶是否將同一文件夾中一系列文件全部導(dǎo)入。單擊“是”按鈕，將導(dǎo)入一系列連續(xù)的文件；單擊“否”按鈕，將只導(dǎo)入當(dāng)前選擇的文件；單擊“取消”按鈕，將取消當(dāng)前導(dǎo)入操作，不導(dǎo)入任何文件。,1）選擇“文件” 菜單中的“導(dǎo)入”菜單命令，選擇導(dǎo)入到舞臺(tái)。 2）在彈出的“導(dǎo)入”對(duì)話框中選擇一幅圖像。 3）單擊“打開”按鈕，即將選擇的圖像導(dǎo)入。,提示：

22、用戶也可以將其他編輯軟件中的圖像、文字等對(duì)象直接粘貼到Flash中。使用“轉(zhuǎn)換位圖為矢量圖”功能將位圖矢量化后，矢量圖形與“庫(kù)”面板中的源圖像將不存在鏈接關(guān)系。,返回,下一頁(yè),2020/7/23,44,7.2.5 圖形導(dǎo)入 2、將位圖轉(zhuǎn)換為矢量圖,在Flash中可以將導(dǎo)入的位圖轉(zhuǎn)換為矢量圖。位圖轉(zhuǎn)換為矢量圖后不僅可以方便地刪除圖像的多余部分，而且還可以壓縮文件的大小。,1）單擊選擇一個(gè)位圖圖像。 2）選擇“修改”菜單中的“轉(zhuǎn)為位圖為矢量圖”菜單命令。 3）在彈出的如圖所示的“轉(zhuǎn)為位圖為矢量圖”對(duì)話框中可以進(jìn)行以下設(shè)置 4）設(shè)置完畢后，單擊“確定”按鈕，即可將當(dāng)前位圖矢量化。,將位圖轉(zhuǎn)換為矢量圖

23、的方法如下：,返回,下一頁(yè),2020/7/23,45,7.2.5 圖形導(dǎo)入-設(shè)置位圖屬性,將位圖導(dǎo)入到Flash中，無(wú)論是否曾使用該位圖進(jìn)行操作，導(dǎo)入的圖像均被保存在庫(kù)文件中，如圖7-2-57所示。設(shè)置位圖屬性的具體方法如下： 1）用箭頭工具選擇位圖，此時(shí)注意觀察“屬性”面板，其中在“實(shí)例”后顯示出該位圖的名稱。 2）調(diào)整高度和寬度。在“寬”文本框中顯示位圖的寬度，在“高”文本框中顯示位圖的高度，更改其中的數(shù)值可以精確控制位圖的大小。 3）控制位圖位置。在“X”和“Y”文本框中顯示位圖的水平和垂直坐標(biāo)，更改其中的數(shù)值可以精確控制位圖的位置。 4）交換位圖。單擊“交換”按鈕，彈出如圖的“交換”對(duì)

24、話框，可以使用庫(kù)中的其他位圖交換場(chǎng)景中選擇的位圖。 5）編輯位圖。單擊“屬性”面板中的“編輯”按鈕，可以打開Flash MX 2004默認(rèn)位圖編輯軟件，對(duì)位圖進(jìn)行編輯。 6）在“屬性”面板中對(duì)當(dāng)前選擇的位圖屬性重新定義后，更改后的效果立即反映在工作區(qū)域中。,返回,2020/7/23,46,7.4 元件、實(shí)例和庫(kù)-7.3.1元件,1.認(rèn)識(shí)元件 元件是一個(gè)圖形、按鈕或影片剪輯。當(dāng)元件被創(chuàng)建，它就被放入了該文件的“庫(kù)”面板中，在使用時(shí)只需將元件從“庫(kù)”面板中拖動(dòng)到舞臺(tái)上，就創(chuàng)建了該元件的一個(gè)實(shí)例。當(dāng)多次將一個(gè)元件從“庫(kù)”面板中拖動(dòng)到舞臺(tái)上，就創(chuàng)建了該元件的多個(gè)實(shí)例，即利用一個(gè)元件可以創(chuàng)建多個(gè)實(shí)例。,

25、當(dāng)修改一個(gè)元件后，其對(duì)應(yīng)的實(shí)例也會(huì)隨之改變，不需要再逐一修改；但修改舞臺(tái)上的實(shí)例，如縮放、改變顏色效果、旋轉(zhuǎn)、變形等，都不會(huì)影響存到“庫(kù)”面板中的元件。,返回,下一頁(yè),2020/7/23,47,7.4.1元件 2、元件類型,元件的類型可以分為圖形、按鈕和影片剪輯三種 ，每一個(gè)元件都有自己獨(dú)立的時(shí)間軸、圖層和舞臺(tái)。,1）圖形元件 圖形元件用于創(chuàng)建圖片和動(dòng)畫片段。 2）按鈕元件 按鈕元件用于響應(yīng)鼠標(biāo)動(dòng)作（如鼠標(biāo)單擊、鼠標(biāo)滑過(guò)等）或按鍵動(dòng)作，實(shí)現(xiàn)各種交互功能。按鈕元件有 4個(gè)不同的狀態(tài)，如包括“彈起”、“指針滑過(guò)”、“按下”和“點(diǎn)擊”，其中“彈起”表示按鈕未按下時(shí)的狀態(tài)；“指針滑過(guò)”表示當(dāng)鼠標(biāo)指針移

26、動(dòng)到按鈕上時(shí)，按鈕所表現(xiàn)的狀態(tài)；“按下”表示在按鈕上按下鼠標(biāo)左鍵，按鈕所表現(xiàn)的狀態(tài)；“點(diǎn)擊”表示按鈕可以被鼠標(biāo)單擊的有效范圍。 3）影片剪輯元件 影片剪輯元件用于創(chuàng)建可反復(fù)使用的動(dòng)畫片段，可獨(dú)立于主動(dòng)畫的時(shí)間軸進(jìn)行播放。,下一頁(yè),返回,2020/7/23,48,7.4.1元件 3、創(chuàng)建元件,一種是利用應(yīng)用菜單命令：,另一種是直接將舞臺(tái)上的對(duì)象拖動(dòng)到“庫(kù)”面板中。,下一頁(yè),返回,2020/7/23,49,7.4.2 元件實(shí)例,實(shí)例來(lái)自于元件，當(dāng)元件改變時(shí)，其對(duì)應(yīng)的實(shí)例也會(huì)隨之改變；而編輯實(shí)例，卻不會(huì)影響“庫(kù)”面板中的元件。每個(gè)元件可以有多個(gè)與之對(duì)應(yīng)的實(shí)例，每個(gè)實(shí)例都可以獨(dú)立編輯，互不影響。,下一

27、頁(yè),返回,2020/7/23,50,7.4.3 庫(kù),“庫(kù)”面板主要用于組織和管理元件，利用它可以對(duì)其中的元件重復(fù)使用，大大降低了文件的尺寸；另外，還可以與他人共享存于“庫(kù)”面板中的元件，提高制作效率，豐富素材資源。,在Flash中，“庫(kù)”面板存儲(chǔ)了創(chuàng)建的元件，如圖形、按鈕和影片剪輯等。另外，導(dǎo)入的視頻、聲音、位圖等素材文件，它們雖然不是元件，但Flash也把它們作為元件處理，可以被重復(fù)使用。在每一個(gè)Flash文件的“庫(kù)”面板中，包含了該文件中使用的元件，另外還可以調(diào)用其他文件“庫(kù)”面板中的元件。,下一頁(yè),返回,2020/7/23,51,7.4.3 庫(kù) - 1. 顯示“庫(kù)”面板,顯示“庫(kù)”面板的

28、方法：選擇“窗口”菜單中的“庫(kù)”菜單命令（或按Fll鍵）。,新建元件,新建文件夾,寬庫(kù)視圖,窄庫(kù)視圖,下一頁(yè),返回,2020/7/23,52,7.4.3 庫(kù) - 2. 管理元件,“庫(kù)”面板是組織和管理元件的場(chǎng)所，在該面板中可以創(chuàng)建新的元件、刪除元件、重命名元件、復(fù)制元件、建立用于元件分類的文件夾等操作。,新建元件,新建文件夾,屬性,刪除,返回,2020/7/23,53,7.4.3 庫(kù) - 3. 公用庫(kù),公用庫(kù)存放了一些制作過(guò)程中常用的元件，為用戶提供各種素材，避免了重復(fù)制作，大大提高了制作效率。在Flash 8.0 提供了3個(gè)公用庫(kù)：按鈕、類和學(xué)習(xí)交互。另外還可以根據(jù)實(shí)際需要，收集一些常用素材

29、，將其放入自建的公用庫(kù)（可以多建幾個(gè)），在制作過(guò)程中隨時(shí)調(diào)用。,返回,2020/7/23,54,7.4 動(dòng)畫制作及技巧（1）,Flash 動(dòng)畫是基于幀構(gòu)成的，首先將不同的圖片放在不同的幀中，然后設(shè)置幀的動(dòng)作行為就可以制作出簡(jiǎn)單的動(dòng)畫來(lái)。Flash 動(dòng)畫一般包括：逐幀動(dòng)畫、漸變動(dòng)畫、遮照層動(dòng)畫和引導(dǎo)層動(dòng)畫。每一種動(dòng)畫的特點(diǎn)都不同。只要熟練掌握各種動(dòng)畫的制作方法，再結(jié)合幀的操作和圖層操作就可以制作出各種形象生動(dòng)的動(dòng)畫作品。,返回,下一頁(yè),2020/7/23,55,7.3 動(dòng)畫制作及技巧（2）,7.3.1 圖層 7.3.2 逐幀動(dòng)畫 7.3.3 形狀漸變動(dòng)畫 7.3.4 運(yùn)動(dòng)漸變動(dòng)畫 7.3.5 遮

30、罩層動(dòng)畫 7.3.6 引導(dǎo)層動(dòng)畫,返回,2020/7/23,56,7.3.1 圖層 - 1、圖層的基本操作,1）新建圖層 2）重命名圖層 3）選擇圖層 4）復(fù)制圖層 5）改變圖層的順序 6）刪除圖層,返回,下一頁(yè),2020/7/23,57,7.3.1 圖層 - 2、圖層的狀態(tài),返回,2020/7/23,58,7.3.2 Flash 逐幀動(dòng)畫,逐幀動(dòng)畫是動(dòng)畫的基礎(chǔ)。逐幀動(dòng)畫就是將一個(gè)連續(xù)的動(dòng)畫分解成多個(gè)步驟，然后在各個(gè)關(guān)鍵幀中制作每一個(gè)步驟的動(dòng)畫內(nèi)容。,返回,下一頁(yè),實(shí)例演示,實(shí)例制作,2020/7/23,59,7.3.2 逐幀動(dòng)畫 1、幀的基本操作,1）定義關(guān)鍵幀 2）清除關(guān)鍵幀 3）插入幀

31、4）清除幀 5）復(fù)制幀 6）剪切幀,返回,下一頁(yè),2020/7/23,60,7.3.2 逐幀動(dòng)畫 2 逐幀動(dòng)畫實(shí)例,實(shí)例說(shuō)明 在電影中經(jīng)?？吹降牡褂?jì)時(shí)動(dòng)畫是典型的逐幀動(dòng)畫，在制作中只要在不同的關(guān)鍵幀中插入不同的數(shù)字，隨著時(shí)間軸的播放數(shù)字會(huì)依次顯示，這樣就形成了倒計(jì)時(shí)效果。 制作步驟 在這個(gè)實(shí)例中，為了突出倒計(jì)時(shí)效果，這少應(yīng)該制作兩個(gè)圖層，一是背景層，二是數(shù)字層。,返回,實(shí)例演示,實(shí)例制作,2020/7/23,61,7.3.3 Flash - 形狀漸變動(dòng)畫,漸變動(dòng)畫只是要設(shè)置動(dòng)畫的起點(diǎn)關(guān)鍵幀和終點(diǎn)關(guān)鍵幀，通過(guò)動(dòng)作屬性設(shè)置，F(xiàn)lash會(huì)自動(dòng)生成兩個(gè)關(guān)鍵幀中的過(guò)渡關(guān)鍵幀動(dòng)畫。 漸變動(dòng)畫分為兩種：一種

32、是漸變動(dòng)畫，另一種是形狀漸變動(dòng)畫。,三角形漸變成圓,返回,下一頁(yè),實(shí)例演示,實(shí)例制作,2020/7/23,62,7.3.3 形狀漸變動(dòng)畫實(shí)例1 - 變換的圖形,形狀漸變包括兩種類型，一種是形狀的變化，一種是顏色的變化，通?？梢詫⑦@兩種效果綜合在一個(gè)動(dòng)畫中。,圖形與圖形漸變效果,提示：形狀漸變動(dòng)畫是一種非常靈活的動(dòng)畫，利用形狀漸變，可以實(shí)現(xiàn)圖形導(dǎo) 圖形、圖形到文字、文字到文字等等之間的漸變，值得注意 的是利用文字漸變時(shí)要對(duì)文字進(jìn)行分離操作，否則不能實(shí)現(xiàn)漸變的效果。,返回,實(shí)例演示,實(shí)例制作,2020/7/23,63,7.3.4 Flash 運(yùn)動(dòng)漸變動(dòng)畫,運(yùn)動(dòng)漸變動(dòng)畫是漸變動(dòng)畫的另一種類型，它的主

33、要功能是制作場(chǎng)景中元件位移和大小的變化。在Flash 動(dòng)畫中，運(yùn)動(dòng)漸變動(dòng)畫運(yùn)用得最為廣泛,1、運(yùn)動(dòng)漸變類型,2、運(yùn)動(dòng)漸變動(dòng)畫實(shí)例飛機(jī)飛行,返回,下一頁(yè),2020/7/23,64,7.3.4 運(yùn)動(dòng)漸變動(dòng)畫類型,1、位移動(dòng)畫,2、大小變化動(dòng)畫,3、旋轉(zhuǎn)變化動(dòng)畫,返回,實(shí)例演示,實(shí)例制作,實(shí)例演示,實(shí)例制作,實(shí)例演示,實(shí)例制作,2020/7/23,65,7.3.4 運(yùn)動(dòng)漸變動(dòng)畫實(shí)例,飛行的飛機(jī)實(shí)例 實(shí)例說(shuō)明 巍巍群山，茫茫云海，輕煙似的白云緩緩飄過(guò)，一架飛機(jī)由遠(yuǎn)而近飛來(lái)。本例制作不難，但通過(guò)它，你可以掌握創(chuàng)建運(yùn)動(dòng)漸變動(dòng)畫的方法。 制作步驟 在這個(gè)實(shí)例中，至少應(yīng)該制作兩個(gè)圖層，一個(gè)是背景層，另一個(gè)是飛

34、機(jī)圖層。,返回,實(shí)例演示,2020/7/23,66,7.3.5 Flash 遮罩層動(dòng)畫,遮罩層是Flash MX 2004圖層的一種類型，可以通過(guò)遮罩層中的圖形，看到下層（被遮罩層）中的內(nèi)容，并且被遮罩層可以是多個(gè)?？梢詫?duì)遮罩層中的圖形建立動(dòng)畫（除了路徑運(yùn)動(dòng)動(dòng)畫），制作出奇妙的動(dòng)畫效果。,探照燈效果,1、遮罩層的基本操作,2、探照燈實(shí)例,返回,2020/7/23,67,7.3.5 遮罩層動(dòng)畫 遮罩層的基本操作,A、新建一層，并制作一個(gè)填充圖形、文字或?qū)嵗?B、在需要轉(zhuǎn)化成遮罩層的名稱上單擊鼠標(biāo)右鍵，將彈出快捷菜單，選擇 “遮罩層”命令，將它變成遮罩層。,創(chuàng)建一個(gè)遮罩層,返回,2020/7/2

35、3,68,7.3.5 遮罩層動(dòng)畫實(shí)例 -探照燈,實(shí)例說(shuō)明 探照燈效果是一種常用的動(dòng)畫特效，它是利用Flash中的遮罩層來(lái)制作的，探照燈在黑暗的背景上依次顯示文字。利用遮罩層，還可以制作多種特殊的動(dòng)畫效果。如放大鏡、滾動(dòng)字幕等。 制作步驟 在這個(gè)實(shí)例中，至少應(yīng)該制作三個(gè)層，一個(gè)是背景層，另一個(gè)是文字層，還有一個(gè)是遮罩層。,返回,實(shí)例演示,2020/7/23,69,簡(jiǎn)而言之，引導(dǎo)層就是用來(lái)放置元件運(yùn)動(dòng)路徑的圖層。 例如：在某層里有一個(gè)小圓球，如果想讓這個(gè)小圓球沿著用戶定義的灰色曲線路徑運(yùn)動(dòng)，就需要用到引導(dǎo)層。引導(dǎo)層中的引導(dǎo)線在輸出的SWF文件中是不可見的，即輸出后途中的灰線是不可見的,7.3.6

36、Flash 引導(dǎo)層動(dòng)畫,1、引導(dǎo)層基本操作,2、引導(dǎo)層實(shí)例,返回,2020/7/23,70,7.3.6 引導(dǎo)層動(dòng)畫-基本操作,1、創(chuàng)建一個(gè)引導(dǎo)層,1）新建一層“圖層1”，在該圖層中繪制圖形、文字。 2）為“圖層1”添加引導(dǎo)層。,層的快捷菜單 插入引導(dǎo)層的菜單命令 插入引導(dǎo)層按鈕,2、取消引導(dǎo)層 方法一：用鼠標(biāo)右鍵單擊層的名稱，在彈出的菜單中選擇“引導(dǎo)層”命令。 方法二：雙擊層的名稱左端的圖標(biāo)，進(jìn)入“圖層屬性”對(duì)話框，選擇“類型”為“正常”,返回,2020/7/23,71,7.3.6 引導(dǎo)層動(dòng)畫實(shí)例-蝶戀花,實(shí)例說(shuō)明 本實(shí)例利用Flash引導(dǎo)層來(lái)實(shí)現(xiàn)一只蝴蝶繞著花兒做曲線運(yùn)動(dòng)。利用引導(dǎo)層，可以制

37、作各種沿曲線路徑運(yùn)動(dòng)的動(dòng)畫。 操作步驟 在這個(gè)實(shí)例中，至少需要制作三個(gè)層，一個(gè)背景層，一個(gè)引導(dǎo)層，一個(gè)被引導(dǎo)層。,返回,實(shí)例演示,2020/7/23,72,7.5 交互型課件基礎(chǔ) stop 命令的添加,“stop”命令是用來(lái)停止時(shí)間軸上的動(dòng)作的。 添加方法： 選擇要停止的幀，在動(dòng)作面板中點(diǎn)擊“ stop”命令即可，同時(shí)在所選定的幀上會(huì)出現(xiàn)標(biāo)志。,返回,下一頁(yè),2020/7/23,73,“play”命令是用來(lái)執(zhí)行時(shí)間軸上的動(dòng)作、聲音、視頻文件?！皃lay”命令基本上是配合按鈕來(lái)使用的。 添加方法： 1、新建文件，添加圖層1，制作一個(gè)動(dòng)畫，并添加好 “stop”命令。 2、添加按鈕圖層，并添加一個(gè)

38、按鈕。 3、點(diǎn)選按鈕，在“動(dòng)作”面板中，添加如圖所示的命令，即可。,7.5 交互型課件基礎(chǔ) play 命令的添加,返回,下一頁(yè),2020/7/23,74,7.5 交互型課件基礎(chǔ) 跳轉(zhuǎn)goto命令添加,“goto”命令是用來(lái)在不同的幀之間進(jìn)行跳轉(zhuǎn)的命令。一般也和按鈕配合使用。 添加方法：（文件內(nèi)部跳轉(zhuǎn)） 1、新建文件，添加圖層1，制作一個(gè)動(dòng)畫，并添加好 “stop”命令。 2、添加按鈕圖層，并添加一個(gè)按鈕。 3、點(diǎn)選按鈕，在“動(dòng)作”面板中，添加如圖所示的命令，即可。,實(shí)例演示,制作方法,返回,下一頁(yè),2020/7/23,75,7.5 交互型課件基礎(chǔ) 退出命令添加,返回,實(shí)例演示,制作方法,202

39、0/7/23,76,7.5 交互型課件綜合實(shí)例,圓的周長(zhǎng)課件實(shí)例,實(shí)例說(shuō)明 圓的周長(zhǎng)課件實(shí)例是一個(gè)綜合性較強(qiáng)的一個(gè)課件，課件中包含圖形、影片剪輯和按鈕元件，在這些元件上分別添加了Flash的動(dòng)作，通過(guò)動(dòng)作，使本課件的交互性更加靈活。,返回,實(shí)例演示,制作步驟,2020/7/23,77,7.7 動(dòng)畫的輸出,Flash動(dòng)畫制作完成后，可以將動(dòng)畫輸出為各種不同類型的媒體文件，如GIF動(dòng)畫、HTML網(wǎng)頁(yè)文件、AVI文件和可執(zhí)行文件等，便于在不同的軟件環(huán)境下使用。另外，為了讓Flash能夠在網(wǎng)上傳輸，還需要對(duì)動(dòng)畫進(jìn)行優(yōu)化，縮小動(dòng)畫文件的大小，以減少?gòu)木W(wǎng)絡(luò)上下載的時(shí)間。,返回,下一頁(yè),2020/7/23,

40、78,7.7.1 動(dòng)畫輸出前的準(zhǔn)備1,1、優(yōu)化動(dòng)畫,在因特網(wǎng)上瀏覽Flash動(dòng)畫時(shí)，如果制作的Flash動(dòng)畫文件較大，常常會(huì)讓我們?cè)诓粩嗟牡却惺ツ托模蚨鴮?duì)Flash動(dòng)畫進(jìn)行優(yōu)化就顯得很有必要了，但優(yōu)化的前提是不能有損動(dòng)畫的播放質(zhì)量。下面列出一些優(yōu)化措施。,1、應(yīng)盡量使用元件。 2、最好制作漸變動(dòng)畫，而不要制作關(guān)鍵幀動(dòng)畫。 3、最好使用影片剪輯，而不要使用圖形元件。 4、限制每個(gè)關(guān)鍵幀中的可變區(qū)域。 5、由于位圖文件較大，因此應(yīng)盡量不要使用位圖制作動(dòng)畫。通常將位圖設(shè)為背景圖案或靜態(tài)元素。6、對(duì)于聲音來(lái)說(shuō)，盡可能使用MP3等容量較小的格式。 7、如果可能的話，應(yīng)組合元素，限制使用線條類型，并

41、優(yōu)化曲線線條。 8、限制字體數(shù)量和字體樣式，少用嵌入字體。 9、少用漸變色與Alpha透明度。 10、應(yīng)盡量使用代碼段創(chuàng)建函數(shù)。 11、盡可能使用本地變量。,返回,下一頁(yè),2020/7/23,79,7.7.1 動(dòng)畫輸出前的準(zhǔn)備2,2、測(cè)試作品,對(duì)制作完成的Flash動(dòng)畫進(jìn)行測(cè)試是非常必要的，這樣可以及時(shí)檢查動(dòng)畫中的錯(cuò)誤，從而進(jìn)行修改。 如果要對(duì)動(dòng)畫進(jìn)行測(cè)試，只需要選擇“控制”菜單下的“測(cè)試影片”命令或按快捷鍵Ctrl+Enter就可以測(cè)試影片了。如果被測(cè)試的動(dòng)畫中有幾個(gè)不同的場(chǎng)景，使用此命令可以按先后順序看到每一個(gè)場(chǎng)景中的動(dòng)畫。選擇“控制”菜單下的“測(cè)試場(chǎng)景”命令，只能對(duì)當(dāng)前場(chǎng)景進(jìn)行測(cè)試。,返

42、回,下一頁(yè),2020/7/23,80,7.7.2 動(dòng)畫的輸出 1,1、輸出Flash動(dòng)畫,Flash動(dòng)畫默認(rèn)的格式為“SWF”格式，具體使用方法如下：,選擇“文件”菜單下的“導(dǎo)出影片”命令，將打開 “影片導(dǎo)出”對(duì)話框。 在“導(dǎo)出影片”對(duì)話框的“保存在”的下拉列表中選擇動(dòng)畫文件所要保存的位置。 3、在“文件名”中輸入要輸出動(dòng)畫的文件名。在“保存類型”中可以選擇動(dòng)畫輸出的格式。Flash動(dòng)畫默認(rèn)的格式為“SWF”格式。 4. 以上設(shè)置完畢后，單擊“保存”按鈕，將彈出 “ 導(dǎo)出Flash Player”對(duì)話框，應(yīng)注意選擇不同的文件格式將顯示不同的對(duì)話框。單擊“確定”將會(huì)出現(xiàn) “正在導(dǎo)出Flash影片”對(duì)話框。在此對(duì)話框中可以看出動(dòng)畫輸入的進(jìn)度。當(dāng)“正在導(dǎo)出Flash影片”對(duì)話框自動(dòng)關(guān)閉后，動(dòng)畫文件已經(jīng)輸出到指定的磁盤位置。,返回,下一頁(yè),2020/7/23,81,7.7.2 動(dòng)畫的輸出- 輸出HTML網(wǎng)頁(yè)文件,要在瀏覽器中播放Flash動(dòng)畫，應(yīng)先創(chuàng)建其相應(yīng)的HTML網(wǎng)頁(yè)文件