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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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