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

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

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

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