L5flash元件庫和實例

第五講元件、庫和實例山東財經(jīng)大學(xué)管理科學(xué)與工程學(xué)院王棟sjwd2002@內(nèi)容概要元件元件和實例的概述、元件的特點、元件的類型制作影片的一般工作流程、創(chuàng)建元件、編輯元件、退出元件編輯模式、復(fù)制元件、刪除元件、更改元件類型庫庫面板、處理庫項目、庫項目的基本操作用戶庫與公用庫實例實例及其創(chuàng)建、編輯實例、實例的屬性、交換實例改變實例類型、分離實例、查看實例信息練習(xí)5——創(chuàng)建按鈕、添加花朵背景元件是FlashCS5中一個比較重要且使用非常頻繁的概念，可以提高工作效率。FlashCS5中的元件全部存放在庫中，通過庫面板可以對元件進行編輯和管理，將元件從庫中導(dǎo)入到場景中就成了實例，三者之間具有非常密切的關(guān)系。所謂元件，就是用戶創(chuàng)建的、存放在當(dāng)前動畫庫中的可以反復(fù)使用的圖形、按鈕、動畫、聲音資源等。制作的或者導(dǎo)入的元件都會被存儲到庫中，在使用的時候，再將其從庫中拖到場景中即可。元件是一種可重復(fù)使用的對象，而實例是元件在場景上的一次具體使用。5.1.1元件和實例概述5.1.2元件的特點（1）使用元件可最大程度地減小影片文件的大小。重復(fù)調(diào)用一個元件比將該元件內(nèi)容以副本的形式放在影片的不同位置所占用的存儲容量要小得多。同一元件的多個實例在影片中只保存元件一次，而每個實例只保存附加信息（位置及其它屬性）。（2）使用元件可以加快影片的播放速度。這是因為下載時，相同的場景對象只需要下載一次即可。（3）元件的另一個好處是使用它們可以創(chuàng)建完善的交互性。（4）將元件拖動到場景中就成了實例。用戶可以對實例進行任意的修改和編輯，而不會影響到元件的任何屬性。（5）可簡化影片的編輯操作。在制作動畫的過程中，如果對使用的圖像元素重新編輯，那么還要對使用了該圖形元素的復(fù)制圖形進行編輯。而如果使用了元件，那么只需要對庫中的元件進行修改或者更新，場景中的所有實例也將隨之更新。（6）制作動作類的過濾動畫效果時，必須將圖形轉(zhuǎn)換成元件，否則將失去透明度等屬性，而且不能制作補間動畫。5.1.3元件的類型在FlashCS5中，每個元件都有唯一一個時間軸、場景及圖層。創(chuàng)建元件時需選擇元件的類型，這將決定用戶在影片中如何使用該元件。在FlashCS5中，元件有圖形元件、按鈕元件和影片剪輯元件3種。（1）圖形元件。圖形元件用于創(chuàng)建可反復(fù)使用的圖形，它可以是靜止圖片，也可以是由多個幀組成的動畫。它的特點是擁有相對獨立的編輯區(qū)域，如果將其調(diào)用到場景中，它會受到場景中幀的約束。

可應(yīng)用到其它類型的元件當(dāng)中，是3種元件類型中最基本的類型。（2）按鈕元件。按鈕元件用于創(chuàng)建動畫的控制按鈕，以響應(yīng)鼠標的按下、單擊等事件。按鈕元件包括“彈起”、“指針經(jīng)過”、“按下”和“單擊”4種狀態(tài)，可以定義與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，可根據(jù)對不同按鈕狀態(tài)的設(shè)置來觸發(fā)不同的特殊效果。（3）影片剪輯元件。Flash中最具有交互性、用途最多及功能最強的部分。影片剪輯擁有各自獨立于主時間軸的多幀時間軸（可設(shè)想為主電影中嵌套的小電影）；基本上就是一個小的獨立影片，可包含交互式控件、聲音甚至其它影片剪輯實例，可獨立于主時間軸播放；也可以將影片剪輯實例放在按鈕元件的時間軸內(nèi)，以創(chuàng)建動畫按鈕。當(dāng)播放主動畫時，影片剪輯元件也在循環(huán)播放，它不會受到場景中幀的約束。5.1.4制作影片的一般工作流程（1）

要構(gòu)建FlashCS5應(yīng)用程序，通常需要執(zhí)行下列基本步驟：計劃應(yīng)用程序。確定應(yīng)用程序要執(zhí)行哪些基本任務(wù)。添加媒體元素。創(chuàng)建并導(dǎo)入媒體元素，如圖像、視頻、聲音和文本等。使用元件和庫可以提高影片的制作效率排列元素。在舞臺上和時間軸中排列這些媒體元素，以定義它們在應(yīng)用程序中顯示的時間和顯示方式。5.1.4制作影片的一般工作流程（2）應(yīng)用特殊效果。根據(jù)需要應(yīng)用圖形濾鏡（如模糊、發(fā)光和斜角）、混合和其它特殊效果。使用ActionScript3.0控制行為。編寫ActionScript3.0代碼以控制媒體元素的行為方式，包括這些元素對用戶交互的響應(yīng)方式。測試并發(fā)布應(yīng)用程序。進行測試以驗證應(yīng)用程序是否按預(yù)期工作，查找并修復(fù)所遇到的錯誤。在整個創(chuàng)建過程中應(yīng)不斷測試應(yīng)用程序。將FLA文件發(fā)布為可在網(wǎng)頁中顯示并可使用FlashPlayer播放的SWF文件。

根據(jù)項目和工作方式，您可以按不同的順序使用上述步驟。5.1.5創(chuàng)建元件新建元件打開“創(chuàng)建新元件”對話框

的方法有：菜單項“插入|新建元件”“庫”面板左下角的

“新建元件”按鈕“庫”面板右上角的“庫面板”菜單中的“新建元件”快捷按鈕Ctrl+F8名稱、類型、文件夾“確定”后，將該元件

添加到庫中，并切換

到元件編輯模式5.1.5創(chuàng)建元件將選定對象轉(zhuǎn)換為元件在舞臺上選擇一個或多個

對象，執(zhí)行下列操作之一

打開“轉(zhuǎn)換為元件”對話框：菜單項“修改|轉(zhuǎn)換為元件”右鍵快捷菜單中的“轉(zhuǎn)換為元件”將選中對象拖到“庫”面板上快捷鍵F8“確定”后，將該元件添加

到庫中，舞臺上選定的對象將自動變成該元件的一個實例。1

創(chuàng)建圖形元件圖形元件通常由電影中使用多次的靜態(tài)圖形或者不需要對其進行控制的連續(xù)動畫片段組成。例如，用戶可以通過在場景中加入一朵鮮花元件的多個實例來創(chuàng)建一束花的外觀，其中每朵不具有電影效果的花便是圖形元件的很好例子。不過，這里并不是說圖形元件就不能具有電影效果，只是使用圖形元件制作的電影效果不可以用Action（動作）腳本控制，如果希望一段電影效果可以被Action控制，就需要將其制作成影片剪輯元件。除此之外，圖形元件和影片剪輯沒有多大區(qū)別。圖形元件與影片的主時間軸同步運行，交互式控件和聲音將不會在圖形元件的動畫序列中起作用。

2.創(chuàng)建按鈕元件如果希望Flash影片具有一定的交互性，比如可以響應(yīng)用戶對影片的操作，則可以通過按鈕來實現(xiàn)。要在影片中制作一個交互式按鈕，可以把該按鈕元件的一個實例放在場景上，然后給該實例指定Action（動作）。動作必須指定給影片中按鈕的實例，而不是指定給按鈕元件的時間軸中的幀。在默認情況下，F(xiàn)lash在創(chuàng)建按鈕元件的實例時會將按鈕設(shè)置為禁用狀態(tài)，這樣影片在編輯過程中就不會響應(yīng)按鈕操作，從而可以更容易地選擇和處理按鈕。當(dāng)按鈕處于禁用狀態(tài)時，單擊該按鈕就可以選擇它。當(dāng)按鈕處于啟用狀態(tài)時，單擊按鈕就會直接在編輯界面中響應(yīng)為該按鈕指定的鼠標事件，如同影片在播放時一樣。用戶可以通過選擇“控制”→“啟用簡單按鈕”菜單命令啟用和禁用按鈕。啟用按鈕后，該命令的旁邊會出現(xiàn)一個選中的標記，再次選擇該命令可以禁用按鈕。啟用按鈕后，場景上的所有按鈕都會做出反應(yīng)，當(dāng)指針滑過按鈕時，F(xiàn)lash會顯示“指針經(jīng)過”幀。當(dāng)單擊按鈕的活動區(qū)域時，F(xiàn)lash會顯示“按下”幀。

“按鈕”元件實際上是包含4幀的交互影片剪輯。將元件的類型設(shè)置為按鈕時，F(xiàn)lash會自動創(chuàng)建一個4幀的時間軸，其中前3幀顯示按鈕的3種顯示狀態(tài)，第4幀則定義了按鈕的響應(yīng)區(qū)域。按鈕的時間軸實際上并不播放，它只是對鼠標指針動作做出相應(yīng)的反應(yīng)，“按鈕”元件時間軸的每一幀都有特定的含義。（1）第1幀是“彈起”狀態(tài)，表示鼠標指針沒有滑過按鈕時該按鈕的狀態(tài)，也就是按鈕最初的顯示狀態(tài)。（2）第2幀是“指針經(jīng)過”狀態(tài)，表示當(dāng)鼠標指針位于該按鈕上但沒有單擊時按鈕的外觀。（3）第3幀是“按下”狀態(tài)，表示鼠標單擊按鈕時按鈕的外觀。（4）第4幀是“點擊”狀態(tài)，用于定義響應(yīng)鼠標單擊的區(qū)域，該區(qū)域在影片中是不可見的。

3.創(chuàng)建影片剪輯元件“影片剪輯”就像Flash中嵌套的小型影片一樣，使用它可以創(chuàng)建能重復(fù)使用的動畫片段，它具有和主時間軸相獨立的時間軸與屬性?！坝捌糨嫛笨梢园换ナ娇丶⒙曇羯踔疗渌捌糨媽嵗?。也可以將影片剪輯實例放在按鈕元件的時間軸內(nèi)，以創(chuàng)建動畫按鈕。影片剪輯雖然可能包含比主場景更多的幀數(shù)，但是它可以作為一個獨立的對象出現(xiàn)，其內(nèi)部可以包含圖形元件或者按鈕元件等，并且支持嵌套功能，這種強大的嵌套功能對編輯影片有很大的幫助。比如一個交互作品，當(dāng)主場景畫面播放到一個階段需要停止，并希望其中一部分內(nèi)容繼續(xù)循環(huán)播放時，就可以把那段需要循環(huán)播放的內(nèi)容做成一個獨立的影片剪輯，然后插入其中。5.1.6編輯元件在創(chuàng)建了若干元件實例后，有些可能需要編輯修改。元件經(jīng)過編輯后，F(xiàn)lash會更新文檔中該元件的所有實例，以反映編輯的結(jié)果。編輯元件時，可以使用任意繪畫工具、導(dǎo)入介質(zhì)或創(chuàng)建其他元件的實例。也可以使用任意元件編輯方法來更改元件的注冊點（由坐標(0,0)標識的點）。FlashCS5提供了3種方式來編輯元件，具體使用如下。Flash提供了3種方式來編輯元件1．在當(dāng)前位置編輯元件在當(dāng)前位置編輯元件，可以在編輯元件的過程中，更加方便地參照其他對象在舞臺中的相對位置。要在當(dāng)前位置編輯元件，可以在舞臺上雙擊元件的一個實例，或者在舞臺上選擇元件的一個實例，右擊后在彈出的快捷菜單中選擇【在當(dāng)前位置編輯】命令，或者在舞臺上選擇元件的一個實例，然后選擇【編輯】|【在當(dāng)前位置編輯】命令，進入元件的編輯狀態(tài)。如果要更改注冊點，可以在舞臺上拖動該元件，拖動時一個十字光標會表明注冊點的位置。

在當(dāng)前位置編輯元件2．在新窗口中編輯元件在新窗口中編輯元件要在新窗口中編輯元件，可以右擊設(shè)計區(qū)中的元件，在彈出的快捷菜單中選擇【在新窗口中編輯】命令，直接打開一個新窗口，并進入元件的編輯狀態(tài)。

3．在元件編輯模式下編輯元件

選擇以下操作之一可以在元件編輯模式下編輯元件。雙擊“庫”面板中的元件圖標。在場景上選擇該元件的一個實例，單擊鼠標右鍵，在彈出的快捷菜單中選擇“編輯”菜單命令。在場景上選擇該元件的一個實例，然后選擇“編輯”→“編輯元件”菜單命令。在“庫”面板中選擇該元件，然后從庫選項菜單中選擇“編輯”菜單命令，或者用鼠標右鍵單擊“庫”面板中的該元件，然后在彈出的快捷菜單中選擇“編輯”菜單命令。5.1.7退出元件編輯模式“返回”按鈕單擊編輯欄中的場景名稱雙擊元件的外部（“在當(dāng)前位置編

輯”時）“關(guān)閉”按鈕（“在新窗口編輯”時）菜單項“編輯|編輯文檔”。5.1.8復(fù)制元件打開“直接復(fù)制元

件”對話框“庫”面板中的

“直接復(fù)制……”右鍵快捷菜單中面板菜單中菜單項“修改|元件

|直接復(fù)制元件……”5.1.9刪除元件要從文檔中徹底刪除

一個元件，只能在

“庫”面板中進行刪除在舞臺上進行的刪除，

只是刪除了元件的一

個實例“庫”面板中的“刪除”右鍵快捷菜單中面板菜單中“刪除”按鈕5.1.10更改元件類型打開“元件屬性”

對話框“庫”面板中的

“屬性…”右鍵快捷菜單中面板菜單中“屬性”按鈕更改“類型”后，

確定內(nèi)容概要元件元件和實例的概述、元件的特點、元件的類型制作影片的一般工作流程、創(chuàng)建元件、編輯元件、退出元件編輯模式、復(fù)制元件、刪除元件、更改元件類型庫庫面板、處理庫項目、庫項目的基本操作用戶庫與公用庫實例實例及其創(chuàng)建、編輯實例、實例的屬性、交換實例改變實例類型、分離實例、查看實例信息練習(xí)5——創(chuàng)建按鈕、添加花朵背景5.2庫在FlashCS5中，創(chuàng)建的元件和導(dǎo)入的文件都存儲在【庫】面板中。在【庫】面板中的資源可以在多個文檔使用中。要使用元件必須打開“庫”面板，將元件拖放到場景中，這個過程就稱為建立了該元件的一個實例，場景中的元件就稱為一個實例。由于一個元件可以調(diào)用多次，且調(diào)用一次就產(chǎn)生一個實例，因此一個元件可以產(chǎn)生多個實例。5.2.1庫面板庫是存儲和組織管理flash中

創(chuàng)建的各種元件的地方打開“庫”面板菜單項“窗口|庫”快捷鍵Ctrl+L“庫”面板的構(gòu)成面板菜單庫名、“固定當(dāng)前庫”按鈕、

“新建庫面板”按鈕預(yù)覽窗口搜索欄庫元件列表、“排序”按鈕按鈕：新建元件、新建文件夾、屬性、刪除5.5.2處理庫項目在【庫】面板中的元素稱為庫項目，有關(guān)庫項目的一些處理方法如下:

在當(dāng)前文檔中使用庫項目時，可以將庫項目從【庫】面板中拖動到設(shè)計區(qū)中。該項目會在設(shè)計區(qū)中自動生成一個實例，并添加到當(dāng)前圖層中。要將對象轉(zhuǎn)換為庫中的元件，可以將項目從設(shè)計區(qū)中拖動到當(dāng)前【庫】面板中，打開【轉(zhuǎn)換為元件】對話框，轉(zhuǎn)換元件。要在另一個文檔中使用當(dāng)前文檔的庫項目，可以將項目從【庫】面板或設(shè)計區(qū)中拖入另一個文檔的【庫】面板或設(shè)計區(qū)中即可。要在文件夾之間移動項目，可以將項目從一個文件夾拖動到另一個文件夾中。

5.5.3庫項目的基本操作

在【庫】面板中，可以使用【庫】面板菜單中命令對庫項目進行編輯、排序、重命名、刪除以及查看未使用的庫項目等管理操作。編輯對象要編輯元件，可以在【庫】面板菜單中選擇【編輯】命令，打開進入元件編輯模式，然后進行元件編輯；如果要編輯文件，可以選擇【編輯方式】命令，然后在外部編輯器中編輯完導(dǎo)入的文件之后，再使用【更新】命令更新這些文件。

使用文件夾管理

在【庫】面板中，可以使用文件夾來組織項目。當(dāng)用戶創(chuàng)建一個新元件時，它會存儲在選定的文件夾中。如果沒有選定文件夾，該元件就會存儲在庫的根目錄下。

重命名庫項目在【庫】面板中，用戶還可以重命名庫中的項目。不過，更改導(dǎo)入文件的庫項目名稱并不會更改該文件的名稱。刪除庫項目

默認情況下，當(dāng)從庫中刪除項目時，文檔中該項目的所有實例也會被刪除?！編臁棵姘逯械摹臼褂么螖?shù)】列顯示項目使用的次數(shù)。要刪除庫項目，可以選擇所需操作的項目，然后單擊【庫】面板下部的【刪除】按鈕；也可以在【庫】面板的選項菜單中選擇【刪除】命令刪除項目；還可以在所要刪除的項目上單擊右鍵，在彈出的快捷菜單中選擇【刪除】命令刪除項目。

FlashCS5為每個Flash文件提供了一個元件庫，用于裝載動畫中的所有位圖、元件、聲音和視頻等文件。元件庫有兩種，一種是用戶庫，也叫“庫”，用來存放用戶創(chuàng)建Flash動畫的元件；另一種是FlashCS5系統(tǒng)提供的“公用庫”，用來存放FlashCS5系統(tǒng)提供的元件，根據(jù)存放元件的種類，“公用庫”分為3種。

第1種是按鈕庫，第2種是學(xué)習(xí)交互庫，第3種是類庫。5.2.2用戶庫與公用庫用戶庫：存放各自Flash文檔中創(chuàng)建的元件。公用庫：Flash附帶的范例公用庫，或者自定義創(chuàng)建的公用庫。聲音按鈕類“庫—按鈕”面板（即按鈕庫）內(nèi)容概要元件元件和實例的概述、元件的特點、元件的類型制作影片的一般工作流程、創(chuàng)建元件、編輯元件、退出元件編輯模式、復(fù)制元件、刪除元件、更改元件類型庫庫面板、處理庫項目、庫項目的基本操作用戶庫與公用庫實例實例及其創(chuàng)建、編輯實例、實例的屬性、交換實例改變實例類型、分離實例、查看實例信息練習(xí)5——創(chuàng)建按鈕、添加花朵背景5.3.1實例及其創(chuàng)建實例是指位于舞臺上或嵌套在另一個元件內(nèi)的元件副本。實例可以與它的元件在顏色、大小和功能上有差別。編輯元件會更新它的所有實例，但對元件的一個實例應(yīng)用效果則只更新該實例。創(chuàng)建實例創(chuàng)建實例的方法在前文中也已經(jīng)介紹到，選擇【窗口】|【庫】命令，打開【庫】面板，將【庫】面板中的元件拖動到設(shè)計區(qū)中即可。創(chuàng)建實例后，系統(tǒng)都會指定一個默認的實例名稱，要為影片剪輯元件實例指定實例名稱，可以打開【屬性】面板，這時【實例名稱】文本框中輸入該實例的名稱即可。5.3.2編輯實例在創(chuàng)建元件實例以后，每個元件實例都擁有其獨立的屬性，如色調(diào)、透明度、亮度、大小及旋轉(zhuǎn)等。編輯實例可以改變實例的類型，設(shè)置圖形實例中動畫的播放模式等。對實例屬性的修改，并不會影響該元件以及由該元件創(chuàng)建的其他實例。對于場景中的元件實例，其“屬性”面板中會增加一個“顏色”列表框等。利用它們可以設(shè)置實例的顏色、亮度、色調(diào)和透明度等，如圖所示。5.5.3實例的屬性“屬性”面板實例名稱實例類型位置和大小實例的屬性（2）色彩效果樣式：無：不設(shè)置顏色效果亮度：用來調(diào)整實例的相對亮度和明度。-100%~100%，-100%為白色，100%為黑色色調(diào)：用來增加某種色調(diào)，可用顏色拾取器，也可直接輸入0%~100%，0%不受影響，100%完全取代原有顏色高級：用于調(diào)整實例的紅、綠、藍和透明度。Alpha（透明度）0%~100%，0%完全不可見，100%完全可見實例的屬性（3）循環(huán)（僅圖形元件）循環(huán)：按照當(dāng)前實例占用的幀數(shù)來循環(huán)包含在該實例內(nèi)的所有動畫序列。播放一次：從指定幀開始播放動畫序列直到動畫結(jié)束，然后停止。單幀：顯示動畫序列的一幀；指定要顯示的幀。5.5.4交換實例在創(chuàng)建元件的不同實例后，可以對這些元件實例進行交換，使選定的實例變?yōu)榱硪粋€元件的實例。交換元件實例后，原有實例所做的改變(如顏色、大小、旋轉(zhuǎn)等)會自動應(yīng)用于交換后的元件實例，而且并不會影響【庫】面板中的原有元件以及元件的其他實例。打開“交換元件”對話框“屬性”面板中的“交換”按鈕“直接復(fù)制元件”按鈕

5.5.5改變實例類型實例的類型也是可以相互轉(zhuǎn)換的。例如，可以將一個【圖形】實例轉(zhuǎn)換為【影片剪輯】實例，或?qū)⒁粋€【影片剪輯】實例轉(zhuǎn)換為【按鈕】實例，可以通過改變實例類型來重新定義它的動畫中的行為。

要改變實例類型，選中某個實例，打開【屬性】面板，單擊實例類型按鈕，在彈出的下拉菜單中可以選擇要改變的實例類型。

5.5.6分離實例分離實例：斷開實例與元件之間的鏈接，可修改實例且不影響元件本身和該元件的其它實例。將實例分離為圖形，即填充色和線條的組合，選擇“顏料桶”工具，設(shè)置不同的填充顏色，改變圖形的填充色。選中實例，然后“修改|分離”或快捷鍵Ctrl+B分離實例過程5.5.7查看實例信息在動畫制作過程中，特別是在處理同一元件的多個實例時，識別舞臺上特定的實例是很困難的。

在【屬性】面板中，可以查看實例的類型和設(shè)置。對于所有實例類型，都可以查看其顏色設(shè)置、位置、大小和注冊點。對于圖形，還可以查看其循環(huán)模式等；對于按鈕元件，可以查看其實例名稱和跟蹤選項；對于影片剪輯，可以查看實例名稱。在【信息】面板中，可以查看選定實例的位置、大小及注冊點。在【影片瀏覽器】面板中，可以查看當(dāng)前影片的內(nèi)容，包括實例和元件。

內(nèi)容概要元件元件和實例的概述、元件的特點、元件的類型制作影片的一般工作流程、創(chuàng)建元件、編輯元件