第4章　元件與實(shí)例

第4章元件與實(shí)例了解元件與實(shí)例4.1創(chuàng)建元件4.2編輯元件和實(shí)例4.3項(xiàng)目實(shí)例：百葉窗效果4.4元件是Flash中最重要的元素，可以反復(fù)調(diào)用，這樣可以提高工作效率。Flash中的元件全部存放在庫(kù)中，通過(guò)庫(kù)面板可以對(duì)元件進(jìn)行編輯和管理，將元件從庫(kù)中導(dǎo)入到場(chǎng)景中就成了實(shí)例，三者之間具有非常密切的關(guān)系。所謂元件，就是用戶創(chuàng)建的、存放在當(dāng)前動(dòng)畫庫(kù)中的可以反復(fù)使用的圖形、按鈕、動(dòng)畫、聲音資源等。制作的或者導(dǎo)入的元件都會(huì)被存儲(chǔ)到庫(kù)中，在使用的時(shí)候，再將其從庫(kù)中拖到場(chǎng)景中即可。元件是一種可重復(fù)使用的對(duì)象，而實(shí)例是元件在場(chǎng)景上的一次具體使用。重復(fù)使用實(shí)例不會(huì)增加文件的大小，是使文檔文件保持較小的最好方法之一。元件還簡(jiǎn)化了文檔的編輯，當(dāng)編輯元件時(shí)，該元件的所有實(shí)例都相應(yīng)地更新以反映編輯的結(jié)果。元件的另一個(gè)好處是使用它們可以創(chuàng)建完善的交互性。在影片中使用元件可以明顯減小最后生成的文件，因?yàn)椴还苡捌惺褂昧硕嗌賯€(gè)元件的實(shí)例，在影片中只會(huì)保存元件，而其他實(shí)例都是以附加信息保存的，即用文字性的信息說(shuō)明實(shí)例的位置和其他屬性。所以保存一個(gè)元件的幾個(gè)實(shí)例比保存該元件內(nèi)容的多個(gè)副本占用的存儲(chǔ)空間小。合理地使用元件還可以加快影片的回放速度，因?yàn)橐粋€(gè)元件只需下載到FlashPlayer中一次即可，元件的實(shí)例不必再次下載。4.1了解元件與實(shí)例4.1.1元件的作用和特點(diǎn)1．元件的作用應(yīng)用元件能夠使動(dòng)畫的制作非常方便和輕松，并且有些動(dòng)畫效果只有使用元件才能實(shí)現(xiàn)。2．元件的特點(diǎn)（1）使用元件可以減小影片文件的大小，重復(fù)調(diào)用一個(gè)元件比將該元件內(nèi)容以副本的形式放在影片的不同位置所占用的存儲(chǔ)容量要小得多。（2）使用元件可以加快影片的播放速度。這是因?yàn)橄螺d時(shí)，相同的場(chǎng)景對(duì)象只需要下載一次即可。（3）將元件拖動(dòng)到場(chǎng)景中就成了實(shí)例。用戶可以對(duì)實(shí)例進(jìn)行任意的修改和編輯，而不會(huì)影響到元件的任何屬性。（4）在制作動(dòng)畫的過(guò)程中，如果對(duì)使用的圖像元素重新編輯，那么還要對(duì)使用了該圖形元素的復(fù)制圖形進(jìn)行編輯。而如果使用了元件，那么只需要對(duì)庫(kù)中的元件進(jìn)行修改或者更新，場(chǎng)景中的所有實(shí)例也將隨之更新。4.1.2元件的類型在FlashCS3中，每個(gè)元件都有一個(gè)時(shí)間軸、場(chǎng)景及圖層。創(chuàng)建元件時(shí)需選擇元件的類型，這將決定用戶在影片中如何使用該元件。在FlashCS3中，元件有圖形元件、按鈕元件和影片剪輯元件3種。（1）圖形元件。圖形元件用于創(chuàng)建可反復(fù)使用的圖形，它可以是靜止圖片，也可以是由多個(gè)幀組成的動(dòng)畫。它的特點(diǎn)是擁有相對(duì)獨(dú)立的編輯區(qū)域，如果將其調(diào)用到場(chǎng)景中，它會(huì)受到場(chǎng)景中幀的約束。（2）按鈕元件。按鈕元件用于創(chuàng)建動(dòng)畫的控制按鈕，以響應(yīng)鼠標(biāo)的按下、單擊等事件。按鈕元件包括“彈起”、“指針經(jīng)過(guò)”、“按下”和“單擊”4種狀態(tài)，在按鈕元件的不同狀態(tài)上創(chuàng)建不同的內(nèi)容，可以使按鈕對(duì)鼠標(biāo)操作進(jìn)行相應(yīng)的響應(yīng)。（3）影片剪輯元件。影片剪輯元件本身也是一段動(dòng)畫，可以獨(dú)立播放。當(dāng)播放主動(dòng)畫時(shí)，影片剪輯元件也在循環(huán)播放，它不會(huì)受到場(chǎng)景中幀的約束。4.1.3了解“庫(kù)”面板要使用元件必須打開(kāi)“庫(kù)”面板，將元件拖放到場(chǎng)景中，這個(gè)過(guò)程就稱為建立了該元件的一個(gè)實(shí)例，場(chǎng)景中的元件就稱為一個(gè)實(shí)例。由于一個(gè)元件可以調(diào)用多次，且調(diào)用一次就產(chǎn)生一個(gè)實(shí)例，因此一個(gè)元件可以產(chǎn)生多個(gè)實(shí)例。FlashCS3為每個(gè)Flash文件提供了一個(gè)元件庫(kù)，用于裝載動(dòng)畫中的所有位圖、元件、聲音和視頻等文件。庫(kù)有兩種，一種是用戶庫(kù)，也叫“庫(kù)”，用來(lái)存放用戶創(chuàng)建Flash動(dòng)畫的元件；另一種是FlashCS3系統(tǒng)提供的“公用庫(kù)”，用來(lái)存放FlashCS3系統(tǒng)提供的元件，根據(jù)存放元件的種類，“公用庫(kù)”分為3種。第1種是按鈕庫(kù)，第2種是學(xué)習(xí)交互庫(kù)，第3種是類庫(kù)。用戶庫(kù)和公用庫(kù)存放元件的方法是一樣的。單擊“窗口”→“庫(kù)”菜單命令，可以彈出“庫(kù)”面板；單擊“窗口”→“公用庫(kù)”菜單命令，可以彈出相應(yīng)的1種公用庫(kù)的“庫(kù)”面板。下面通過(guò)公用庫(kù)的“庫(kù)”面板來(lái)了解庫(kù)的特點(diǎn)。圖4.1“庫(kù)—按鈕”面板（即按鈕庫(kù)）4.2創(chuàng)建元件4.2.1創(chuàng)建圖形元件圖形元件通常由電影中使用多次的靜態(tài)圖形或者不需要對(duì)其進(jìn)行控制的連續(xù)動(dòng)畫片段組成。例如，用戶可以通過(guò)在場(chǎng)景中加入一朵鮮花元件的多個(gè)實(shí)例來(lái)創(chuàng)建一束花的外觀，其中每朵不具有電影效果的花便是圖形元件的很好例子。不過(guò)，這里并不是說(shuō)圖形元件就不能具有電影效果，只是使用圖形元件制作的電影效果不可以用Action（動(dòng)作）腳本控制，如果希望一段電影效果可以被Action控制，就需要將其制作成影片剪輯元件。除此之外，圖形元件和影片剪輯沒(méi)有多大區(qū)別。圖形元件與影片的主時(shí)間軸同步運(yùn)行，交互式控件和聲音將不會(huì)在圖形元件的動(dòng)畫序列中起作用。1．創(chuàng)建圖形元件2．轉(zhuǎn)換為圖形元件4.2.2制作“陽(yáng)光沙灘海岸”效果本實(shí)例主要是通過(guò)導(dǎo)入沙灘圖片并加入相應(yīng)的文字，從而達(dá)到“陽(yáng)光沙灘海岸”效果。4.2.3創(chuàng)建按鈕元件如果希望Flash影片具有一定的交互性，比如可以響應(yīng)用戶對(duì)影片的操作，則可以通過(guò)按鈕來(lái)實(shí)現(xiàn)。在Flash中，按鈕實(shí)際上是一個(gè)只有4幀的交互影片剪輯，當(dāng)鼠標(biāo)指針移到按鈕之上或單擊按鈕時(shí)，即可產(chǎn)生交互，按鈕會(huì)隨之改變它的外觀。要在影片中制作一個(gè)交互式按鈕，可以把該按鈕元件的一個(gè)實(shí)例放在場(chǎng)景上，然后給該實(shí)例指定Action（動(dòng)作）。動(dòng)作必須指定給影片中按鈕的實(shí)例，而不是指定給按鈕元件的時(shí)間軸中的幀。1．按鈕的構(gòu)成“按鈕”元件實(shí)際上是包含4幀的交互影片剪輯。將元件的類型設(shè)置為按鈕時(shí)，F(xiàn)lash會(huì)自動(dòng)創(chuàng)建一個(gè)4幀的時(shí)間軸，其中前3幀顯示按鈕的3種顯示狀態(tài)，第4幀則定義了按鈕的響應(yīng)區(qū)域。按鈕的時(shí)間軸實(shí)際上并不播放，它只是對(duì)鼠標(biāo)指針動(dòng)作做出相應(yīng)的反應(yīng)，“按鈕”元件時(shí)間軸的每一幀都有特定的含義。（1）第1幀是“彈起”狀態(tài)，表示鼠標(biāo)指針沒(méi)有滑過(guò)按鈕時(shí)該按鈕的狀態(tài)，也就是按鈕最初的顯示狀態(tài)。（2）第2幀是“指針經(jīng)過(guò)”狀態(tài)，表示當(dāng)鼠標(biāo)指針位于該按鈕上但沒(méi)有單擊時(shí)按鈕的外觀。（3）第3幀是“按下”狀態(tài)，表示鼠標(biāo)單擊按鈕時(shí)按鈕的外觀。圖4.16按鈕的時(shí)間軸（4）第4幀是“單擊”狀態(tài)，用于定義響應(yīng)鼠標(biāo)單擊的區(qū)域，該區(qū)域在影片中是不可見(jiàn)的。按鈕元件編輯界面中的時(shí)間軸如圖4.16所示。圖4.16按鈕的時(shí)間軸2．創(chuàng)建按鈕元件在默認(rèn)情況下，F(xiàn)lash在創(chuàng)建按鈕元件的實(shí)例時(shí)會(huì)將按鈕設(shè)置為禁用狀態(tài)，這樣影片在編輯過(guò)程中就不會(huì)響應(yīng)按鈕操作，從而可以更容易地選擇和處理按鈕。當(dāng)按鈕處于禁用狀態(tài)時(shí)，單擊該按鈕就可以選擇它。當(dāng)按鈕處于啟用狀態(tài)時(shí)，單擊按鈕就會(huì)直接在編輯界面中響應(yīng)為該按鈕指定的鼠標(biāo)事件，如同影片在播放時(shí)一樣。用戶可以通過(guò)選擇“控制”→“啟用簡(jiǎn)單按鈕”菜單命令啟用和禁用按鈕。啟用按鈕后，該命令的旁邊會(huì)出現(xiàn)一個(gè)選中的標(biāo)記，再次選擇該命令可以禁用按鈕。啟用按鈕后，場(chǎng)景上的所有按鈕都會(huì)做出反應(yīng)，當(dāng)指針滑過(guò)按鈕時(shí)，F(xiàn)lash會(huì)顯示“指針經(jīng)過(guò)”幀。當(dāng)單擊按鈕的活動(dòng)區(qū)域時(shí)，F(xiàn)lash會(huì)顯示“按下”幀。4.2.4制作“楓葉按鈕”效果本實(shí)例的制作主要是用來(lái)說(shuō)明按鈕元件的創(chuàng)建過(guò)程，這里主要使用按鈕元件制作菜單。4.2.5創(chuàng)建影片剪輯元件“影片剪輯”就像Flash中嵌套的小型影片一樣，使用它可以創(chuàng)建能重復(fù)使用的動(dòng)畫片段，它具有和主時(shí)間軸相獨(dú)立的時(shí)間軸與屬性?！坝捌糨嫛笨梢园换ナ娇丶?、聲音甚至其他影片剪輯實(shí)例。也可以將影片剪輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建動(dòng)畫按鈕。1．創(chuàng)建影片剪輯元件如果要?jiǎng)?chuàng)建影片剪輯元件，其操作步驟如下所述。（1）選擇“插入”→“新建元件”菜單命令，打開(kāi)“創(chuàng)建新元件”對(duì)話框，給元件命名，并在“類型”項(xiàng)中選擇“影片剪輯”選項(xiàng)。設(shè)置完成之后單擊“確定”按鈕，F(xiàn)lash會(huì)自動(dòng)跳轉(zhuǎn)至新建影片剪輯的工作區(qū)。這時(shí)可以看到，影片剪輯工作區(qū)的界面與圖形元件工作區(qū)的界面非常相似，如圖4.31所示。圖4.31創(chuàng)建影片剪輯元件的界面（2）在影片剪輯工作區(qū)中可以制作一段任意連續(xù)的動(dòng)畫，然后回到“場(chǎng)景1”，打開(kāi)“庫(kù)”面板，將剛才建立的影片剪輯拖動(dòng)到場(chǎng)景中，此時(shí)影片剪輯占據(jù)了主場(chǎng)景中的一個(gè)關(guān)鍵幀。對(duì)影片進(jìn)行測(cè)試，可以看到雖然場(chǎng)景中只有一幀，但是動(dòng)畫依然可以播放。影片剪輯雖然可能包含比主場(chǎng)景更多的幀數(shù)，但是它可以作為一個(gè)獨(dú)立的對(duì)象出現(xiàn)，其內(nèi)部可以包含圖形元件或者按鈕元件等，并且支持嵌套功能，這種強(qiáng)大的嵌套功能對(duì)編輯影片有很大的幫助。比如一個(gè)交互作品，當(dāng)主場(chǎng)景畫面播放到一個(gè)階段需要停止，并希望其中一部分內(nèi)容繼續(xù)循環(huán)播放時(shí)，就可以把那段需要循環(huán)播放的內(nèi)容做成一個(gè)獨(dú)立的影片剪輯，然后插入其中。2．轉(zhuǎn)換為影片剪輯元件如果已經(jīng)在場(chǎng)景上創(chuàng)建了一個(gè)連續(xù)的動(dòng)畫片段，并想在影片的其他地方重復(fù)使用它，或者想將它作為一個(gè)實(shí)例來(lái)使用，則可以將這段片段轉(zhuǎn)換為影片剪輯元件。要將場(chǎng)景上的動(dòng)畫轉(zhuǎn)換為影片剪輯。4.2.6制作“白云”效果本實(shí)例制作主要用來(lái)說(shuō)明影片剪輯元件的創(chuàng)建過(guò)程，這里主要使用位圖文件制作白云飄動(dòng)的效果。圖4.33導(dǎo)入背景圖片并鎖定圖層4.3編輯元件和實(shí)例4.3.1編輯元件在創(chuàng)建了若干元件實(shí)例后，有些可能需要編輯修改。元件經(jīng)過(guò)編輯后，F(xiàn)lash會(huì)更新文檔中該元件的所有實(shí)例，以反映編輯的結(jié)果。編輯元件時(shí)，可以使用任意繪畫工具、導(dǎo)入介質(zhì)或創(chuàng)建其他元件的實(shí)例。也可以使用任意元件編輯方法來(lái)更改元件的注冊(cè)點(diǎn)（由坐標(biāo)(0,0)標(biāo)識(shí)的點(diǎn)）。Flash提供了3種方式來(lái)編輯元件，具體使用如下。1．在當(dāng)前位置編輯元件圖4.42在當(dāng)前位置編輯元件2．在新窗口中編輯元件圖4.43在新窗口中編輯元件3．在元件編輯模式下編輯元件

選擇以下操作之一可以在元件編輯模式下編輯元件。雙擊“庫(kù)”面板中的元件圖標(biāo)。在場(chǎng)景上選擇該元件的一個(gè)實(shí)例，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯”菜單命令。在場(chǎng)景上選擇該元件的一個(gè)實(shí)例，然后選擇“編輯”→“編輯元件”菜單命令。在“庫(kù)”面板中選擇該元件，然后從庫(kù)選項(xiàng)菜單中選擇“編輯”菜單命令，或者用鼠標(biāo)右鍵單擊“庫(kù)”面板中的該元件，然后在彈出的快捷菜單中選擇“編輯”菜單命令。4.3.2編輯實(shí)例在創(chuàng)建元件實(shí)例以后，每個(gè)元件實(shí)例都擁有其獨(dú)立的屬性，如色調(diào)、透明度、亮度、大小及旋轉(zhuǎn)等。編輯實(shí)例可以改變實(shí)例的類型，設(shè)置圖形實(shí)例中動(dòng)畫的播放模式等。對(duì)實(shí)例屬性的修改，并不會(huì)影響該元件以及由該元件創(chuàng)建的其他實(shí)例。對(duì)于場(chǎng)景中的元件實(shí)例，其“屬性”面板中會(huì)增加一個(gè)“顏色”列表框等。利用它們可以設(shè)置實(shí)例的顏色、亮度、色調(diào)和透明度等，如圖4.44所示。

圖4.44實(shí)例的“屬性”面板實(shí)例“屬性”面板中的“顏色”列表框內(nèi)有5個(gè)選項(xiàng)?！盁o(wú)”選項(xiàng)“亮度”選項(xiàng)“色調(diào)”選項(xiàng)“Alpha”選項(xiàng)“高級(jí)”選項(xiàng)4.3.3元件類型的轉(zhuǎn)換與實(shí)例類型的轉(zhuǎn)換靈活運(yùn)用元件或?qū)嵗?，能使?dòng)畫效果得到更豐富的表演手段或大大提高制作效率。1．元件類型的轉(zhuǎn)換元件的類型“轉(zhuǎn)換”是在“庫(kù)”中進(jìn)行的，選擇待轉(zhuǎn)換元件，打開(kāi)“屬性”面板，選擇目標(biāo)類型，就能完成轉(zhuǎn)換，元件類型“轉(zhuǎn)換”僅限于3種基本元件。2．實(shí)例類型的轉(zhuǎn)換在動(dòng)畫制作中，最常用的是實(shí)例類型轉(zhuǎn)換和實(shí)例對(duì)象轉(zhuǎn)換。圖4.53影片剪輯元件實(shí)例的“屬性”面板4.3.4文字旋轉(zhuǎn)實(shí)例