用flash制作交互型課件

1、第4章 用Flash制作交互型課件,2024/3/19,2,http://www.cysz.com.cn,Flash制作交互型課件,4.1 Flash 8.0 基礎(chǔ)知識4.2 繪圖基礎(chǔ)4.3 動畫制作及技巧4.4 元件、實例和庫4.5 制作交互型課件4.6 聲音和視頻的編輯4.4 動畫的輸出,2024/3/19,3,http://www.cysz.com.cn,4.1 Flash MX 2004基礎(chǔ)知識,Ma

2、cromedia Flash以便捷、完美、舒適的動畫編輯環(huán)境，深受廣大動畫制作愛好者的喜愛，在制作動畫之前，我們先對工作環(huán)境中的菜單、工具、面板等分別作詳細的介紹，包括一些基本的操作方法和工作環(huán)境的組織和安排。,1. 初識Flash 2. 文檔選項卡3. 時間軸 4. 工具箱5. 舞 臺,6. 常用面板4. 設(shè)計面板8. 開發(fā)面板9. 其他面板10. 使用網(wǎng)格、輔助線和標(biāo)尺,返回,2024/3/19,4,ht

3、tp://www.cysz.com.cn,1. 初識Flash,返回,2024/3/19,5,http://www.cysz.com.cn,2. 文檔選項卡,新建或打開一個文檔時，在“時間軸”的上方會顯示出“文檔選項卡”。如果打開或創(chuàng)建多個文檔，“文檔名稱”將按文檔創(chuàng)建的先后順序顯示在“文檔選項卡”中，單擊文件名稱，可以在多個文檔之間進行快速切換。,文檔選項卡,返回,2024/3/19,6,http://www.cysz.com.cn,

4、3.時間軸,“時間軸”用于組織和控制文檔內(nèi)容在一定時間內(nèi)播放的圖層數(shù)和幀數(shù)。“圖層”就像堆疊在一起的多張幻燈膠片一樣，每個層中都排放著自己的對象。提到動畫，第一個會聯(lián)想到的是小時候最喜歡看的卡通影片，這些卡通影片，都是事先繪制好一幀一幀的連續(xù)動作的圖片，然后讓它們連續(xù)播放，利用人的“視覺暫留”特性，在大腦中便形成了動畫效果。 Flash動畫的制作原理也一樣，它是把繪制出來的對象放到一格格的幀中，然后再來播放。,返回,2024/3/19,

5、7,http://www.cysz.com.cn,4. 工具箱,位于工作界面左邊長條形狀的就是工具箱，工具箱是Flash最常用到的一個面板，用鼠標(biāo)單擊的方式選中其中的各種工具就可以直接使用。,返回,2024/3/19,8,http://www.cysz.com.cn,5. 舞臺,“舞臺”位于工作界面的正中間部位，是放置動畫內(nèi)容的區(qū)域。這些內(nèi)容包括矢量圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等?？梢栽凇皩傩浴泵姘逯性O(shè)置和改變“舞臺”的大

6、小。默認狀態(tài)下，“舞臺”的寬為550像素，高為400像素。,返回,2024/3/19,9,http://www.cysz.com.cn,6. 常用面板,Flash MX 2004有很多面板，默認狀態(tài)下，在“舞臺”的正下方有三個比較常用的浮動面板，分別是“幫助”面板、“動作”面板和“屬性”面板，單擊面板的“標(biāo)題欄”，可以依次展開它們 。,（1）“幫助”面板,（2）“動作”面板,（3）“屬性”面板,返回,2024/3/19,10,http:

7、//www.cysz.com.cn,4. 設(shè)計面板,打開“窗口”中“設(shè)計面板”菜單，在菜單中可以看到所有的“設(shè)計面板”，單擊面板的名稱，就可以打開或關(guān)閉相應(yīng)的面板。默認狀態(tài)下，打開的“設(shè)計面板”分布在舞臺右側(cè)的面板組中?！霸O(shè)計面板”包括“對齊”面板、“顏色樣本”面板、“混色器”面板、“信息”面板、“場景”面板和“變形”六個面板。,返回,2024/3/19,11,http://www.cysz.com.cn,8. 開發(fā)面板,打開“窗

8、口”中“開發(fā)面板”菜單，從菜單中可以看到所有的“開發(fā)面板”，單擊面板的名稱可以打開或關(guān)閉相應(yīng)面板。默認狀態(tài)打開的一些“開發(fā)面板”分布在舞臺右側(cè)的面板組中?！伴_發(fā)面板”包括“動作”、“組件”、“組件檢查器”、“輸出”、“調(diào)試器”、“行為”和“Web服務(wù)”面板。,返回,2024/3/19,12,http://www.cysz.com.cn,9. 其他面板,打開“窗口”下的“其他面板”菜單，從菜單中可以查看到所有的其他面板，單擊面板名稱可以打

9、開相應(yīng)的面板?！捌渌姘濉卑ā拜o助功能”、“影片瀏覽器”、“歷史紀錄”、“字符串”和“公用庫”面板。,返回,2024/3/19,13,http://www.cysz.com.cn,10.  使用網(wǎng)格、輔助線和標(biāo)尺,網(wǎng)格、標(biāo)尺和輔助線可以幫助我們精確地勾畫和安排對象,返回,2024/3/19,14,http://www.cysz.com.cn,,10.設(shè)置舞臺的背景和大小、場景的其他操作,2024/3/19,15,http:/

10、/www.cysz.com.cn,4.2 繪圖基礎(chǔ),圖形和文字是動畫的基礎(chǔ)，所以掌握繪圖工具的使用對于制作好的Flash作品是至關(guān)重要的。,返回,下一頁,2024/3/19,16,http://www.cysz.com.cn,4.2 繪圖基礎(chǔ)-Flash工具箱面板,,,,,繪圖工具,查看選項,顏色選項,選項部分,返回,下一頁,2024/3/19,17,http://www.cysz.com.cn,4.2 繪圖基礎(chǔ)-應(yīng)用,4.2.1 繪圖

11、和著色4.2.2 著色與填充4.2.3 選擇與編輯對象4.2.4 文本編輯 4.2.5 圖形導(dǎo)入,返回,2024/3/19,18,http://www.cysz.com.cn,4.2.1繪圖和著色 - 1．繪制直線,直線“屬性”面板,線條樣式,提示：在繪制直線的過程中，如果按住Shift鍵不放，可以畫出角度是45倍數(shù)的直線，如水平、垂直、45度、135度的直線。,返回,下一頁,2024/3/19,19,http://www.cy

12、sz.com.cn,4.2.1繪圖和著色 - 2．鉛筆工具,鉛筆模式,伸直模式 平滑模式 墨水瓶模式,返回,下一頁,2024/3/19,20,http://www.cysz.com.cn,4.2.1繪圖和著色 - 3．鋼筆工具,能夠精確地繪制出直線和曲線路徑，并且在繪制完成后，可以進一步調(diào)整直線段的角度、長度以及曲線段的彎曲程度。使用“鋼筆工具”并配合“部分選取工具 ”的使用，可以精確地繪制出較為復(fù)雜的曲線圖形

13、。,用鋼筆工具繪制直線,用鋼筆工具繪制曲線,返回,下一頁,2024/3/19,21,http://www.cysz.com.cn,4.2.1繪圖和著色 - 4．橢圓工具 和矩形工具,提示：選擇“矩形工具”時，在“繪圖”工具欄下方的“選項”區(qū)中，單擊“圓角矩形半徑”按鈕，在彈出的“矩形設(shè)置”對話框中設(shè)置“角半徑”值，然后在舞臺上按住鼠標(biāo)不放并拖動，就可以畫出圓角矩形，其中“角半徑”的值越大，則矩形圓角程度就越明顯。,,返回,下一頁

14、,2024/3/19,22,http://www.cysz.com.cn,4.2.1繪圖和著色 - 5．刷子工具,刷子的填充模式中各個選項的含義：標(biāo)準繪畫：在所繪制的顏色區(qū)域中，刷子所到之處會覆蓋為刷子的顏色。 顏料填充：所繪制的顏色區(qū)域會影響對象的填色內(nèi)容，但不完全覆蓋對象的框線。 后面繪畫：在現(xiàn)有填充及筆觸的后面進行繪制，不影響對象的填色內(nèi)容。 顏料選擇：只會影響所選取的區(qū)域，如果沒有選擇任何對象，則該模式不影響對象的填色。

15、內(nèi)部繪畫：把刷子的顏色填入封閉區(qū)域中，超出封閉區(qū)域的顏色會被自動清除。,返回,下一頁,2024/3/19,23,http://www.cysz.com.cn,4.2.1繪圖和著色 - 6、橡皮擦工具,橡皮擦工具選項,標(biāo)準擦除：擦除同一層上的筆觸和填充。擦除填色：只擦除填充，不影響筆觸。擦除線條：只擦除筆觸，不影響填充。 擦除所選填充：只擦除當(dāng)前選定的填充，并不影響筆 觸（不管筆觸是

16、否被選中）。以這種模 式使用橡皮擦工具之前，請選擇要擦除 的填充。內(nèi)部擦除： 只擦除橡皮擦筆觸開始處的填充。如果從 空白點開始擦除，則不會擦除任何內(nèi)容。 以這種模式使用橡皮擦并不影響筆觸。,返回,2024/3/19,24,http://www.cysz.com.cn,4.2.2著色與填充 - 1.墨水瓶工具,墨水瓶工具用來對場景中的線條進

17、行修改，具體使用方法如下： 1）單擊工具箱中的墨水瓶工具按鈕。 2）利用“屬性”面板設(shè)定所需要的顏色，選擇合適的線形，然后單擊場景中需要修改的線條，此線條的線形及顏色會改變 。,墨水瓶工具的應(yīng)用,返回,下一頁,2024/3/19,25,http://www.cysz.com.cn,4.2.2著色與填充 - 2.顏料桶工具,顏料桶工具能在一個封閉或不封閉的區(qū)域中填色?？梢杂眉兩?、漸變色或?qū)氲奈粓D圖像進行填充，具體使用方法如下

18、： 1）單擊工具箱中的顏料桶工具按鈕。 2）利用顏色樣本面板選定所需的填充色，然后單擊場景中所需要填充的 區(qū)域，此時，該區(qū)域顏色會改變。,顏料桶工具的應(yīng)用,提示：在Flash中，即使中大缺口，值也是很小的，所以要對大的不封閉區(qū)域填充 顏色，一般用筆刷,返回,下一頁,2024/3/19,26,http://www.cysz.com.cn,4.2.2著色與填充 - 3 .填充效果,一個動畫

19、如果沒有適當(dāng)?shù)念伾蜔o法稱之為優(yōu)秀的動畫，所以熟練、恰當(dāng)?shù)厥褂没焐髅姘迨亲龊肍lash 動畫的前提。具體使用方法如下：1）選擇“窗口”菜單中的“開發(fā)面板”子菜單中的“混色器”命令或按快捷鍵Shift+F9 。2）在填充類型的下拉列表框中有5個可選選項：無色、純色、線形、放射狀和位圖 。,提示：使用位圖填充，在填充類型下拉列表中選擇“位圖”。如果當(dāng)前尚未導(dǎo)入任何 位圖，系統(tǒng)將自動打開“導(dǎo)入到庫”對話框。選中一

20、個或多個位圖文件后，該 文件將被自動增加到“混色器”面板中。,返回,下一頁,2024/3/19,27,http://www.cysz.com.cn,4.2.2著色與填充 - 4.使用填充變形工具,填充變形工具用于對填充后的顏色進行修改，利用該工具可以方便地對填充效果進行旋轉(zhuǎn)、拉伸、傾斜、縮放等各種變換，具體使用方法如下：1）單擊工具箱中的填充變形工具按鈕。2）選擇所要編輯的對象，在填充區(qū)域單擊，此時將在圖形上出

21、現(xiàn)兩條平行線，這兩條平行線稱為漸變控制線，同時，在漸變控制線上還顯示了漸變中心控制點、漸變方向控制點及漸變線距離控制點，如圖A所示。3）在“混色器”面板中將填充類型選為“放射狀”，然后再工具箱面板中單擊顏料桶工具按鈕，在所要編輯的對象上單擊填充顏色，再次單擊填充變形工具按鈕，在填充區(qū)域單擊，此時將在圖形上出現(xiàn)一個控制圓，單擊并拖動各個控制點，可調(diào)整放射狀填充效果如圖B所示。,,返回,下一頁,2024/3/19,28,http://ww

22、w.cysz.com.cn,4.2.2著色與填充 - 5、使用填充變形工具編輯修改位圖填充,填充位圖的控制點,返回,下一頁,2024/3/19,29,http://www.cysz.com.cn,4.2.2 著色與填充- 6、滴管工具,滴管工具用于拾取邊線顏色、填充色、位圖圖形等，然后將拾取的邊線和填充類型用于其它圖形。在使用滴管工具拾取邊線和填充類型時，如果單擊的是線條，則滴管工具自動變成墨水瓶工具；如果單擊的是填充區(qū)域，則自動變成顏

23、料桶工具，以便于填充操作。,返回,下一頁,2024/3/19,30,http://www.cysz.com.cn,4.2.2著色與填充-4.繪圖實例,[實例說明]本實例繪制“鄉(xiāng)村小屋”圖形。該實例充分運用了工具箱中 的繪圖工具，例如：橢圓工具、矩形工具、線條工具等，并且使用合理的填充方式使“鄉(xiāng)村小屋”顯得更加逼真。,返回,2024/3/19,31,http://www.cysz.com.cn,4.2.3選擇與編輯對象

24、 – 1、箭頭工具,箭頭工具用來選擇場景中的編輯對象并對其進行修改具體使用方法如下：,選擇填充區(qū)域 選擇線條選擇某一區(qū)域內(nèi)的對象,選中區(qū)域被移動,區(qū)域選中,返回,下一頁,2024/3/19,32,http://www.cysz.com.cn,4.2.3選擇與編輯對象 - 2．用箭頭修改圖形,可用箭頭工具修改圖形，具體使用方法如下：,,提示：在箭頭工具中的“選項”里有兩種編輯模式，可以根據(jù)自己的需求，進行選擇使用。平滑工具：

25、利用它可以使曲線變得更加平滑。 伸直工具： 利用它可以使曲線趨于折線。,返回,下一頁,2024/3/19,33,http://www.cysz.com.cn,4.2.3選擇與編輯對象 - 3 、套索工具,套索工具是一種選取工具，使用的時候不是很多，主要用在處理位圖時。選擇套索工具后，會在選項中出現(xiàn)魔術(shù)棒、魔術(shù)棒屬性和多邊形模式。具體使用方法如下：選擇“套索工具”，在“選項”里單擊“多邊形模式”， 根據(jù)需要單擊鼠標(biāo)，當(dāng)?shù)玫侥阈枰?/p>

26、的選擇區(qū)域時，雙擊鼠標(biāo)自動封閉所選區(qū)域。此時我們可以對所選區(qū)域進行修改,返回,下一頁,2024/3/19,34,http://www.cysz.com.cn,4.2.3選擇與編輯對象--4．移動、復(fù)制和刪除對象,1、移動對象 1）直接移動對象 2）移動對象的一部分 2、復(fù)制對象 1）選定一個或多個需要復(fù)制的對象。 2）單擊鼠標(biāo)右鍵，彈出一個快捷菜單，選擇“拷貝”命令，將復(fù)制對象復(fù)

27、制到剪貼板中。 3）單擊鼠標(biāo)右鍵，彈出一個快捷菜單，選擇“粘貼”命令，即可完成復(fù)制對象。3、刪除對象 在Flash 中制作動畫，常常需要刪除一些不需要的對象，具體操作方法如下： 1)選定一個或多個需要刪除的對象。 2)按下鍵盤上的Delete鍵即可刪除。,返回,下一頁,2024/3/19,35,http://www.cysz.com.cn,4.2.3選擇與編輯對象-- 4. 組合與分離對象,在制作動畫時

28、，場景中可能會同時存在大量的編輯對象，如圖形、元件、圖像等。對一個對象操作時，可能會影響到其他對象。這時，則可以考慮將其他暫時不進行編輯的對象組合。組合后的對象變成一個大的整體，對其他對象操作時不會影響到已組合的對象。組合對象最大的特點是：組合后的對象可以作為一個大的整體進行編輯，相當(dāng)于對單個對象的操作；組合后有利于對象的移動，在移動過程中不會改變組合對象的相對位置。,返回,下一頁,2024/3/19,36,http://www.cy

29、sz.com.cn,4.2.3選擇與編輯對象 --5．對齊對象,選擇“窗口” 菜單中的“排列”菜單命令或按快捷鍵Ctrl+K， 打開對齊面板。,對齊面板,提示：如果選中“對齊”面板中的“相對于舞臺”按鈕，則要對齊的對象將以場景為 參照進行對齊排列。,居底對齊的效果,返回,下一頁,2024/3/19,37,http://www.cysz.com.cn,4.2.3選擇與編輯對象-- 6. 變換對象,1）縮放、傾斜與

30、旋轉(zhuǎn)對象 在工具箱中單擊任意變形工具按鈕并選取后，在工具箱下面的選項中有4種選項供我們選擇,提示：選擇“修改”菜單中的“變形”菜單命令，同樣也可以實現(xiàn)對場景中的對象的相關(guān)操作。并且還可以對選擇的對象進行各種角度的旋轉(zhuǎn)以及水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)等。,返回,下一頁,2024/3/19,38,http://www.cysz.com.cn,4.2.3選擇與編輯對象 -- 4.繪制花朵,[實例說明] 本實例繪制“花朵”圖

31、形。該實例充分運用了工具箱中橢圓工具選擇工具、任意變形工具等，并且使用合理的填充方式使“花朵”顯得更加逼真。[制作步驟],,,,,返回,2024/3/19,39,http://www.cysz.com.cn,4.2.4 文本編輯,在Flash中，文本類型有靜態(tài)文本、動態(tài)文本和輸入文本三種。,靜態(tài)文本：是在課件制作過程中創(chuàng)建，而在課件播放時不能改變的文本， 主要用于制作固定不變的文字；,動態(tài)文本：可以制作需要隨時更新

32、的文字，如動態(tài)顯示時間、試題測試 結(jié)果等；,輸入文本：主要用于實現(xiàn)各種交互功能，如輸入圓的半徑，則可以計算 出相應(yīng)圓的面積等等。,返回,下一頁,2024/3/19,40,http://www.cysz.com.cn,4.2.4 文本編輯---添加文本,1、添加靜態(tài)文本 2、添加動態(tài)文本 3、添加輸入文本,返回,下一頁,2024/3/19,41,http://www.cysz.com.cn,4.

33、2.4 文本編輯-- 設(shè)置文本屬性,返回,下一頁,2024/3/19,42,http://www.cysz.com.cn,4.2.4 文本編輯 -- 編輯文本,在文本編輯操作中，包括對文本框及文本框中文字的編輯操作。對文本框的操作常見的有選擇、復(fù)制、移動、刪除等；對文本的操作，與其他文字處理軟件相同（如 Word），在這里只對文本的選擇進行介紹，其他就不再敘述。,返回,2024/3/19,43,http://www.cysz.com.c

34、n,4.2.5 圖形導(dǎo)入,Flash 兼容多種格式的位圖圖像，在某些情況下，用戶除了使用Flash 自身的繪圖工具繪制圖形，還需要外部的位圖圖像導(dǎo)入。外部的位圖導(dǎo)入到Flash軟件后，可以將其轉(zhuǎn)換為矢量圖。,返回,下一頁,2024/3/19,44,http://www.cysz.com.cn,4.2.5 圖形導(dǎo)入-- 1．導(dǎo)入位圖,具體操作方法如下：,4）如果導(dǎo)入對象的文件名以數(shù)字結(jié)尾，并且此文件后面還有順序排列的文件，則會彈出如下圖所

35、示的提示框，詢問用戶是否將同一文件夾中一系列文件全部導(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)入。,提示：用戶也可以將其他編輯軟件中的圖像、文字等對象直接粘貼到Flash中。使用“轉(zhuǎn)換位圖為矢量圖

36、”功能將位圖矢量化后，矢量圖形與“庫”面板中的源圖像將不存在鏈接關(guān)系。,返回,下一頁,2024/3/19,45,http://www.cysz.com.cn,4.2.5 圖形導(dǎo)入 — 2、將位圖轉(zhuǎn)換為矢量圖,在Flash中可以將導(dǎo)入的位圖轉(zhuǎn)換為矢量圖。位圖轉(zhuǎn)換為矢量圖后不僅可以方便地刪除圖像的多余部分，而且還可以壓縮文件的大小。,1）單擊選擇一個位圖圖像。2）選擇“修改”菜單中的“轉(zhuǎn)為位圖為矢量圖”菜單命令。3）在彈出的如圖所示的“

37、轉(zhuǎn)為位圖為矢量圖”對話框中可以進行以下設(shè)置4）設(shè)置完畢后，單擊“確定”按鈕，即可將當(dāng)前位圖矢量化。,將位圖轉(zhuǎn)換為矢量圖的方法如下：,返回,下一頁,2024/3/19,46,http://www.cysz.com.cn,4.2.5 圖形導(dǎo)入--３．設(shè)置位圖屬性,將位圖導(dǎo)入到Flash中，無論是否曾使用該位圖進行操作，導(dǎo)入的圖像均被保存在庫文件中，如圖4-2-54所示。設(shè)置位圖屬性的具體方法如下：1）用箭頭工具選擇位圖，此時注意觀察“屬

38、性”面板，其中在“實例”后顯示出該位圖的名稱。2）調(diào)整高度和寬度。在“寬”文本框中顯示位圖的寬度，在“高”文本框中顯示位圖的高度，更改其中的數(shù)值可以精確控制位圖的大小。3）控制位圖位置。在“X”和“Y”文本框中顯示位圖的水平和垂直坐標(biāo)，更改其中的數(shù)值可以精確控制位圖的位置。4）交換位圖。單擊“交換”按鈕，彈出如圖的“交換”對話框，可以使用庫中的其他位圖交換場景中選擇的位圖。5）編輯位圖。單擊“屬性”面板中的“編輯”按鈕，可以打開

39、Flash MX 2004默認位圖編輯軟件，對位圖進行編輯。6）在“屬性”面板中對當(dāng)前選擇的位圖屬性重新定義后，更改后的效果立即反映在工作區(qū)域中。,,,,返回,2024/3/19,47,http://www.cysz.com.cn,4.4 元件、實例和庫--4.3.1元件,1.認識元件 元件是一個圖形、按鈕或影片剪輯。當(dāng)元件被創(chuàng)建，它就被放入了該文件的“庫”面板中，在使用時只需將元件從“庫”面板中拖動到舞臺上，就創(chuàng)建了該元件

40、的一個實例。當(dāng)多次將一個元件從“庫”面板中拖動到舞臺上，就創(chuàng)建了該元件的多個實例，即利用一個元件可以創(chuàng)建多個實例。,當(dāng)修改一個元件后，其對應(yīng)的實例也會隨之改變，不需要再逐一修改；但修改舞臺上的實例，如縮放、改變顏色效果、旋轉(zhuǎn)、變形等，都不會影響存到“庫”面板中的元件。,返回,下一頁,2024/3/19,48,http://www.cysz.com.cn,4.4.1元件 — 2、元件類型,元件的類型可以分為圖形、按鈕和影片剪輯三種 ，每一

41、個元件都有自己獨立的時間軸、圖層和舞臺。,1）圖形元件 圖形元件用于創(chuàng)建圖片和動畫片段。2）按鈕元件 按鈕元件用于響應(yīng)鼠標(biāo)動作（如鼠標(biāo)單擊、鼠標(biāo)滑過等）或按鍵動作，實現(xiàn)各種交互功能。按鈕元件有 4個不同的狀態(tài)，如包括“彈起”、“指針滑過”、“按下”和“點擊”，其中“彈起”表示按鈕未按下時的狀態(tài)；“指針滑過”表示當(dāng)鼠標(biāo)指針移動到按鈕上時，按鈕所表現(xiàn)的狀態(tài)；“按下”表示在按鈕上按下鼠標(biāo)左鍵，按鈕所表現(xiàn)的狀態(tài)；“點擊”表示按鈕可

42、以被鼠標(biāo)單擊的有效范圍。3）影片剪輯元件 影片剪輯元件用于創(chuàng)建可反復(fù)使用的動畫片段，可獨立于主動畫的時間軸進行播放。,下一頁,返回,2024/3/19,49,http://www.cysz.com.cn,4.4.1元件 – 3、創(chuàng)建元件,一種是利用應(yīng)用菜單命令：,另一種是直接將舞臺上的對象拖動到“庫”面板中。,,下一頁,返回,2024/3/19,50,http://www.cysz.com.cn,4.4.2 元件實例,,,,實

43、例來自于元件，當(dāng)元件改變時，其對應(yīng)的實例也會隨之改變；而編輯實例，卻不會影響“庫”面板中的元件。每個元件可以有多個與之對應(yīng)的實例，每個實例都可以獨立編輯，互不影響。,下一頁,返回,2024/3/19,51,http://www.cysz.com.cn,4.4.3 庫,“庫”面板主要用于組織和管理元件，利用它可以對其中的元件重復(fù)使用，大大降低了文件的尺寸；另外，還可以與他人共享存于“庫”面板中的元件，提高制作效率，豐富素材資源。,在Fl

44、ash中，“庫”面板存儲了創(chuàng)建的元件，如圖形、按鈕和影片剪輯等。另外，導(dǎo)入的視頻、聲音、位圖等素材文件，它們雖然不是元件，但Flash也把它們作為元件處理，可以被重復(fù)使用。在每一個Flash文件的“庫”面板中，包含了該文件中使用的元件，另外還可以調(diào)用其他文件“庫”面板中的元件。,下一頁,返回,2024/3/19,52,http://www.cysz.com.cn,4.4.3 庫 -- 1. 顯示“庫”面板,顯示“庫”面板的方法：選擇“

45、窗口”菜單中的“庫”菜單命令（或按Fll鍵）。,新建元件,新建文件夾,寬庫視圖,窄庫視圖,,,,,,下一頁,返回,2024/3/19,53,http://www.cysz.com.cn,4.4.3 庫 -- 2. 管理元件,“庫”面板是組織和管理元件的場所，在該面板中可以創(chuàng)建新的元件、刪除元件、重命名元件、復(fù)制元件、建立用于元件分類的文件夾等操作。,新建元件,新建文件夾,,,屬性,,刪除,,返回,2024/3/19,54,http:/

46、/www.cysz.com.cn,4.4.3 庫 -- 3. 公用庫,公用庫存放了一些制作過程中常用的元件，為用戶提供各種素材，避免了重復(fù)制作，大大提高了制作效率。在Flash 8.0 提供了3個公用庫：按鈕、類和學(xué)習(xí)交互。另外還可以根據(jù)實際需要，收集一些常用素材，將其放入自建的公用庫（可以多建幾個），在制作過程中隨時調(diào)用。,返回,2024/3/19,55,http://www.cysz.com.cn,4.4 動畫制作及技巧（1）,F

47、lash 動畫是基于幀構(gòu)成的，首先將不同的圖片放在不同的幀中，然后設(shè)置幀的動作行為就可以制作出簡單的動畫來。Flash 動畫一般包括：逐幀動畫、漸變動畫、遮照層動畫和引導(dǎo)層動畫。每一種動畫的特點都不同。只要熟練掌握各種動畫的制作方法，再結(jié)合幀的操作和圖層操作就可以制作出各種形象生動的動畫作品。,返回,下一頁,2024/3/19,56,http://www.cysz.com.cn,4.3 動畫制作及技巧（2）,4.3.1 圖層4.3.

48、2 逐幀動畫4.3.3 形狀漸變動畫4.3.4 運動漸變動畫4.3.5 遮罩層動畫4.3.6 引導(dǎo)層動畫,返回,2024/3/19,57,http://www.cysz.com.cn,4.3.1 圖層 -- 1、圖層的基本操作,1）新建圖層2）重命名圖層3）選擇圖層4）復(fù)制圖層5）改變圖層的順序6）刪除圖層,返回,下一頁,2024/3/19,58,http://www.cysz.com.cn,4.3.1 圖層 -- 2

49、、圖層的狀態(tài),,,,返回,2024/3/19,59,http://www.cysz.com.cn,4.3.2 Flash 逐幀動畫,逐幀動畫是動畫的基礎(chǔ)。逐幀動畫就是將一個連續(xù)的動畫分解成多個步驟，然后在各個關(guān)鍵幀中制作每一個步驟的動畫內(nèi)容。,返回,下一頁,實例演示,實例制作,2024/3/19,60,http://www.cysz.com.cn,4.3.2 逐幀動畫 — 1、幀的基本操作,1）定義關(guān)鍵幀2）清除關(guān)鍵幀3）插入幀4

50、）清除幀5）復(fù)制幀6）剪切幀,返回,下一頁,2024/3/19,61,http://www.cysz.com.cn,4.3.2 逐幀動畫,[動畫原理]逐幀動畫是指由許多連續(xù)的關(guān)鍵幀組成的動畫，制作者在動畫的每個關(guān)鍵幀中創(chuàng)建不同的內(nèi)容，當(dāng)播放動畫時，F(xiàn)lash就會一幀一幀地顯示每一幀中的內(nèi)容。如圖所示就是一個逐幀動畫，動畫中的每一幀都是關(guān)鍵幀。,返回,2024/3/19,62,http://www.cysz.com.cn,,實例演示

51、,實例制作,如果不是特別需要，建議不采用逐幀動畫的方式。因為逐幀動畫的工作量非常大，而且如果技術(shù)不熟練，還可能使動畫不自然，效果不好。,2024/3/19,63,http://www.cysz.com.cn,逐幀動畫特點。,逐幀動畫由許多關(guān)鍵幀組合而成，相鄰關(guān)鍵幀中的對象變化不大。逐幀動畫中的每一幀都是關(guān)鍵幀，需要用戶對每個關(guān)鍵幀中的畫面進行控制，工作量很大。相對于補間動畫來說，逐幀動畫的體態(tài)比較雍腫，文件很大，占用較大的內(nèi)存。,2

52、024/3/19,64,http://www.cysz.com.cn,4.3.3 Flash -- 漸變動畫,漸變動畫只是要設(shè)置動畫的起點關(guān)鍵幀和終點關(guān)鍵幀，通過動作屬性設(shè)置，F(xiàn)lash會自動生成兩個關(guān)鍵幀中的過渡關(guān)鍵幀動畫。 漸變動畫分為兩種：一種是漸變動畫，另一種是形狀漸變動畫。,返回,下一頁,2024/3/19,65,http://www.cysz.com.cn,與逐幀動畫相比，補間動畫具有以下幾個特點,制作方法簡單方

53、便。只需要為動畫的第一個關(guān)鍵幀和最后一個關(guān)鍵幀創(chuàng)建內(nèi)容，兩個關(guān)鍵幀之間幀的內(nèi)容由Flash自動生成，不需要人為處理。相對于逐幀動畫來說，補間動畫更為連貫自然。因為逐幀動畫是由手工控制，幀與幀之間的過渡很可能會不自然、不連貫，而補間動畫除了兩個關(guān)鍵幀由手工控制外，中間的幀都由Flash自動生成，技術(shù)含量很高，因此過渡更為自然連貫。相對于逐幀動畫來說，補間動畫的文件更小，占用內(nèi)存少。,2024/3/19,66,http://www.cy

54、sz.com.cn,4.3.3 形狀漸變動畫,（1）形狀補間動畫的概念    在一個關(guān)鍵幀中繪制一個形狀，然后在另一個關(guān)鍵幀中更改該形狀或繪制另一個形狀，F(xiàn)lash 根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動畫被稱為“形狀補間動畫”。  （2）構(gòu)成形狀補間動畫的元素    形狀補間動畫可以實現(xiàn)兩個圖形之間顏色、形狀、大小、位置的相互變化，其變形的靈活性介于逐

55、幀動畫和動作補間動畫二者之間，使用的元素多繪制出的形狀，如果使用圖形元件、按鈕、文字，則必先“打散”才能創(chuàng)建變形動畫。,2024/3/19,67,http://www.cysz.com.cn,,（3）形狀補間動畫在時間幀面板上的表現(xiàn)　形狀補間動畫建好后，時間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個長長的箭頭，如圖所示。 （4）創(chuàng)建形狀補間動畫的方法   在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個

56、關(guān)鍵幀并設(shè)置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，一個形狀補間動畫就創(chuàng)建完畢。,2024/3/19,68,http://www.cysz.com.cn,4.3.3 形狀漸變動畫實例1 -- 變換的圖形,形狀漸變包括兩種類型，一種是形狀的變化，一種是顏色的變化，通?？梢詫⑦@兩種效果綜合在一個動

57、畫中。,圖形與圖形漸變效果,提示：形狀漸變動畫是一種非常靈活的動畫，利用形狀漸變，可以實現(xiàn)圖形導(dǎo) 圖形、圖形到文字、文字到文字等等之間的漸變，值得注意 的是利用文字漸變時要對文字進行分離操作，否則不能實現(xiàn)漸變的效果。,返回,實例演示,實例制作,2024/3/19,69,http://www.cysz.com.cn,4.3.4 Flash 運動漸變動畫,運動漸變動畫是漸變動畫的另一種類型，它的主要功能是制作場景中

58、元件位移和大小的變化。在Flash 動畫中，運動漸變動畫運用得最為廣泛 動作補間動畫可以使對象發(fā)生位置移動、縮放、旋轉(zhuǎn)、顏色漸變等變化。這種動畫只適用于文字、位圖和實例，被打散的對象不能產(chǎn)生動作漸變，除非將它們轉(zhuǎn)換為元件或組合。 動作補間動畫只對某個圖層上單一的對象有效，如果想讓一個動畫中的多個對象一起動，必須將它們分別放在不同的圖層上分別產(chǎn)生動作漸變。,返回,下一頁,2024/3/19,70,http://www.cysz.com

59、.cn,4.3.4 運動漸變動畫類型,1、位移動畫,,,,,,,2、大小變化動畫,3、旋轉(zhuǎn)變化動畫,返回,實例演示,實例制作,實例演示,實例制作,實例演示,實例制作,2024/3/19,71,http://www.cysz.com.cn,4.3.5 Flash 遮罩層動畫,遮罩層是Flash 圖層的一種類型，可以通過遮罩層中的圖形，看到下層（被遮罩層）中的內(nèi)容，并且被遮罩層可以是多個?？梢詫φ谡謱又械膱D形建立動畫（除了路徑運動動畫），制

60、作出奇妙的動畫效果。,,,,探照燈效果,1、遮罩層的基本操作,2、探照燈實例,返回,2024/3/19,72,http://www.cysz.com.cn,4.3.5 遮罩層動畫 – 遮罩層的基本操作,A、新建一層，并制作一個填充圖形、文字或?qū)嵗?。B、在需要轉(zhuǎn)化成遮罩層的名稱上單擊鼠標(biāo)右鍵，將彈出快捷菜單，選擇 “遮罩層”命令，將它變成遮罩層。,創(chuàng)建一個遮罩層,返回,2024/3/19,73,http://www.cysz.co

61、m.cn,4.3.5 遮罩層動畫實例 --探照燈,[實例說明］ 探照燈效果是一種常用的動畫特效，它是利用Flash中的遮罩層來制作的，探照燈在黑暗的背景上依次顯示文字。利用遮罩層，還可以制作多種特殊的動畫效果。如放大鏡、滾動字幕等。[制作步驟] 在這個實例中，至少應(yīng)該制作三個層，一個是背景層，另一個是文字層，還有一個是遮罩層。,返回,實例演示,2024/3/19,74,http://www.cysz.com.cn,簡而

62、言之，引導(dǎo)層就是用來放置元件運動路徑的圖層。 例如：在某層里有一個小圓球，如果想讓這個小圓球沿著用戶定義的灰色曲線路徑運動，就需要用到引導(dǎo)層。引導(dǎo)層中的引導(dǎo)線在輸出的SWF文件中是不可見的，即輸出后途中的灰線是不可見的,4.3.6 Flash 引導(dǎo)層動畫,,,,1、引導(dǎo)層基本操作,2、引導(dǎo)層實例,返回,2024/3/19,75,http://www.cysz.com.cn,4.3.6 引導(dǎo)層動畫--基本操作,1、創(chuàng)建一個引導(dǎo)層

63、,1）新建一層“圖層1”，在該圖層中繪制圖形、文字。2）為“圖層1”添加引導(dǎo)層。,,,,層的快捷菜單　　　 插入引導(dǎo)層的菜單命令 插入引導(dǎo)層按鈕,2、取消引導(dǎo)層方法一：用鼠標(biāo)右鍵單擊層的名稱，在彈出的菜單中選擇“引導(dǎo)層”命令。方法二：雙擊層的名稱左端的圖標(biāo)，進入“圖層屬性”對話框，選擇“類型”為“正常”,返回,2024/3/19,76,http://www.cysz.com.cn,4.3.6 引導(dǎo)層動畫實例—

64、地球公轉(zhuǎn),[實例說明] 本實例利用Flash引導(dǎo)層來實現(xiàn)地球繞著橢圓軌道做曲線運動。利用引導(dǎo)層，可以制作各種沿曲線路徑運動的動畫。[操作步驟] 在這個實例中，至少需要制作三個層，一個背景層，一個引導(dǎo)層，一個被引導(dǎo)層。,返回,實例演示,2024/3/19,77,http://www.cysz.com.cn,4.5交互型課件基礎(chǔ),在欣賞Flash動畫時，常?？吹斤h落的雪花、淅瀝的小雨等場景，還有一些Flash小游戲讓人們玩得

65、不亦樂乎，其實這些動畫很大程度上是依賴Actions語句對動畫進行編程而實現(xiàn)的。有些動畫甚至根本不需要制作任何動畫就可以直接應(yīng)用Actions語句來實現(xiàn)?！　ctionsScript實際是一種腳本語言，主要用來對動畫進行編程，使用它可以使動畫具有交互性，在一些動畫中起到畫龍點睛的效果。一些Flash初學(xué)者可能會問“ActionScript在哪里呢？”,2024/3/19,78,http://www.cysz.com.cn,變量,變

66、量名 變量的類型 變量的作用范圍 設(shè)置變量,2024/3/19,79,http://www.cysz.com.cn,變量名可以是一個字母，也可以是由一個單詞或幾個單詞構(gòu)成的字符串，但最好取一個有意義又好記的名字。變量命名時必須遵循以下規(guī)則 ：,變量名通常以小寫字母或下劃線開頭，當(dāng)出現(xiàn)一個新單詞時，新單詞的第一個字母大寫，如myName就是一個變量名。 變量名中不能有空格和特殊符號，但可以使用數(shù)字。 變量名不能是關(guān)鍵字或邏輯變量

67、，如true和false都是邏輯變量。變量名在它作用的范圍中必須是惟一的。 使用變量時應(yīng)遵循“先定義后使用”的原則。即在使用變量之前必須先定義這個變量。,2024/3/19,80,http://www.cysz.com.cn,變量的類型,邏輯變量：用于判斷指定的條件是否成立，它包括true（真）和false（假）兩個值，true表示條件成立，false表示條件不成立。 數(shù)值型變量：用于存儲特定的數(shù)值，如high=300。 字符串

68、變量：用于存儲特定的文本信息，如name=“豬八戒”。 對象型變量：用于存儲對象型的數(shù)據(jù)，如myTime=newTime()。,2024/3/19,81,http://www.cysz.com.cn,,變量的作用范圍是指變量能夠被識別和應(yīng)用的區(qū)域。根據(jù)變量的作用范圍，可以將變量分為全局變量和局部變量。全局變量可以在整個Flash動畫中所有位置引用，局部變量只能作用于它所在的代碼塊中，在其他位置中將不能引用它。,2024/3/19,82