網(wǎng)頁動(dòng)畫制作工具Flash8案例版第1頁/共89頁

11.1.1Flash的特點(diǎn)1．友好的操作界面Flash8的操作界面經(jīng)過重新設(shè)計(jì)，使界面更加美觀，層次更清晰，各面板布局更合理。相對(duì)于其他制作動(dòng)畫的程序，F(xiàn)lash8更加容易操作，無須任何編程基礎(chǔ)就可以輕松制作出動(dòng)畫效果。2．生成的動(dòng)畫文件可以獨(dú)立播放用Flash制作的動(dòng)畫作品不僅可以在線觀看，也可以離線觀看，并保留其原來動(dòng)畫中的各種交互式操作功能。3．流媒體動(dòng)畫Flash播放器在下載Flash影片時(shí)采用流媒體方式，也就是說，在Flash文件還沒有完全下載完畢時(shí)就播放動(dòng)畫，即下載的同時(shí)進(jìn)行播放。11.1Flash8簡(jiǎn)介第2頁/共89頁

11.1.1Flash的特點(diǎn)4．文件體積較小由于Flash采用的圖像方式是矢量圖，生成的文件相對(duì)于傳統(tǒng)網(wǎng)頁動(dòng)畫中同等面積的像素圖來說要小很多。5．具有交互式作用的多媒體影片F(xiàn)lash影片可以通過ActionScript腳本語言與使用者建立交互式關(guān)系，使用者可以通過鍵盤操作或鼠標(biāo)操作與影片實(shí)現(xiàn)互動(dòng)。6．易用性由于其操作界面與其他程序（如Office、Photoshop等）相似，因此用戶很容易上手。11.1Flash8簡(jiǎn)介第3頁/共89頁

11.1.2Flash8的用戶界面Flash8的用戶界面由幾個(gè)主要部分組成，最上方的是主菜單欄。執(zhí)行“窗口”→“工具欄”→“主工具欄”命令，可在主菜單欄下方打開主工具欄。主工具欄下方是文檔選項(xiàng)卡，用于切換打開的當(dāng)前文檔。時(shí)間軸和舞臺(tái)位于工作界面的中心位置。左邊是功能強(qiáng)大的工具箱，用于創(chuàng)建和修改矢量圖形內(nèi)容。多個(gè)面板圍繞在舞臺(tái)的下面和右面，包括常用的屬性面板和動(dòng)作面板，還有其他浮動(dòng)面板，如圖11-1所示。

11.1Flash8簡(jiǎn)介圖11-1Flash8的用戶界面

第4頁/共89頁

11.2.1Flash8的基本概念1．幀在Flash中，幀是構(gòu)成動(dòng)畫作品的基本單位，它裝載了Flash播放的內(nèi)容。在Flash中包含幾種類型的幀：關(guān)鍵幀、空白關(guān)鍵幀和過渡幀。關(guān)鍵幀是決定一段動(dòng)畫的必要幀。在其中可以放置圖形，播放對(duì)象，并可以對(duì)所包含的內(nèi)容進(jìn)行編輯。關(guān)鍵幀一般放在動(dòng)畫開始點(diǎn)、控制轉(zhuǎn)折點(diǎn)或結(jié)束點(diǎn)?？瞻钻P(guān)鍵幀就是什么內(nèi)容都沒有的關(guān)鍵幀。啟動(dòng)Flash后，在默認(rèn)狀態(tài)下，每個(gè)層的第一幀，都是空白關(guān)鍵幀。在動(dòng)畫制作工作區(qū)中添加了內(nèi)容后，它自動(dòng)變成關(guān)鍵幀。在兩個(gè)關(guān)鍵幀中間的普通幀稱為過渡幀。在Flash中，確定了兩端的關(guān)鍵幀后，利用命令可以自動(dòng)計(jì)算添加過渡幀，無須人工添加。11.2Flash8的基本概念與操作

第5頁/共89頁

11.2.1Flash8的基本概念2．層在Flash中，層就像一張“透明紙”，在上面可以畫一些圖形，分為普通層、運(yùn)動(dòng)引導(dǎo)層、遮罩層和注釋說明層4種層。通常建立的層都是普通層；通過運(yùn)動(dòng)引導(dǎo)建立的層是引導(dǎo)層，它的作用是提供引導(dǎo)線作為被引導(dǎo)層中對(duì)象的運(yùn)動(dòng)軌跡；遮罩層是通過設(shè)定遮罩關(guān)系建立的層，它的作用是為了實(shí)現(xiàn)遮罩關(guān)系下的特別效果；在注釋說明層中可以添加一些說明性文字，而輸出時(shí)不輸出該層內(nèi)容。3．對(duì)象在Flash中任何被選中的東西，都可以叫做對(duì)象。對(duì)象被選中后，可以通過設(shè)置實(shí)現(xiàn)用戶要求的變形或運(yùn)動(dòng)。如果繪制了一個(gè)圓，并選中這個(gè)圓的話，它就是一個(gè)對(duì)象，可以通過工具對(duì)它進(jìn)行填充、修改、移動(dòng)、變形等編輯。11.2Flash8的基本概念與操作

第6頁/共89頁

11.2.1Flash8的基本概念4．元件、實(shí)例和庫元件也稱做符號(hào)或圖符，是Flash動(dòng)畫的重要組成部分。元件的主要特性是可以被重復(fù)利用，且不會(huì)影響影片的大小。Flash中的所有元件都被歸納在庫面板中，可以被隨時(shí)調(diào)用，十分方便。即使在場(chǎng)景中將所有元件全部刪除掉，也不會(huì)影響庫面板中的元件。元件的建立是以重復(fù)使用為目的的，不但可以將其應(yīng)用于當(dāng)前影片，還可以將其應(yīng)用于其他影片。元件中可以包含位圖、圖形、組合、聲音甚至是其他元件，但不可以將元件置于其自身內(nèi)部。Flash中包括3種元件類型，分別為圖形元件、影片剪輯元件和按鈕元件。11.2Flash8的基本概念與操作

第7頁/共89頁

11.2.1Flash8的基本概念每個(gè)元件都具有獨(dú)立的時(shí)間軸、工作區(qū)和圖層，除此外，每種元件類型都具有獨(dú)特的屬性，只有了解三種元件類型的特性，才能使元件的作用得到充分的發(fā)揮。在Flash中創(chuàng)建的所有元件都會(huì)出現(xiàn)在庫面板中，拖曳庫面板中的元件到場(chǎng)景中，就可以反復(fù)利用元件。應(yīng)用于影片的元件被稱做“實(shí)例”。在工作區(qū)中選中實(shí)例，通過元件屬性面板中的設(shè)置，可以改變實(shí)例的尺寸、顏色與元件類型，但這些改動(dòng)只針對(duì)實(shí)例本身，不會(huì)影響到庫面板中的元件。Flash文檔的庫中存儲(chǔ)了用戶創(chuàng)建或?qū)氲拿襟w資源。庫是Flash組織、編輯和管理動(dòng)畫中創(chuàng)建的和使用的各種元件的倉庫。所有元件都會(huì)被自動(dòng)載入到當(dāng)前影片的庫面板中，以便以后靈活調(diào)用。另外，還可以從其他影片的庫面板中調(diào)用元件，或者根據(jù)需要建立自己的庫。11.2Flash8的基本概念與操作

第8頁/共89頁

5．場(chǎng)景和舞臺(tái)場(chǎng)景是指在當(dāng)前動(dòng)畫編輯窗口中，編輯動(dòng)畫內(nèi)容的整個(gè)區(qū)域

。動(dòng)畫是在場(chǎng)景中被制作完成的，而場(chǎng)景中又包括舞臺(tái)與工作區(qū)，就像拍電影一樣，是在一個(gè)大的攝影棚中拍攝的，這個(gè)攝影棚可以被理解為場(chǎng)景，而鏡頭對(duì)準(zhǔn)的地方就是舞臺(tái)。也就是說，舞臺(tái)中顯示的動(dòng)畫效果才是影片的實(shí)際效果，舞臺(tái)以外的區(qū)域是工作區(qū)，最終的影片中不會(huì)顯示工作區(qū)中的對(duì)象。工作區(qū)也是不可或缺的，它可以使畫面運(yùn)動(dòng)更加流暢自然，畫面的邊緣不會(huì)消失得那么唐突。在場(chǎng)景編輯窗口中，除了舞臺(tái)和工作區(qū)外，還有以下幾項(xiàng)內(nèi)容：場(chǎng)景名、“編輯場(chǎng)景”按鈕、“編輯元件”按鈕和顯示比例。

11.2Flash8的基本概念與操作

第9頁/共89頁

11.2.2動(dòng)畫的基本概念1．計(jì)算機(jī)動(dòng)畫的概念與原理所謂動(dòng)畫，簡(jiǎn)單地說，就是將靜止?fàn)顟B(tài)下的一幅幅圖畫或照片連續(xù)地演播出來的技術(shù)，具體來說又有以下兩種說法：①動(dòng)畫是一種通過一系列連續(xù)的畫面來顯示運(yùn)動(dòng)的技術(shù)，是以一定的播放速度來達(dá)到連續(xù)運(yùn)動(dòng)的效果的；②動(dòng)畫是一系列具有各種物體的動(dòng)態(tài)畫面的處理過程，每一個(gè)畫面都可以與前一個(gè)畫面有著微小的變化。

11.2Flash8的基本概念與操作

第10頁/共89頁

2．計(jì)算機(jī)動(dòng)畫的分類近年來，涌現(xiàn)出許多計(jì)算機(jī)動(dòng)畫系統(tǒng)，它們的方式、目的、特點(diǎn)各不相同。在此，對(duì)這些系統(tǒng)進(jìn)行大致的分類。（1）按計(jì)算機(jī)在動(dòng)畫制作中的作用分類按計(jì)算機(jī)在動(dòng)畫制作中的作用分類，可將計(jì)算機(jī)動(dòng)畫系統(tǒng)分為兩類：計(jì)算機(jī)輔助動(dòng)畫和造型動(dòng)畫。前者屬于二維動(dòng)畫，其主要用途是輔助動(dòng)畫師們制作類似于傳統(tǒng)動(dòng)畫的動(dòng)畫，以及對(duì)各類動(dòng)畫片段的編輯（合成、連接）等后期制作。（2）按運(yùn)動(dòng)的控制方式分類根據(jù)運(yùn)動(dòng)的控制方式不同，可將計(jì)算機(jī)動(dòng)畫分為關(guān)鍵幀動(dòng)畫和算法動(dòng)畫。關(guān)鍵幀動(dòng)畫通過對(duì)關(guān)鍵畫面的控制來獲得中間畫面的動(dòng)畫序列，算法動(dòng)畫則采用算法實(shí)現(xiàn)對(duì)物體的運(yùn)動(dòng)控制或模擬攝像機(jī)的運(yùn)動(dòng)控制。11.2Flash8的基本概念與操作

第11頁/共89頁

2．計(jì)算機(jī)動(dòng)畫的分類（3）從制作原理上分類從制作原理上分類，動(dòng)畫可簡(jiǎn)單劃分為兩大類：逐幀動(dòng)畫和補(bǔ)間動(dòng)畫。逐幀動(dòng)畫就是通過更改每一幀中的舞臺(tái)內(nèi)容而獲得動(dòng)畫效果，它最適合于每一幀中的圖像都在改變，而不是僅僅簡(jiǎn)單地在舞臺(tái)中移動(dòng)的復(fù)雜動(dòng)畫。逐幀動(dòng)畫的缺點(diǎn)是太耗費(fèi)時(shí)間和精力，而且最終生成的動(dòng)畫文件偏大。但是，它也有自己的優(yōu)點(diǎn)，即能最大限度地控制動(dòng)畫的變化細(xì)節(jié)。補(bǔ)間動(dòng)畫是在兩個(gè)關(guān)鍵幀之間建立漸變的一種動(dòng)畫。補(bǔ)間動(dòng)畫關(guān)鍵幀的對(duì)象是元件的實(shí)例、群組體或文字。補(bǔ)間動(dòng)畫的原理是：在第一個(gè)關(guān)鍵幀中設(shè)置元件實(shí)例、群組體或文字的屬性，然后在第二個(gè)關(guān)鍵幀中修改對(duì)象的屬性，從而在兩幀之間產(chǎn)生動(dòng)畫效果，可以修改的屬性包括大小、顏色、旋轉(zhuǎn)和傾斜、位置、透明度及各種屬性的組合。11.2Flash8的基本概念與操作

第12頁/共89頁

3．Flash動(dòng)畫的格式（1）Flash源文件格式Flash源文件格式的擴(kuò)展名為fla，該類型文件只能在Flash應(yīng)用程序中被打開和編輯，在其他軟件中是無法打開的。用戶可以在Flash應(yīng)用程序中打開該文件，然后導(dǎo)出擴(kuò)展名為swf或swt的文件，以便在瀏覽器中使用。（2）Flash電影文件格式Flash電影文件格式的擴(kuò)展名為swf。該類型文件是由電影文件格式源文件壓縮生成的文件，為方便在網(wǎng)絡(luò)中查看，已對(duì)其進(jìn)行了優(yōu)化處理。因此，這種類型的文件可以在瀏覽器中播放，但是要求瀏覽器安裝FlashPlayer播放器插件后才能播放，也可以在Dreamweaver中預(yù)覽，但是不能在Flash應(yīng)用程序中編輯。另外，在Dreamweaver中允許用戶直接插入Flash動(dòng)畫對(duì)象，該對(duì)象的擴(kuò)展名為swf。

11.2Flash8的基本概念與操作

第13頁/共89頁〖跟我做一做〗11.3初識(shí)FLASH8.011.3.1案例：迎接2008北京奧運(yùn)會(huì)——了解Flash8.0制作動(dòng)畫的基本流程第14頁/共89頁11.3初識(shí)FLASH8.01．啟動(dòng)Flash8.0

主要的制作過程第15頁/共89頁11.3初識(shí)FLASH8.02．新建影片文檔和設(shè)置文檔屬性第16頁/共89頁11.3初識(shí)FLASH8.0相關(guān)知識(shí):【文檔屬性】對(duì)話框中參數(shù)的含義：【標(biāo)題】：設(shè)置文檔的標(biāo)題?！久枋觥浚簩?duì)創(chuàng)建的影片做一些簡(jiǎn)單的描述。【尺寸】：舞臺(tái)的尺寸最小可設(shè)定成寬1px（像素）、高1px（像素），最大可設(shè)定成寬2880px（像素）、高2880px（像素）。另外，系統(tǒng)默認(rèn)的尺寸單位是px（像素），可以自行輸入“cm（厘米）”、“mm（毫米）”和“in（英寸）”等單位的數(shù)值，也可以在【標(biāo)尺單位】中選擇?！酒ヅ洹縷【打印機(jī)】：匹配打印機(jī)，讓底稿的大小與打印機(jī)的打印范圍相同?！酒ヅ洹縷【內(nèi)容】：匹配內(nèi)容，將底稿縮放成和畫面上的對(duì)象大小一樣?！酒ヅ洹縷【默認(rèn)】：使用默認(rèn)值?！颈尘邦伾浚涸O(shè)置舞臺(tái)的背景顏色。【幀頻】：默認(rèn)的是12fps。這個(gè)速度很適合在網(wǎng)絡(luò)上播放，一般情況下我們都保持這個(gè)幀頻。在設(shè)計(jì)一些特殊效果的課件時(shí)，可以更改這個(gè)數(shù)值，數(shù)值越大動(dòng)畫的播放速度越快?！緲?biāo)尺單位】：標(biāo)尺是顯示在場(chǎng)景周圍的輔助工具，以標(biāo)尺為參照可以使我們繪制的圖形更精確。在這里可以設(shè)置標(biāo)尺的單位?！驹O(shè)為默認(rèn)值】：將所有設(shè)定存成默認(rèn)值，下次當(dāng)再開啟新的影片文檔時(shí)，影片的舞臺(tái)大小和背景顏色會(huì)自動(dòng)調(diào)整成這次設(shè)定的值。第17頁/共89頁11.3初識(shí)FLASH8.03．設(shè)置背景圖層相關(guān)知識(shí)：【時(shí)間軸】是用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。時(shí)間軸的主要組件是圖層、幀和播放頭。

第18頁/共89頁11.3初識(shí)FLASH8.0舞臺(tái)

【時(shí)間軸】下方是【舞臺(tái)】，舞臺(tái)就是我們所說的工作區(qū)，F(xiàn)lash8擴(kuò)展了舞臺(tái)的工作區(qū)，可以在上面存儲(chǔ)更多的項(xiàng)目。舞臺(tái)是放置動(dòng)畫內(nèi)容的矩形區(qū)域，這些內(nèi)容可以是矢量圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等，只有放置舞臺(tái)工作區(qū)的對(duì)象才能作為影片輸出或打印。4.增加圖層和制作福娃順時(shí)針旋轉(zhuǎn)出現(xiàn)5.輸入文字6.創(chuàng)建文字由小到大逐漸擴(kuò)展的動(dòng)畫7.保存和測(cè)試影片相關(guān)知識(shí)工具箱內(nèi)各個(gè)工具基本作用如下：(1)【工具】欄：它放置了16個(gè)繪制圖形、編輯圖形和輸入文字的工具，用鼠標(biāo)單擊某個(gè)工具按鈕圖標(biāo)后，即可使用相應(yīng)的工具。(2)【查看】欄：有兩個(gè)工具，用來調(diào)整舞臺(tái)編輯畫面的觀察位置和顯示比例。(3)【顏色】欄：用來確定繪圖的顏色，可以用來設(shè)置填充物和線的顏色，也可以設(shè)置無填充物和無輪廓線。(4)【選項(xiàng)】欄：放置了用于對(duì)當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性按鈕和功能按鈕選選項(xiàng)。

第19頁/共89頁11.3初識(shí)FLASH8.0圖工具箱第20頁/共89頁11.3初識(shí)FLASH8.011.3.2Flash8.0的新功能一、界面的改變二、新增濾鏡效果三、運(yùn)行時(shí)位圖緩存〖讀一讀〗第21頁/共89頁11.3初識(shí)FLASH8.0四、自定義漸進(jìn)/漸出功能五、全新的視頻編碼技術(shù)第22頁/共89頁〖跟我做一做〗案例1：繪制可愛的QQ仔11.4Flash8基本設(shè)計(jì)工具第23頁/共89頁11.4Flash8基本設(shè)計(jì)工具一、【鉛筆】工具和【線條】工具

在繪畫中，線條一直起著舉足輕重的作用。通過使用鉛筆工具和線條工具，我們可以繪制出各種類型的弧線、曲線等,利用鉛筆工具和線條工具可以繪制出很多漂亮的圖形。1.【鉛筆】工具

在工具箱中選擇鉛筆工具，這時(shí)在工具箱的【選項(xiàng)】區(qū)域中，單擊按鈕將出彈出3個(gè)屬性選項(xiàng)。用鉛筆工具繪制圓形11.4.1

繪圖工具第24頁/共89頁11.4Flash8基本設(shè)計(jì)工具2.【線條】工具使用方法很簡(jiǎn)單，先在舞臺(tái)工作區(qū)建立一個(gè)起點(diǎn)（按一下鼠標(biāo)左鍵），然后拖動(dòng)鼠標(biāo)到結(jié)束點(diǎn)松開鼠標(biāo)就可以繪制出一條直線。繪制垂直直線繪制水平直線

接近其它圖形

二、【橢圓】工具、【矩形】工具與【多角星形】工具橢圓工具、矩形工具與多角星形工具可以繪制出比較規(guī)則的圖形，當(dāng)然我們也可以利用它們繪制出非常好看的圖形，如第一案例中繪制的“QQ仔”就是利用它們制作出來的。對(duì)于使用橢圓工具和矩形工具繪制出的圖形，它們有兩個(gè)部分，一個(gè)是輪廓線，另一個(gè)是填充物。第25頁/共89頁11.4Flash8基本設(shè)計(jì)工具1．【橢圓】工具

橢圓工具用來繪制橢圓。

通過設(shè)置筆觸顏色和填充色，能畫出實(shí)心橢圓、空心橢圓和實(shí)心無邊框橢圓。

與Shift鍵配合使用能畫出正圓形。2．【矩形】工具使用

可以畫出各式各樣的矩形。通過設(shè)置筆觸顏色和填充色，能畫出實(shí)心、空心和實(shí)心無邊框矩形。與Shift鍵配合使用能畫出正方形。

3.【多角星形】工具

可以繪制出不少于三個(gè)邊的等邊多邊形或星形。選擇此工具后，在屬性面板中單擊“選項(xiàng)”按鈕，可以打開“工具設(shè)置”對(duì)話框。第26頁/共89頁11.4Flash8基本設(shè)計(jì)工具三、【刷子】工具在設(shè)計(jì)中，設(shè)計(jì)者希望自己的作品富有創(chuàng)意且生動(dòng)形象,在Flash8.0中，刷子工具就一個(gè)比較發(fā)揮藝術(shù)效果的工具。

刷子工具可以繪制不同顏色的圖形，也可以為各種圖形對(duì)象著色。刷子的顏色由填充色設(shè)置。

刷子工具選項(xiàng)欄中有刷子模式、鎖定填充、刷子大小和刷子形狀。刷子模式鎖定填充刷子大小刷子形狀四、【鋼筆】工具鋼筆工具用于繪制精確的直線或曲線線段。圖2.45鋼筆繪制直線段五、視圖工具

視圖工具本身不具備對(duì)圖形進(jìn)行創(chuàng)建和修改的功能，只是在圖形的編輯過程中起到方便用戶查看和操作的工具。1.【手形】工具第27頁/共89頁11.4Flash8基本設(shè)計(jì)工具用于調(diào)整觀察區(qū)域的工具，比如有時(shí)圖形太大，舞臺(tái)工作區(qū)顯示不完全時(shí)，我們可以利用該工具對(duì)舞臺(tái)所顯示的區(qū)域進(jìn)行調(diào)整。2.【縮放】工具當(dāng)我們選擇縮放工具，在工具箱的【選項(xiàng)】區(qū)域中會(huì)出現(xiàn)屬性縮放工具的選項(xiàng)其中加號(hào)為放大工具，減號(hào)為縮小工具；放大工具用于對(duì)圖形的顯示比例進(jìn)行放大，縮小工具用于對(duì)圖形的顯示比例進(jìn)行縮小。六、調(diào)色工具【顏料桶】工具和【填充變形】工具1.【顏料桶】工具顏料桶工具的主要作用是對(duì)填充物的顏色進(jìn)行修改。第28頁/共89頁11.4Flash8基本設(shè)計(jì)工具2.【填充變形】工具主要用于調(diào)整填充物的漸變色的效果。七、【墨水瓶】工具主要作用是對(duì)矢量線段的顏色及線型進(jìn)行修改。放射狀填充的句柄八、【滴管】工具主要作用是可以把舞臺(tái)上的矢量線段或矢量區(qū)域的屬性吸取，再把這些屬性快速的應(yīng)用到其它對(duì)象上。第29頁/共89頁11.4Flash8基本設(shè)計(jì)工具11.4.2圖形編輯工具圖形編輯工具主要是用于對(duì)圖形的外觀進(jìn)行調(diào)整和修改,其中包括橡皮擦工具、部分選取工具、和選擇工具、套索工具和任意變形工具。一、【橡皮擦】工具橡皮擦工具可以擦除舞臺(tái)中不需要的圖形部分。橡皮擦工具的選項(xiàng)欄有橡皮擦模式、水龍頭和橡皮擦形狀選項(xiàng)。橡皮擦模式水龍頭橡皮擦形狀二、【選擇】工具和【部分選取】工具主要用于對(duì)目標(biāo)對(duì)象的選擇、移動(dòng)、復(fù)制和調(diào)整，是使用頻率較高的一類工具。第30頁/共89頁11.4Flash8基本設(shè)計(jì)工具選擇工具的選項(xiàng)【貼緊至對(duì)象】：移動(dòng)對(duì)象時(shí)，使對(duì)象自動(dòng)對(duì)齊到運(yùn)動(dòng)路徑上?！酒交浚赫{(diào)整矢量線段或矢量色塊的邊緣時(shí)，使之圓滑?！旧熘薄浚赫{(diào)整矢量線段或矢量色塊的邊緣時(shí)，使之產(chǎn)生棱角。三、【套索】工具主要用于對(duì)圖形的部分區(qū)域或相近顏色區(qū)域的選取。套索工具的選項(xiàng)【魔術(shù)棒】：用于選擇圖形顏色相近的區(qū)域【魔術(shù)棒設(shè)置】：設(shè)置選擇相近區(qū)域的容錯(cuò)度【多邊形模式】：選擇多邊形的顏色區(qū)域第31頁/共89頁11.4Flash8基本設(shè)計(jì)工具四、【任意變形】工具可以對(duì)圖形進(jìn)行旋轉(zhuǎn)、傾斜、縮放、扭曲和封套，使圖形隨心所欲的變形。其選項(xiàng)的含義：【旋轉(zhuǎn)與傾斜】：調(diào)整圖形的旋轉(zhuǎn)角度和傾斜度?！究s放】：調(diào)整圖形的大小?！九で浚赫{(diào)整圖形的向某一方向的縮放?！痉馓住浚喝我庹{(diào)整圖形的形狀，如彎曲。任意變形工具的選項(xiàng)第32頁/共89頁11.4Flash8基本設(shè)計(jì)工具實(shí)例2.中空文字實(shí)例3.立體文字11.4.3實(shí)戰(zhàn)練習(xí):實(shí)例1.七彩文字第33頁/共89頁11.5基礎(chǔ)動(dòng)畫的制作3.1案例：《日出》——基礎(chǔ)動(dòng)畫的應(yīng)用〖跟我做一做〗日出的效果主要的制作過程請(qǐng)同學(xué)們注意觀察案例的操作過程。第34頁/共89頁11.5基礎(chǔ)動(dòng)畫的制作3.2Flash動(dòng)畫的基礎(chǔ)知識(shí)〖讀一讀〗

時(shí)間軸是Flash中最重要的工具之一。用它可以查看每一幀的情況，調(diào)整動(dòng)畫播放的速度，安排幀的內(nèi)容，改變幀與幀之間的關(guān)系，從而實(shí)現(xiàn)不同的動(dòng)畫效果。時(shí)間軸面板3.2.1時(shí)間軸的介紹第35頁/共89頁11.5基礎(chǔ)動(dòng)畫的制作3.2.2幀的介紹“幀”是動(dòng)畫制作中的一個(gè)概念詞，一幀代表著動(dòng)畫作品中連續(xù)畫面中的一個(gè)畫面效果。在時(shí)間軸上，幀編輯區(qū)中橫向排列的小方格就是幀，每一幀對(duì)應(yīng)的上方的數(shù)字是幀的編號(hào)。（1）表示圖層上為空白幀，幀上沒有內(nèi)容。（2）表示圖層上只有一個(gè)關(guān)鍵幀；（3）表示該圖層上為逐幀動(dòng)畫內(nèi)容；表示該圖層上為漸變補(bǔ)間動(dòng)畫內(nèi)容；（4）第36頁/共89頁11.5基礎(chǔ)動(dòng)畫的制作學(xué)習(xí)幀的操作幀操作快捷菜單3.2.3庫的介紹FLASH中的“庫”是用來貯存元件符號(hào)的，它既可以貯存FLASH中生成的元件符號(hào)，也可以貯存從別處導(dǎo)入到FLASH中的元件符號(hào)。學(xué)習(xí)庫的操作：第37頁/共89頁11.5基礎(chǔ)動(dòng)畫的制作1.如何將素材放入到庫中？2.如何使用庫中的素材？3.如何從另一個(gè)FLASH文件中打開庫？4.如何使用庫窗口里的文件夾？

5.如何在庫窗口里將項(xiàng)目歸類？6.如何編輯庫內(nèi)項(xiàng)目？

7.如何庫內(nèi)項(xiàng)目的重命名？

8、刪除庫內(nèi)項(xiàng)目

9、查找無用項(xiàng)目

3.2.4元件的介紹“元件”就像是給圖形套上了一件“衣服”，這件“衣服”上隱藏著分身術(shù)的魔法。圖形穿上它后，我們可以無限制的讓同一個(gè)圖形無限次的出現(xiàn)在舞臺(tái)上。而且不管你如何將舞臺(tái)上的圖形分身變胖變瘦，圖形原本的真身卻是不會(huì)變化的！第38頁/共89頁11.5基礎(chǔ)動(dòng)畫的制作現(xiàn)在我們學(xué)習(xí)元件的操作：1.如何新建元件？2.如何從元件庫中調(diào)取元件？3.如何設(shè)置元件屬性？4.Flash元件的復(fù)制與替換3.3實(shí)戰(zhàn)練習(xí)〖練一練〗3.3.1實(shí)戰(zhàn)練習(xí)1：簡(jiǎn)單動(dòng)畫的實(shí)現(xiàn)1、對(duì)象大小變化的動(dòng)畫制作⒉對(duì)象位移的變化第39頁/共89頁11.5基礎(chǔ)動(dòng)畫的制作⒊對(duì)象旋轉(zhuǎn)的變化4.對(duì)象顏色的變化5.對(duì)象透明度的變化3.3.2實(shí)戰(zhàn)練習(xí)2：老虎變貓第40頁/共89頁11.6復(fù)雜動(dòng)畫的制作4.1案例：《跑動(dòng)的小人》——?jiǎng)赢嫷牡谝活?逐幀動(dòng)畫〖跟我做一做〗跑動(dòng)的小人靜態(tài)圖請(qǐng)同學(xué)們注意觀察案例的操作過程。逐幀動(dòng)畫的制作方法與傳統(tǒng)的動(dòng)畫相似，將對(duì)象的運(yùn)動(dòng)過程分解成多個(gè)靜態(tài)圖形，再將這些連續(xù)的靜態(tài)圖形置于連續(xù)關(guān)鍵幀中，就構(gòu)成了逐幀動(dòng)畫。由于其中的每一幀都是關(guān)鍵幀，所以生成的影片相對(duì)較大，僅適用于制作較為精細(xì)復(fù)雜的小動(dòng)畫。第41頁/共89頁11.6復(fù)雜動(dòng)畫的制作4.2復(fù)雜動(dòng)畫的知識(shí)〖讀一讀〗4.2.1圖層的基本操作1.新增圖層添加圖層的方法是執(zhí)行【插入】/【時(shí)間軸】/【圖層】菜單命令，或者在【時(shí)間軸】面板上，點(diǎn)擊插入圖層按鈕，這樣就會(huì)在事先選定的圖層上方出現(xiàn)新建的圖層。2.圖層重命名圖層重命名的方法很簡(jiǎn)單，只要在你想要命名的圖層名稱上雙擊兩下鼠標(biāo)左鍵，就可以更改這個(gè)圖層的名字了。3.選取圖層圖層的選取，只要你將鼠標(biāo)放到你所需要的圖層上，輕輕點(diǎn)擊一下鼠標(biāo)左鍵就可以了。

第42頁/共89頁11.6復(fù)雜動(dòng)畫的制作4.刪除圖層當(dāng)遇到你不需要的圖層時(shí)，你可以在【時(shí)間軸】面板上，點(diǎn)擊刪除圖層按鈕，這樣就會(huì)將事先選定的圖層丟掉了。5.隱藏圖層在有些時(shí)候我們需要臨時(shí)隱藏某些圖層上的效果，如果這樣的話，你可以將該層右邊的眼睛圖標(biāo)關(guān)掉，那樣你就看不到它了。

6.鎖定圖層我們?cè)趫D層的右邊找到鎖定圖層按鈕，點(diǎn)選它就可以鎖定圖層了。

7.圖層文件夾我們?cè)凇緯r(shí)間軸】面板上，點(diǎn)擊圖標(biāo)，這樣就會(huì)在時(shí)間軸面板上增加圖層文件夾了，然后你可以將圖層文件拖入到文件夾中。第43頁/共89頁11.6復(fù)雜動(dòng)畫的制作4.2.2動(dòng)畫的類型“形狀補(bǔ)間動(dòng)畫”和“動(dòng)作補(bǔ)間動(dòng)畫”“形狀補(bǔ)間動(dòng)畫”，簡(jiǎn)稱“形狀動(dòng)畫”。這類動(dòng)畫利用了一種“補(bǔ)間漸變”技術(shù)，電腦可以通過這種技術(shù)，在兩個(gè)不同內(nèi)容的關(guān)鍵幀之間計(jì)算出漸變動(dòng)畫的內(nèi)容，這讓動(dòng)畫的制作流程變得更加輕松了?！靶螤顒?dòng)畫”，在三類動(dòng)畫中最大的亮點(diǎn)應(yīng)該是它可以非常輕松的完成形狀之間的漸變動(dòng)畫效果。4.2.3特殊動(dòng)畫輔助圖層——遮罩層和引導(dǎo)層

遮罩的實(shí)現(xiàn)一共關(guān)系到兩個(gè)圖層，上面的是遮罩層，下面的是被遮罩層。遮罩層猶如一扇窗口，遮罩的效果就是通過遮罩層這扇窗看被遮罩層的內(nèi)容的。

引導(dǎo)層簡(jiǎn)單來說是指可以在指定的引導(dǎo)圖層上建立引導(dǎo)對(duì)象運(yùn)動(dòng)方向的圖層，它能很好的指定對(duì)象的運(yùn)動(dòng)路線。第44頁/共89頁11.6復(fù)雜動(dòng)畫的制作4.3實(shí)戰(zhàn)練習(xí)〖練一練〗4.3.1實(shí)戰(zhàn)練習(xí)1：變化的月亮——形狀補(bǔ)間動(dòng)畫的應(yīng)用請(qǐng)同學(xué)們注意觀察案例的操作過程?！继接懪c擴(kuò)展〗

我們能不能利用剛才學(xué)到形狀動(dòng)畫的知識(shí)讓圓月最終變成“中秋月圓”這四個(gè)文字呢？『解決思路』：作為剛剛接觸Flash軟件的你，遇到一些技術(shù)問題的時(shí)候怎么辦？其實(shí)最直接的解答方式就是查閱軟件中自帶的幫助文件。我們可以在【幫助】菜單中找到“Flash入門”這一選項(xiàng)，在彈出的【幫助】面板中你可以搜索“補(bǔ)間動(dòng)畫”的內(nèi)容，相信你能得到一些提示哦，其實(shí)最好的老師就是你自己！第45頁/共89頁11.6復(fù)雜動(dòng)畫的制作4.3.2實(shí)戰(zhàn)練習(xí)2：花飛舞——?jiǎng)幼餮a(bǔ)間動(dòng)畫的應(yīng)用4.3.3實(shí)戰(zhàn)練習(xí)3：遮罩超人豬——遮罩動(dòng)畫的應(yīng)用請(qǐng)同學(xué)們注意觀察案例的操作過程。4.3.4實(shí)戰(zhàn)練習(xí)4：喝醉的紙飛機(jī)——引導(dǎo)動(dòng)畫的應(yīng)用4.3.5實(shí)戰(zhàn)練習(xí)5：轉(zhuǎn)動(dòng)的眼球——引導(dǎo)層動(dòng)畫的應(yīng)用4.3.6實(shí)戰(zhàn)練習(xí)6：青花瓷歌詞——遮罩動(dòng)畫的應(yīng)用第46頁/共89頁11.7位圖聲音和視頻5.1案例:創(chuàng)建房地產(chǎn)宣傳廣告——導(dǎo)入外部素材〖跟我做一做〗圖5.1房地產(chǎn)宣傳廣告第47頁/共89頁11.7位圖聲音和視頻相關(guān)知識(shí)：

導(dǎo)入位圖導(dǎo)入位圖的操作在制作動(dòng)畫的過程中經(jīng)常使用，不管是導(dǎo)入到舞臺(tái)還是導(dǎo)入到庫，所有的直接導(dǎo)入到文檔中的位圖都會(huì)自動(dòng)地存放在該文檔的【庫】面板中。5.2在Flash中應(yīng)用位圖、聲音與視頻〖讀一讀〗5.2.1為位圖去掉背景——將位圖轉(zhuǎn)換為矢量圖的方法1.選中導(dǎo)入到舞臺(tái)中的位圖。選擇【修改】|【位圖】|【轉(zhuǎn)換位圖為矢量圖】菜單2.彈出【轉(zhuǎn)換位圖為矢量圖】對(duì)話框，參數(shù)設(shè)置第48頁/共89頁11.7位圖聲音和視頻參數(shù)設(shè)置

5.2.2在Flash中應(yīng)用聲音聲音是FLASH動(dòng)畫中的一個(gè)重要元素，添加了聲音的動(dòng)畫將更豐富多彩，更富有藝術(shù)表現(xiàn)力。將聲音導(dǎo)入Flash引用聲音聲音屬性設(shè)置和編輯相關(guān)知識(shí)：各種聲音效果【無】：不對(duì)聲音文件應(yīng)用效果，選擇此選項(xiàng)將刪除以前應(yīng)用過的效果?！咀舐暤馈?【右聲道】：只在左或右聲道中播放聲音?！緩淖蟮接业觥?【從右到左淡出】：會(huì)將聲音從一個(gè)聲道切換到另一個(gè)聲道?！镜搿浚簳?huì)在聲音的持續(xù)時(shí)間內(nèi)逐漸增加其幅度?！镜觥浚簳?huì)在聲音的持續(xù)時(shí)間內(nèi)逐漸減小其幅度。【自定義】：可以使用“編輯封套”創(chuàng)建聲音的淡入和淡出點(diǎn)。第49頁/共89頁11.7位圖聲音和視頻相關(guān)知識(shí)：設(shè)置同步屬性【事件】:會(huì)將聲音和一個(gè)事件的發(fā)生過程同步起來。事件聲音在它的起始關(guān)鍵幀開始顯示時(shí)播放，并獨(dú)立于時(shí)間軸播放完整個(gè)聲音，即使SWF文件停止也繼續(xù)播放。當(dāng)播放罰布的SWF文件時(shí)，事件聲音混合在一起。【開始】:與【事件】選項(xiàng)的功能相近，但如果聲音正在播放，使用【開始】選項(xiàng)則不會(huì)播放新的聲音實(shí)例?！就Ｖ埂?將使指定的聲音靜音?！緮?shù)據(jù)流】:將同步聲音，強(qiáng)制動(dòng)畫和音頻流同步。與事件聲音不同，音頻流隨著SWF文件的停止而停止。而且，音頻流的播放時(shí)間絕對(duì)不會(huì)比幀的播放時(shí)間長(zhǎng)。當(dāng)發(fā)布SWF文件時(shí)，音頻流混合在一起。4壓縮聲音5.2.3cc在Flash中應(yīng)用視頻支持的視頻類型Ｆlash支持的視頻格式有許多種，類型會(huì)因電腦所安裝的軟件不同而不同，比如：如果機(jī)器上已經(jīng)安裝了QuickTime4和DirectX7及其以上版本，則可以導(dǎo)入包括MOV（QuickTime影片）、AVI（音頻視頻交叉文件）和MPG/MPEG（運(yùn)動(dòng)圖像專家組文件）等格式的視頻剪輯第50頁/共89頁11.7位圖聲音和視頻文件類型擴(kuò)展名音頻視頻交叉.avi數(shù)字視頻.dv運(yùn)動(dòng)圖像專家組.mpg、.mpegQuickTime影片.movWindows媒體文件.wmv、.asf5.4實(shí)戰(zhàn)練習(xí)〖練一練〗5.4.1實(shí)戰(zhàn)練習(xí)1:給按鈕加上聲效——應(yīng)用聲音5.4.2實(shí)戰(zhàn)練習(xí)2：制作會(huì)叫的小貓第51頁/共89頁11.7位圖聲音和視頻5.4.3實(shí)戰(zhàn)練習(xí)3：導(dǎo)入視頻第52頁/共89頁11.8ActionScript編程與交互式動(dòng)畫6.1案例：制作漫天飛舞的雪景——了解Flash8.0制作交互式動(dòng)畫的基本流程〖跟我做一做〗漫天飛舞的雪景第53頁/共89頁11.8ActionScript編程與交互式動(dòng)畫相關(guān)知識(shí)：【動(dòng)作】面板簡(jiǎn)介1．【動(dòng)作】面板的組成第54頁/共89頁11.8ActionScript編程與交互式動(dòng)畫2．【動(dòng)作】面板的使用方法【動(dòng)作】面板有3種：幀的“幀—?jiǎng)幼鳌泵姘濉粹o的“動(dòng)作—按鈕”面板和影片剪輯實(shí)例的“動(dòng)作—影片剪輯”面板。它們?nèi)N面板都是一樣的，只是對(duì)不同對(duì)象編輯腳本時(shí)顯示不同罷了。我們現(xiàn)在以“幀—?jiǎng)幼鳌泵姘鍨槔v解【動(dòng)作】面板的使用方法?！继接懪c擴(kuò)展〗第55頁/共89頁11.8ActionScript編程與交互式動(dòng)畫6.2ActionScript語言與面向?qū)ο蟮木幊痰暮?jiǎn)介〖讀一讀〗6.2.1認(rèn)識(shí)ActionScript語言ActionScript是MacromediaFlash使用的腳本語言。它能夠使用戶的Flash內(nèi)容具有交互性。ActionScript提供了一個(gè)在Flash中進(jìn)行操作的更有效的方法,從創(chuàng)建簡(jiǎn)單的動(dòng)畫到設(shè)計(jì)復(fù)雜的、數(shù)據(jù)豐富的交互應(yīng)用程序界面。目前MacromediaFlash8.0的腳本語言的版本是ActionScript2.0。6.2.2點(diǎn)操作符6.2.3常用的指令

1．duplicateMovieClip指令格式：duplicateMovieClip（target,newInstanceName,depth）功能：復(fù)制場(chǎng)景上指定的影片剪輯實(shí)例對(duì)象到舞臺(tái)的指定層，并給復(fù)制出來新的實(shí)例對(duì)象一個(gè)新的實(shí)例名稱及相應(yīng)的深度值。參數(shù)：target是初始影片對(duì)象的目標(biāo)路徑。newInstanceName是新影片剪輯對(duì)象的名稱。depth是指定新影片剪輯對(duì)象在舞臺(tái)上深度。第56頁/共89頁11.8ActionScript編程與交互式動(dòng)畫2．setProperty指令格式：setProperty(target,property,expression)功能：用來設(shè)置影片剪輯實(shí)例（target）的屬性。參數(shù)：target–用來設(shè)置和改變影片剪輯實(shí)例對(duì)象的目標(biāo)路徑。property-影片剪輯的屬性。expression–一個(gè)表達(dá)式，是屬性的值。3．onClipEvent指令格式：onClipEvent(movieEvent){statements；}功能：用來設(shè)置觸發(fā)為特定影片剪輯實(shí)例定義的動(dòng)作。參數(shù)：movieEvent–是一個(gè)稱為事件的觸發(fā)器。當(dāng)事件發(fā)生時(shí)，執(zhí)行該事件后面大括號(hào)({})中的語句。4.with指令格式：with(object){statement(s);}功能：使用object參數(shù)指定一個(gè)對(duì)象（例如影片剪輯），并使用statement(s)參數(shù)計(jì)算該對(duì)象內(nèi)的表達(dá)式和動(dòng)作。參數(shù)：object參數(shù)是要控制的影片剪輯實(shí)例（對(duì)象）的目標(biāo)路徑；statement(s)參數(shù)是控制影片剪輯元件的指令體。第57頁/共89頁11.8ActionScript編程與交互式動(dòng)畫5．trace指令格式：trace(expression)功能：將表達(dá)式的值傳遞給“輸出”面板，在面板中顯示表達(dá)式的值。6.2.4分支語句與循環(huán)語句用于控制程序流程的語句可以有分支語句和循環(huán)語句。所謂程序流程就是程序的執(zhí)行順序。

1．if語句（1）格式1：if(condition){語句體；}（2）格式2：if(condition){語句體1；}else{語句體2；}（3）格式3：if(condition1){語句體1；}elseif(condition2){語句體2；}第58頁/共89頁11.8ActionScript編程與交互式動(dòng)畫2．while語句（1）while語句格式：while(condition){語句體；}（2）do

while語句格式：do{語句體；}while(condition)3．break和continue語句（1）break語句格式：break;功能：用于強(qiáng)制退出循環(huán)。（2）continue語句格式：continue;功能：用于強(qiáng)制回到循環(huán)開始處。4．for語句格式：for(init;condition;next){語句體;}功能：計(jì)算一次init（初始化）表達(dá)式，然后開始一個(gè)循環(huán)序列。循環(huán)序列從計(jì)算condition表達(dá)式開始。如果condition表達(dá)式的計(jì)算結(jié)果為true，將執(zhí)行語句體并計(jì)算next表達(dá)式。然后循環(huán)序列再次從計(jì)算condition表達(dá)式開始。第59頁/共89頁11.8ActionScript編程與交互式動(dòng)畫6.2.5面向?qū)ο蟮木幊?．類、對(duì)象、屬性與方法ActionScript的函數(shù)3創(chuàng)建對(duì)象的方法與訪問對(duì)象的方法和屬性4.Flash8.0的部分內(nèi)置對(duì)象6.3實(shí)戰(zhàn)練習(xí)〖練一練〗6.3.1實(shí)戰(zhàn)練習(xí)1．鼠標(biāo)跟隨的笑臉第60頁/共89頁11.8ActionScript編程與交互式動(dòng)畫6.3.2實(shí)戰(zhàn)練習(xí)2．制作星空動(dòng)感網(wǎng)頁第61頁/共89頁11.8ActionScript編程與交互式動(dòng)畫相關(guān)知識(shí)：1.fscommand指令格式：fscommand（command，parameters）功能：fscommand指令可以實(shí)現(xiàn)對(duì)影片瀏覽器，也就是FlashPlayer的控制。另外，配合JavaScript腳本語言，fscommand命令成為Flash和外界溝通的橋梁。比如，怎樣使影片全屏幕播放、怎樣在影片中調(diào)用外部程序等。參數(shù)：fscommand命令中包含兩個(gè)參數(shù)項(xiàng)，一個(gè)是可以執(zhí)行的命令(command)，另一個(gè)是執(zhí)行命令的參數(shù)(parameters)第62頁/共89頁11.8ActionScript編程與交互式動(dòng)畫2.getURL指令格式：getURL（URL[，Window，method]）功能：給事件添加超級(jí)鏈接，包括電子郵件鏈接。調(diào)用網(wǎng)頁的格式是在雙引號(hào)中加入網(wǎng)址，調(diào)用郵件可以在雙引號(hào)中加入“mailto:”跟一個(gè)郵件地址，如“mailto:mymail@163.com”。參數(shù)：URL是設(shè)置調(diào)用的網(wǎng)頁網(wǎng)址。window[可選]–設(shè)置瀏覽器網(wǎng)頁打開的方式，有四種方式：_self：在當(dāng)前SWF動(dòng)畫所在網(wǎng)頁的框架被新的網(wǎng)頁所替換。_blank：打開一個(gè)新的瀏覽器窗口。_parent：如果瀏覽器中使用了框架，則在當(dāng)前框架的上一級(jí)顯示網(wǎng)頁。_top：在當(dāng)前窗口中打開網(wǎng)頁，返回框架最頂級(jí)。method[方式]-用于發(fā)送變量的GET或POST方法。如果沒有變量，則省略此參數(shù)。GET方法將變量附加到URL的末尾，它用于發(fā)送少量的變量。POST方法在單獨(dú)的HTTP標(biāo)頭中發(fā)送變量，它用于發(fā)送長(zhǎng)字符串的變量。第63頁/共89頁11.8ActionScript編程與交互式動(dòng)畫6.3.3實(shí)戰(zhàn)練習(xí)3．Loading動(dòng)畫的制作第64頁/共89頁11.8ActionScript編程與交互式動(dòng)畫6.3.4實(shí)戰(zhàn)練習(xí)4．小車運(yùn)動(dòng)——物理課件的制作勻速運(yùn)動(dòng)加速運(yùn)動(dòng)第65頁/共89頁11.9cc濾鏡和混合模式7.1c案例:流光異彩的按鈕——濾鏡應(yīng)用〖跟我做一做〗

相關(guān)知識(shí)：濾鏡Flash8中新增的“濾鏡”功能，可以為文本、按鈕和影片剪輯添加獨(dú)特的視覺效果，并且可以將比如陰影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角和調(diào)整顏色等效果應(yīng)用于圖形元素中。第66頁/共89頁11.9cc濾鏡和混合模式7.2混合模式【讀一讀】

當(dāng)兩個(gè)圖像的顏色通道以某種數(shù)學(xué)計(jì)算方法混合疊加到一起的時(shí)候，兩個(gè)圖像會(huì)產(chǎn)生某種特殊的變化效果。在Flash8中提供了圖層、變暗、色彩增殖、變亮、熒幕、疊加、強(qiáng)光、增加、減去、差異、反轉(zhuǎn)、Alpha、擦除等混合模式7.3實(shí)戰(zhàn)練習(xí)〖練一練〗7.3.1實(shí)戰(zhàn)練習(xí)1：片頭動(dòng)畫第67頁/共89頁7.3.2實(shí)戰(zhàn)練習(xí)1：水波蕩漾第68頁/共89頁11.10組件和動(dòng)畫的發(fā)布8.1案例：留言板——組件的用法〖跟我做一做〗

留言板是網(wǎng)頁中最常見的一種效果。本節(jié)將帶讀者一起綜合使用Flash8.0的多種組件來制作一個(gè)簡(jiǎn)單的網(wǎng)頁留言板效果。第69頁/共89頁11.10組件和動(dòng)畫的發(fā)布相關(guān)知識(shí):1．Flash8.0組件的簡(jiǎn)單介紹FlashMX中的組件實(shí)際上就是一段帶有參數(shù)的影片剪輯。用戶可以隨意地修改組件的外觀和行為。組件既可以是簡(jiǎn)單的用戶界面控件（例如單選按鈕或復(fù)選框），也可以包含內(nèi)容（例如滾動(dòng)窗格）；還可以是不可視的（例如允許用戶控制應(yīng)用程序中接收焦點(diǎn)對(duì)象的FocusManager組件）。因此用戶可以方便而快速地構(gòu)建具有一致的外觀和行為的功能強(qiáng)大的應(yīng)用程序。2．TextArea組件（文本域組件）在需要多行文本字段的任何地方都可以使用TextArea組件。可以在【屬性】面板的【參數(shù)】選項(xiàng)卡中的【Text】框中輸入文字，輸入的文字在文本域內(nèi)會(huì)自動(dòng)換行，并自動(dòng)生成滑桿，用戶可通過滑桿來改變文字的顯示范圍。如果需要單行文本字段，則可以使用TextInput組件。第70頁/共89頁11.10組件和動(dòng)畫的發(fā)布相關(guān)知識(shí):RadioButton組件（單選按鈕組件）單選按鈕組件RadioButton用于選擇只有惟一答案的選項(xiàng)。單選按鈕組件和復(fù)選框組件非常相似，不同之處是復(fù)選框同時(shí)可以選擇多個(gè)選項(xiàng)，而單選按鈕必須設(shè)定群組，在一個(gè)群組中的單選按鈕不能重復(fù)，只能選擇其中一個(gè)。ComboBox組件（下拉菜單組件）下拉菜單組件ComboBox是把所有的選項(xiàng)放置在一個(gè)下拉菜單列表框中讓用戶從列表中選擇的組件，在當(dāng)前窗口中只顯示所選擇的選項(xiàng)，隱藏其他選項(xiàng)，此組件應(yīng)用非常廣泛。CheckBox組件（復(fù)選框組件）復(fù)選框是一個(gè)可以選中或者取消選中的方框。被選中后復(fù)選框中會(huì)出現(xiàn)一個(gè)復(fù)選標(biāo)記?？梢詾閺?fù)選框中添加一個(gè)文本標(biāo)簽，并且可以將它放在左側(cè)、右側(cè)、頂部或底部。第71頁/共89頁11.10組件和動(dòng)畫的發(fā)布Button組件（按鈕組件）這是FLASH8.0中最簡(jiǎn)單的一個(gè)組件。Button組件是一個(gè)可以調(diào)整大小的矩形用戶界面按鈕，可以給按鈕添加一個(gè)自定義圖標(biāo)，也可以將按鈕的行為從按下改為切換。在單擊切換按鈕后它將保持按下狀態(tài)，直到再次單擊時(shí)才會(huì)返回彈起狀態(tài)。第72頁/共89頁11.10組件和動(dòng)畫的發(fā)布8.2影片的發(fā)布與導(dǎo)出〖讀一讀〗

利用“發(fā)布”命令可以使用動(dòng)畫在網(wǎng)絡(luò)中播放，或者發(fā)布為各種格式的圖形文件和視頻文件，能在沒有安裝Flash插件的瀏覽器中進(jìn)行動(dòng)畫播放，同時(shí)還可以創(chuàng)建能獨(dú)立執(zhí)行的小程序，如EXE格式?！鞍l(fā)布”命令可以一次發(fā)布多個(gè)不同格式的文件。8.2.1影片預(yù)覽與發(fā)布的基本操作方法一：使用“控制器”工具欄。方法二：使用“控制”菜單。Flash8.0可以同時(shí)發(fā)布多種格式的動(dòng)畫文件。第73頁/共89頁11.10組件和動(dòng)畫的發(fā)布8.2.2設(shè)置動(dòng)畫發(fā)布的格式1、SWF格式2、HTML格式3、GIF格式4、JPEG格式5、PNG格式6、還可以發(fā)布Windows播放器、Macintosh播放器、QuickTime文件等格式8.2.2影片的導(dǎo)出當(dāng)Flash動(dòng)畫制作完成后，可以將該動(dòng)畫導(dǎo)出為各種不同類型的媒體文件，如GIF動(dòng)畫、Flash影片、AVI視頻文件等，便于在不同的軟件環(huán)境下使用或者在因特網(wǎng)上使用。1.導(dǎo)出影片2.導(dǎo)出圖像第74頁/共89頁11.10組件和動(dòng)畫的發(fā)布8.4實(shí)戰(zhàn)練習(xí)：日歷——組件的應(yīng)用〖練一練〗第75頁/共89頁11.11快速制作幻燈片9.1案例：演示文檔制作——學(xué)習(xí)幻燈片的制作第76頁/共89頁11.11快速制作幻燈片9.2實(shí)戰(zhàn)練習(xí):自定義模板-----建立公司特定模板〖練一練〗第77頁/共89頁

當(dāng)所有的動(dòng)畫效果、交互效果、聲音效果都被融入到一個(gè)Flash作品中以后，就要考慮如何將之輸出為一個(gè)完整的文件了。在輸出前，要對(duì)所有的動(dòng)畫效果、交互效果及聲音效果做一個(gè)整體的測(cè)試，如果存在問題，就要進(jìn)行調(diào)試、排除。測(cè)試除了解決動(dòng)畫中存在的問題以外，還有一項(xiàng)重要的功能，就是優(yōu)化。優(yōu)化后的影片體積較小，可以達(dá)到最佳的傳播效果。用Flash制作的動(dòng)畫是fla格式的，所以在動(dòng)畫制作完成后，需要將fla格式的文件發(fā)布成swf格式的文件（能被Flash播放器播放的動(dòng)畫文件），用于網(wǎng)頁播放。

11.12動(dòng)畫的測(cè)試、優(yōu)化與發(fā)布第78頁/共89頁

11.12.1動(dòng)畫的測(cè)試可以在兩種環(huán)境下測(cè)試動(dòng)畫，一種為動(dòng)畫編輯環(huán)境，另一種為動(dòng)畫測(cè)試環(huán)境。下面就針對(duì)兩種測(cè)試環(huán)境的特點(diǎn)，分別進(jìn)行介紹。1．在動(dòng)畫編輯環(huán)境下測(cè)試影片在動(dòng)畫編輯環(huán)境下，用戶按〈Enter〉鍵可以對(duì)動(dòng)畫進(jìn)行簡(jiǎn)單的測(cè)試，但動(dòng)畫中的影片剪輯元件、按鈕元件等交互式效果均不能得到測(cè)試。而且在動(dòng)畫編輯模式下，測(cè)試動(dòng)畫得到的動(dòng)畫速度比輸出或優(yōu)化后的動(dòng)畫速度慢，所以動(dòng)畫編輯環(huán)境不是用戶的首選測(cè)試環(huán)境。而在動(dòng)畫編輯環(huán)境下通過設(shè)置，可以對(duì)按鈕元件及簡(jiǎn)單的幀動(dòng)作（play，stop，gotoplay和gotoandstop）進(jìn)行測(cè)試。

11.12動(dòng)畫的測(cè)試、優(yōu)化與發(fā)布第79頁/共89頁

11.12.1動(dòng)畫的測(cè)試2．測(cè)試動(dòng)畫與場(chǎng)景測(cè)試動(dòng)畫與場(chǎng)景主要通過“控制”菜單實(shí)現(xiàn)，“控制”菜單如圖11-57所示。要測(cè)試一個(gè)動(dòng)畫的全部?jī)?nèi)容，執(zhí)行“控制”→“測(cè)試影片”命令，F(xiàn)lash將自動(dòng)導(dǎo)出當(dāng)前動(dòng)畫中的所有場(chǎng)景，然后將文件在新窗口中打開。要測(cè)試一個(gè)場(chǎng)景的全部?jī)?nèi)容，執(zhí)行“控制”→“測(cè)試場(chǎng)景”命令，F(xiàn)lash僅導(dǎo)出當(dāng)前動(dòng)畫中的當(dāng)前場(chǎng)景，然后將文件在新窗口中打開，且在“文件”選項(xiàng)卡中標(biāo)出當(dāng)前測(cè)試的場(chǎng)景。

圖11-57“控制”菜單11.12動(dòng)畫的測(cè)試、優(yōu)化與發(fā)布第80頁/共89頁

11.12.2優(yōu)化動(dòng)畫文件隨著動(dòng)畫文件大小的增大，它的下載和回放時(shí)間也會(huì)增加。作為發(fā)布過程中的一部分，F(xiàn)lash自動(dòng)對(duì)動(dòng)畫執(zhí)行一些優(yōu)化。

1．總體上優(yōu)化①對(duì)于多次出現(xiàn)的元素，使用元件、動(dòng)畫或者其他對(duì)象。②只要可能，就要使用補(bǔ)間動(dòng)畫，補(bǔ)間動(dòng)畫與一系列的關(guān)鍵幀相比，占用的文件空間更少。③對(duì)于動(dòng)畫序列，要使用影片剪