1、2.1 符號(hào)和實(shí)例簡(jiǎn)述用戶(hù)在使用Flash MX軟件進(jìn)行創(chuàng)作時(shí)，經(jīng)常使用到符號(hào)和實(shí)例。簡(jiǎn)單地說(shuō)，符號(hào)可以是圖形、按鈕、電影片斷、聲音文件或者字符。創(chuàng)建后的符號(hào)保存在文件庫(kù)里，當(dāng)用戶(hù)從庫(kù)中將符號(hào)置入舞臺(tái)上時(shí)，這時(shí)就創(chuàng)建了一個(gè)該符號(hào)的實(shí)例，不管做了多少個(gè)該符號(hào)的實(shí)例，F(xiàn)lash MX僅把該符號(hào)保存一次，所以符號(hào)的應(yīng)用縮小了文件的體積。例如：最初做成符號(hào)對(duì)象在電影中的文件大小增加25KB，那么添加10、20甚至更多的符號(hào)實(shí)例造成的文件大小增加不會(huì)超過(guò)100字節(jié)。且這與符號(hào)的大小無(wú)關(guān)。用戶(hù)只需將符號(hào)當(dāng)作主控對(duì)象，把它存在庫(kù)中；將符號(hào)放入電影中時(shí)，使用的是主控對(duì)象的實(shí)例，而不是主控對(duì)象本身。符號(hào)實(shí)例的外

2、觀和動(dòng)作無(wú)需和原符號(hào)一樣。每個(gè)符號(hào)實(shí)例都可以有不同的顏色和大小，并提供不同的交互作用。例如，可以將按鈕符號(hào)的多個(gè)實(shí)例放置在場(chǎng)景中，其中每一個(gè)都可以有不同的相關(guān)動(dòng)作和顏色。每個(gè)符號(hào)都有自己的時(shí)間軸、場(chǎng)景和層，也就是說(shuō)，可以將符號(hào)實(shí)例放置在場(chǎng)景中的動(dòng)作看作是一部小的動(dòng)畫(huà) ，再將它們放置在較大的動(dòng)畫(huà)場(chǎng)景中。而且可以將符號(hào)實(shí)例作為一個(gè)整體來(lái)設(shè)置動(dòng)畫(huà)效果。一旦編輯符號(hào)的外觀，符號(hào)的每個(gè)實(shí)例在場(chǎng)景中就會(huì)反映出相應(yīng)的變化。例如，用戶(hù)將場(chǎng)景中出現(xiàn)過(guò)幾次的正方形符號(hào)圖形改為橢圓形，那么該符號(hào)的每個(gè)實(shí)例也將變?yōu)闄E圓形。2.2 符號(hào)的類(lèi)型在Flash MX中，符號(hào)的種類(lèi)一共有3種，它們分別是圖形符號(hào)(Graphic

3、)、按鈕符號(hào)(Button)和電影剪輯符號(hào)(Movie Clip)。每一個(gè)符號(hào)都有它自己的用途，用戶(hù)可以選擇InsertNew Symbol命令或按Ctrl+F8組合鍵創(chuàng)建符號(hào)。在打開(kāi)的Create New Symbol對(duì)話(huà)框中，可以選擇所創(chuàng)建的符號(hào)類(lèi)型，如圖2-1所示。圖2-1 Create New Symbol對(duì)話(huà)框 Movie Clip(電影剪輯)符號(hào)Movie Clip符號(hào)是Flash電影中一個(gè)相當(dāng)重要的角色，大部分的電影其實(shí)是由許多獨(dú)立的Movie Clip符號(hào)的實(shí)例組成的，它可以響應(yīng)腳本行為，擁有絕對(duì)獨(dú)立的時(shí)間軸，不受場(chǎng)景和時(shí)間軸的影響。 Button(按鈕)符號(hào)Button符號(hào)是

4、一個(gè)比較特殊的符號(hào)，它不是單一的圖像，它用4種不同的狀態(tài)來(lái)顯示，按鈕的另一個(gè)特點(diǎn)是每一個(gè)顯示狀態(tài)均可以通過(guò)聲音或圖形來(lái)顯示。它是一個(gè)交互性的動(dòng)畫(huà)。Button符號(hào)對(duì)鼠標(biāo)運(yùn)動(dòng)能夠做出反應(yīng)，并且可以使用它來(lái)控制電影。在影片中，用戶(hù)可以新建一個(gè)按鈕來(lái)執(zhí)行各種動(dòng)作，或者選擇WindowConmon Libraresbuttous命令，在打開(kāi)的Library-Buttons面板中選擇一個(gè)按鈕即可，如圖2-2所示。圖2-2 按鈕符號(hào) Graphic(圖形)符號(hào)Graphic符號(hào)通常由在電影中使用多次的靜態(tài)(或不具有動(dòng)畫(huà)效果的)圖形組成。例如，用戶(hù)可以通過(guò)在場(chǎng)景中加入一朵鮮花符號(hào)的多個(gè)實(shí)例來(lái)創(chuàng)建一束花，這樣

5、每朵不具有動(dòng)畫(huà)效果的花便是圖形符號(hào)的很好例子，如圖2-3所示。圖2-3 創(chuàng)建一束花2.3 符號(hào)的創(chuàng)建與編輯在Flash MX中，符號(hào)可以包含的功能非常廣泛，用戶(hù)在使用Flash創(chuàng)建的一切功能，都可以通過(guò)某個(gè)或多個(gè)符號(hào)來(lái)實(shí)現(xiàn)。所以在制作Flash MX動(dòng)畫(huà)的第一步，就是要?jiǎng)?chuàng)建符號(hào)。至于具體要?jiǎng)?chuàng)建什么類(lèi)型的符號(hào)，則需根據(jù)具體的情況而定。2.3.1 創(chuàng)建新符號(hào)用戶(hù)在動(dòng)畫(huà)或電影的編輯過(guò)程中，創(chuàng)建符號(hào)的方法有兩種，一種是創(chuàng)建一個(gè)空符號(hào)，另一種是從舞臺(tái)中選定某個(gè)對(duì)象來(lái)創(chuàng)建符號(hào)，然后在符號(hào)編輯模式下為其添加內(nèi)容。創(chuàng)建一個(gè)空符號(hào)的操作步驟如下：(1) 如果用戶(hù)需要在Flash MX中創(chuàng)建一個(gè)空符號(hào)，可以在菜單

6、欄中選擇InsertNew Symbol命令，在打開(kāi)的Create New Symbol對(duì)話(huà)框中選擇好符號(hào)類(lèi)型后，單擊OK按鈕將切換到符號(hào)編輯模式，符號(hào)名將出現(xiàn)在舞臺(tái)的左上角。編輯面板中還包含一個(gè)十字準(zhǔn)星，代表符號(hào)的定位點(diǎn)，如圖2-4 所示。圖2-4 Flash MX的符號(hào)編輯模式(2) 在創(chuàng)建符號(hào)內(nèi)容時(shí)，用戶(hù)可以使用時(shí)間軸和繪圖工具來(lái)繪制，也可以通過(guò)選擇FileImport(導(dǎo)入)命令，打開(kāi)如圖2-5所示的Import對(duì)話(huà)框，并中從選擇要導(dǎo)入媒體文件、圖片文件或其他符號(hào)。圖2-5 Import對(duì)話(huà)框(3) 在打開(kāi)的Import對(duì)話(huà)框中選擇好需要的文件，單擊“打開(kāi)”按鈕將文件導(dǎo)入到Flash

7、MX中，如圖2-6所示。圖2-6 導(dǎo)入的文件要使用選定的元素創(chuàng)建一個(gè)符號(hào)的操作步驟如下：(1) 在舞臺(tái)中使用箭頭工具選擇需要用的元素，選擇InsertConvert to Symbol命令或按F8功能鍵，打開(kāi)Convet to Symbol對(duì)話(huà)框，如圖2-7所示。圖2-7 創(chuàng)建選定元素的符號(hào)(2) 在Convet to Symbol對(duì)話(huà)框的Name文本框中輸入符號(hào)名稱(chēng)，然后從Behavior選項(xiàng)區(qū)域中選擇符號(hào)類(lèi)型，并單擊OK按鈕即可創(chuàng)建符號(hào)。2.3.2 編輯符號(hào)在編輯符號(hào)時(shí)，F(xiàn)lash將自動(dòng)更新電影或動(dòng)畫(huà)中所有運(yùn)用該符號(hào)的實(shí)例。我們可以在符號(hào)編輯模式下進(jìn)行編輯，也可以在菜單欄中選擇EditEd

8、it in Place命令在舞臺(tái)上直接編輯該符號(hào)。此時(shí)舞臺(tái)上的其他對(duì)象將以淺色顯示，表示和當(dāng)前編輯的符號(hào)的區(qū)別，如圖2-8所示。(a) 正常模式(b) 編輯模式圖2-8 符號(hào)的正常模式和編輯模式要在舞臺(tái)上直接編輯符號(hào)，必須先選中該符號(hào)。在符號(hào)上單擊右鍵，在彈出的快捷菜單中選擇Edit in Place命令，如圖2-9所示；或者以直接雙擊Library面板中的符號(hào)圖標(biāo)對(duì)符號(hào)進(jìn)行編輯。另外，如果需要將該符號(hào)單獨(dú)提出并在符號(hào)編輯狀態(tài)對(duì)其進(jìn)行編輯，可在該符號(hào)上單擊右鍵，并從彈出的快捷菜單中選擇Edit命令。圖2-9 符號(hào)編輯快捷菜單2.3.3 復(fù)制符號(hào)如果要將一個(gè)符號(hào)復(fù)制一個(gè)新的符號(hào)，使用復(fù)制符號(hào)功能

9、就可以很方便地完成該操作。復(fù)制符號(hào)的操作步驟如下：(1) 選擇WindowLibrary命令或按Ctrl+L組合鍵，打開(kāi)Library面板。(2) 選中Library面板所需要復(fù)制的符號(hào)并單擊右鍵，從彈出的快捷菜單中選擇Duplicate命令即可，如圖2-10所示。在Flash MX默認(rèn)的情況下，已復(fù)制的符號(hào)會(huì)在原文件名后加上Copy字樣，如圖2-11所示。如果用戶(hù)需要識(shí)別原符號(hào)，可以保留此名稱(chēng)。否則可以在彈出的Symbol Properties對(duì)話(huà)框中重新命名該符號(hào)。 圖2-10 Library面板快捷菜單 圖2-11 復(fù)制符號(hào)2.3.4 創(chuàng)建電影剪輯符號(hào)當(dāng)在電影剪輯中需要重復(fù)使用一個(gè)已經(jīng)創(chuàng)

10、建的動(dòng)畫(huà)，或者要將該動(dòng)畫(huà)作為一個(gè)實(shí)例來(lái)操作時(shí)，最簡(jiǎn)單的方法就是將該動(dòng)畫(huà)轉(zhuǎn)換為電影剪輯符號(hào)。將舞臺(tái)中的一個(gè)動(dòng)畫(huà)轉(zhuǎn)換為電影剪輯的操作步驟如下：(1) 選中要轉(zhuǎn)換的動(dòng)畫(huà)所有層上的所有幀并單擊右鍵，在彈出的快捷菜單中選擇Copy Frames(復(fù)制幀)命令，如圖2-12所示。圖2-12 復(fù)制動(dòng)畫(huà)上所有的幀(2) 選擇InsertNew Symbol命令，打開(kāi)Create New Symbol對(duì)話(huà)框，在Name文本框中輸入該符號(hào)的名稱(chēng)，并選擇Movie Clip單選按鈕，單擊OK按鈕將創(chuàng)建一個(gè)新的符號(hào)并進(jìn)入該符號(hào)的編輯模式下。(3) 單擊時(shí)間軸中的第1幀，選擇EditPaste Frames命令，粘貼所

11、選擇的幀。經(jīng)過(guò)上述步驟的操作，就可以將該動(dòng)畫(huà)轉(zhuǎn)換為一個(gè)電影剪輯符號(hào)。當(dāng)創(chuàng)建電影剪輯符號(hào)后，還可以減小動(dòng)畫(huà)文件體積，用戶(hù)可將原文件中的該段動(dòng)畫(huà)刪除，然后從Library面板中拖入一個(gè)電影剪輯符號(hào)即可。2.4 實(shí)例的創(chuàng)建與編輯用戶(hù)在Flash中創(chuàng)建了一個(gè)符號(hào)，但是這個(gè)符號(hào)并不能直接應(yīng)用到場(chǎng)景中，還需要?jiǎng)?chuàng)建實(shí)例。實(shí)例就是把符號(hào)拖動(dòng)到舞臺(tái)上，它是符號(hào)在舞臺(tái)上的具體體現(xiàn)。如果符號(hào)中有一個(gè)按鈕，將這個(gè)按鈕拖動(dòng)到舞臺(tái)上，那么，舞臺(tái)上的這個(gè)按鈕就不再稱(chēng)作“符號(hào)”，而是一個(gè)“實(shí)例”。2.4.1 創(chuàng)建實(shí)例用戶(hù)根據(jù)電影劇情的要求將符號(hào)創(chuàng)建完成之后，就可以在Flash動(dòng)畫(huà)中創(chuàng)建該符號(hào)的實(shí)例，也可以在其他符號(hào)內(nèi)創(chuàng)建該實(shí)

12、例。電影剪輯實(shí)例的創(chuàng)建和圖形實(shí)例的創(chuàng)建是不同的。電影剪輯只需要一個(gè)單獨(dú)的關(guān)鍵幀去播放，而圖形實(shí)例則必須在每一個(gè)用戶(hù)希望出現(xiàn)的幀都要放置。創(chuàng)建符號(hào)實(shí)例的操作步驟是首先在時(shí)間軸上選取一個(gè)圖層，然后選擇WindowLibrary命令，打開(kāi)Library面板，選擇所要使用的符號(hào)，將其拖拽到舞臺(tái)中，如圖2-13所示。圖2-13 符號(hào)拖拽到舞臺(tái)實(shí)例創(chuàng)建完成后，可以打開(kāi)實(shí)例屬性對(duì)話(huà)框來(lái)指定顏色效果、指定Actions、設(shè)置圖形顯示模式以及改變實(shí)例的類(lèi)型。實(shí)例的類(lèi)型同符號(hào)的類(lèi)型是一致的，除非用戶(hù)為實(shí)例指定了另外的類(lèi)型。除此以外，這些修改只影響到實(shí)例，不會(huì)影響到符號(hào)。2.4.2 改變實(shí)例樣式一個(gè)符號(hào)的每個(gè)實(shí)例都

13、可以有自己的顏色效果。當(dāng)改變某一幀的實(shí)例顏色和透明度時(shí)，F(xiàn)lash會(huì)在顯示該幀時(shí)做出變化。如果想得到顏色的漸變效果，就必須對(duì)顏色進(jìn)行運(yùn)動(dòng)變化處理。當(dāng)對(duì)顏色進(jìn)行運(yùn)動(dòng)變化時(shí)，需要在實(shí)例的開(kāi)始幀和結(jié)束幀輸入不同的效果，然后設(shè)定運(yùn)動(dòng)，實(shí)例的顏色將會(huì)隨時(shí)間發(fā)生變化。改變實(shí)例樣式的操作步驟如下：(1) 在舞臺(tái)中選擇要編輯的實(shí)例，在Properties面板中，單擊Color下拉列表框后面的三角按鈕，打開(kāi)Color下拉列表，如圖2-14所示。圖2-14 Color下拉列表(2) 在Color下拉列表中選擇Brightness選項(xiàng)，并拖動(dòng)右側(cè)的滑動(dòng)條，可以改變當(dāng)前選中實(shí)例的亮度，例如：把它的值設(shè)為60%，則實(shí)例

14、的效果如圖2-15所示。Birghtness值為100時(shí)，實(shí)例亮度為最大，0為正常，100為最黑。圖2-15 改變實(shí)例亮度(3) 在Color下拉列表中選擇Tint選項(xiàng)，可以在打開(kāi)的面板中選擇一種顏色，也可以從RGB列表框中輸入數(shù)值來(lái)調(diào)整顏色，即可改變?cè)搶?shí)例的顏色偏差，如圖2-16所示。(4) 在Color下拉列表中選擇Alpha選項(xiàng)。在列表框右側(cè)的文本框中輸入所需的Alpha數(shù)值或者拖動(dòng)滑動(dòng)條，即可改變?cè)搶?shí)例的透明度。其中當(dāng)Alpha值為100時(shí)，實(shí)例為完全不透明，當(dāng)Alpha 值為0時(shí)，該實(shí)例完全不可見(jiàn)。把它設(shè)置為40時(shí)的效果如圖2-17所示。圖2-16 改變實(shí)例色彩偏差圖2-17 改變實(shí)

15、例透明度(5) 在Color下拉列表中選擇Advanced選項(xiàng)，則在列表框的右側(cè)出現(xiàn)一個(gè)Settings按鈕，如圖2-18所示。圖2-18 選擇Advanced命令(6) 單擊按鈕，將打開(kāi)Advanced Effect對(duì)話(huà)框，在該對(duì)話(huà)框中，可以更改實(shí)例的RGB顏色值和Alpha值，如圖2-19所示。圖2-19 在高級(jí)模式中改變實(shí)例2.4.3 改變實(shí)例屬性在制作動(dòng)畫(huà)的過(guò)程中，用戶(hù)可以根據(jù)實(shí)例的需要，改變實(shí)例的類(lèi)型，用來(lái)重新定義它在動(dòng)畫(huà)或電影中的表現(xiàn)方式。下面結(jié)合把一個(gè)影片剪輯的實(shí)例轉(zhuǎn)換為圖片的實(shí)例來(lái)詳細(xì)說(shuō)明。改變實(shí)例類(lèi)型的操作步驟如下：(1) 在舞臺(tái)中選擇需要改變類(lèi)型的實(shí)例，打開(kāi)Properti

16、es面板，如圖2-20所示。圖2-20 實(shí)例的Properties面板(2) 單擊符號(hào)的下拉列表框，并從Movie Clip、Button和Graphic三個(gè)選擇中選擇用戶(hù)將要改變的實(shí)例類(lèi)型。(3) 單擊按鈕，將打開(kāi)Swap Symbol對(duì)話(huà)框，如圖2-21所示。雙擊符號(hào)列表框中的其他任意符號(hào)，即可將當(dāng)前選中的符號(hào)替換。圖2-21 Swap Symbol對(duì)話(huà)框(4) 單擊Swap Symbol對(duì)話(huà)框的按鈕，將彈出如圖2-22所示的Symbol Name對(duì)話(huà)框。通過(guò)此對(duì)話(huà)框可以對(duì)當(dāng)前選中的符號(hào)進(jìn)行復(fù)制操作。圖2-22 Symbol Name對(duì)話(huà)框2.5 制 作 按 鈕按鈕也是一類(lèi)圖符，當(dāng)用鼠標(biāo)與

17、按鈕交互時(shí)，根據(jù)不同的狀態(tài)，它會(huì)顯示不同的外觀。可以在時(shí)間軸窗口中指定按鈕在各種狀態(tài)下的外觀。要使一個(gè)按鈕在電影中具有交互性，需要從按鈕圖符創(chuàng)建實(shí)例，并為它分配動(dòng)作。由于按鈕圖符的創(chuàng)建方法比較特殊，因此，我們專(zhuān)門(mén)用一節(jié)來(lái)介紹按鈕的制作方法。2.5.1 按鈕工作狀態(tài)在Flash中，按鈕工作時(shí)有4個(gè)狀態(tài)，它們分別是： Up(彈起)狀態(tài)：鼠標(biāo)沒(méi)有接觸按鈕時(shí)，按鈕處于一般狀態(tài)。 Over(結(jié)束)狀態(tài)：鼠標(biāo)移動(dòng)到按鈕上面，但沒(méi)有按下時(shí)，按鈕處于被觸摸狀態(tài)。 Down(按下)狀態(tài)：鼠標(biāo)左鍵按下時(shí)，按鈕處于被按下?tīng)顟B(tài)(鼠標(biāo)右鍵按下時(shí)會(huì)彈出菜單)。 Hit(單擊)狀態(tài)：與前3種狀態(tài)不同，但這個(gè)區(qū)域不會(huì)顯示在電

18、影中。在這種狀態(tài)下可以定義響應(yīng)鼠標(biāo)事件的區(qū)域范圍，但這個(gè)區(qū)域不會(huì)顯示在電影中。一個(gè)按鈕符號(hào)在時(shí)間軸窗口中的每一幀都有特定的功能，并且每一幀有固定的名稱(chēng)，分別與上面的4種狀態(tài)相對(duì)應(yīng)，如圖2-23所示。這時(shí)Flash自動(dòng)切換到圖符編輯模式，時(shí)間軸窗口中的第一行顯示4個(gè)連續(xù)的幀分別表示為Up，Over，Down和Hit，第1幀(Up幀)是一個(gè)空白的關(guān)鍵幀。圖2-23 編輯按鈕圖符時(shí)的時(shí)間軸2.5.2 創(chuàng)建一個(gè)按鈕符號(hào)用戶(hù)可以根據(jù)制作中的不同需要在Flash中創(chuàng)建按鈕符號(hào)，操作步驟如下： (1) 進(jìn)入Flash操作界面，選擇FileNew命令，新建一個(gè)文件。(2) 選擇InsertNew Symbol

19、命令，在 Create New Symbol對(duì)話(huà)框的Name文本框中輸入名稱(chēng)，并選擇Button單選按鈕，如圖2-24所示。圖2-24 Symbol Properties對(duì)話(huà)框(3) 單擊OK按鈕，關(guān)閉該對(duì)話(huà)框并進(jìn)入該按鈕的編輯狀態(tài)。在時(shí)間軸窗口中單擊第1幀，使用繪圖工具、導(dǎo)入圖形或創(chuàng)建其他圖符的實(shí)例來(lái)制作好Up幀的按鈕外觀，如圖2-25所示。圖2-25 第1幀上的圖形注意：在按鈕中，可以使用電影剪輯圖符或圖形圖符，但是不能在一個(gè)按鈕中再使用按鈕。如果要制作動(dòng)畫(huà)按鈕，需要使用電影剪輯。(4) 單擊第2幀(Over幀)，并在菜單欄中并選擇InsertKeyframe命令，插入一個(gè)關(guān)鍵幀。此時(shí)，第

20、1幀的按鈕圖像仍出現(xiàn)在場(chǎng)景中，然后使用填充工具將該按鈕圖案填充為其他顏色，如圖2-26所示。圖2-26 第2幀上的圖形(5) 單擊第3幀(Down幀) ，并在菜單欄中并選擇InsertKeyframe命令，插入一個(gè)關(guān)鍵幀。然后使用填充工具，將該按鈕圖案填充為其他顏色，如圖2-27所示。圖2-27 第3幀上的圖形(6) 單擊第4幀(Hit幀)后在菜單欄中并選擇InsertKeyframe命令插入一個(gè)關(guān)鍵幀。使用箭頭工具將按鈕符號(hào)選中，然后使用填充工具將該按鈕填充為黑色，如圖2-28所示。圖2-28 第4幀上的圖形(7) 完成以上步驟后單擊舞臺(tái)左上方的Scene按鈕，退出圖符編輯模式。(8) 在菜

21、單欄中選擇WindowLibrary命令打開(kāi)Library面板，然后從符號(hào)庫(kù)中把做好的按鈕符號(hào)拖到場(chǎng)景中任意位置，便可創(chuàng)建按鈕符號(hào)的一個(gè)實(shí)例，如圖2-29所示。圖2-29 調(diào)入符號(hào)庫(kù)中按鈕(9) 完成創(chuàng)建按鈕的一個(gè)實(shí)例后，選擇ControlTest Movie命令，這時(shí)就可以對(duì)按鈕進(jìn)行測(cè)試了，如圖2-30所示。圖2-30 測(cè)試按鈕2.6 綜 合 實(shí) 例上一節(jié)中我們?cè)谶@4幀中分別放入不同類(lèi)型的靜止圖形符號(hào)，這樣生成的按鈕就成為靜態(tài)按鈕效果。相反，如果在其中某些關(guān)鍵幀中放入的是動(dòng)態(tài)電影片斷，當(dāng)特定鼠標(biāo)事件產(chǎn)生時(shí)，就會(huì)表現(xiàn)為動(dòng)態(tài)的效果。這個(gè)道理是很容易理解，下面通過(guò)一個(gè)綜合實(shí)例來(lái)給大家介紹。該動(dòng)畫(huà)的

22、播放效果是當(dāng)鼠標(biāo)停留在按鈕上時(shí)，會(huì)出現(xiàn)一排連續(xù)向右側(cè)閃動(dòng)的三角形動(dòng)畫(huà)，用鼠標(biāo)單擊該按鈕時(shí)將會(huì)出現(xiàn)一個(gè)連續(xù)奔跑的小人。具體操作步驟如下：(1) 進(jìn)入Flash操作界面，選擇FileNew命令，新建一個(gè)文件。(2) 選擇InsertNew Symbol命令，在 Create New Symbol對(duì)話(huà)框的Name文本框中輸入“三角形按鈕1”，并選擇Graphic作為符號(hào)類(lèi)型，單擊OK按鈕。如圖2-31所示。圖2-31 新建一個(gè)Graphic符號(hào)(3) 進(jìn)入符號(hào)編輯模式后，在繪圖工具欄中選擇矩形工具繪制出一個(gè)正方形圖案，并且使用調(diào)色板工具將正方形圖案填充為紅色，如圖2-32所示。圖2-32 制作一個(gè)正

23、方形圖案(4) 使用箭頭工具把正方形圖案移動(dòng)到如圖2-33所示位置，讓十字中心點(diǎn)位于正方形圖案右邊的中心。當(dāng)箭頭移到正方形圖案右上角時(shí)，形狀變成如圖2-34所示。 圖2-33 調(diào)整圖案1 圖2-34 調(diào)整圖案2(5) 分別把正方形的右上角和右下角拉到右邊的中心點(diǎn)位置，如圖2-35所示。這樣，用作按鈕Up幀的三角形圖案就做好了，如圖2-36所示。做這個(gè)三角形的方法很多，大家也可以使用鋼筆或直線工具試一下。 圖2-35 調(diào)整圖案3 圖2-36 制作完成(6) 單擊按鈕返回到場(chǎng)景中，選擇InsertNew Symbol命令，在 Create New Symbol對(duì)話(huà)框的Name文本框中輸入“三角形按

24、鈕2”，并選擇Movie Clip作為符號(hào)類(lèi)型，單擊OK按鈕。如圖2-37所示。圖2-37 新建一個(gè)Movie Clip符號(hào)(7) 返回到場(chǎng)景中單擊時(shí)間軸第1幀，在菜單欄中選擇WindowLibrary命令，在彈出的Library面板中將“三角形按鈕1”符號(hào)拖放到舞臺(tái)中央，如圖2-38所示。圖2-38 拖動(dòng)符號(hào)到舞臺(tái)中央(8) 單擊時(shí)間軸第2幀并在菜單欄中選擇InsertKeyframe命令，插入一個(gè)關(guān)鍵幀。然后將Library面板中的“三角形按鈕1”符號(hào)再次拖放到舞臺(tái)中，放在第一個(gè)三角形的右邊，這樣就有兩個(gè)并排放置的三角形，如圖2-39所示。圖2-39 插入第2幀圖像(9) 在時(shí)間軸第2幀處

25、使用箭頭工具選中右邊的三角形，單擊Properties面板中的Color下拉列表框，選擇下拉列表中的Alpha命令，將Alpha值設(shè)為80%，如圖2-40所示，使得右邊三角形稍透明一些。圖2-40 設(shè)定Alpha值(10) 同樣，在第3幀插入一個(gè)關(guān)鍵幀，與上幀的操作一樣，再拖一個(gè)三角形并排放在右邊，然后將最右邊的三角形Alpha值設(shè)為60%。第4幀也是如此，只不過(guò)最右邊的三角形的Alpha值設(shè)為40%，完成后的效果如圖2-41所示。圖2-41 完成Movie Clip符號(hào)制作(11) 單擊按鈕返回到場(chǎng)景中，選擇InsertNew Symbol命令，在 Create New Symbol對(duì)話(huà)框的

26、Name文本框中輸入“三角形按鈕3”，并選擇Button作為符號(hào)類(lèi)型，單擊OK按鈕。如圖2-42所示。圖2-42 新建一個(gè)Button符號(hào)(12) 返回到舞臺(tái)后，在Library面板中將“三角形按鈕2”符號(hào)拖放到舞臺(tái)中央，該符號(hào)就被放置在UP幀上，如圖2-43所示。這樣，一個(gè)具有動(dòng)畫(huà)效果的按鈕就制作好了。當(dāng)用戶(hù)將鼠標(biāo)放在該按鈕上時(shí)，就會(huì)看見(jiàn)一排連續(xù)向右側(cè)閃動(dòng)的三角形動(dòng)畫(huà)。 圖2-43 創(chuàng)建UP幀圖像(13) 單擊按鈕返回到場(chǎng)景中，選擇InsertNew Symbol命令，在 Create New Symbol對(duì)話(huà)框的Name文本框中輸入“運(yùn)動(dòng)的小人”，并選擇Movie Clip作為符號(hào)類(lèi)型，單

27、擊OK按鈕。如圖2-44所示。圖2-44 創(chuàng)建“運(yùn)動(dòng)的小人”符號(hào)(14) 返回到舞臺(tái)后，選擇繪圖工具欄中的橢圓工具、貝塞爾工具以及自由變換工具等進(jìn)行配合，制作出一個(gè)小人的動(dòng)畫(huà)圖案，具體方法如下： 首先使用繪圖工具欄的橢圓工具在舞臺(tái)中繪制一個(gè)小人的頭像，如圖2-45所示。 圖2-45 繪制小人的頭像 選擇繪圖工具欄的直線工具，在Properties面板中將直線類(lèi)型設(shè)置為Solid，并把直線的寬度設(shè)置為10，如圖2-46所示。 圖2-46 設(shè)置直線工具的屬性 返回到舞臺(tái)中，選擇直線工具繪制小人的身體以及四肢，如圖2-47所示。 完成小人的身體以及四肢繪制后，選擇繪圖工具欄的自由變換工具調(diào)整小人頭像

28、的大小及位置，如圖2-48所示。 圖2-47 繪制小人的身體以及四肢 圖2-48 使用自由變換工具調(diào)整 這樣做出的小人不夠逼真，用戶(hù)可以選擇繪圖工具欄的貝塞爾工具對(duì)小人進(jìn)行細(xì)化處理，如圖2-49所示。注釋?zhuān)赫{(diào)整小人身體的關(guān)節(jié)運(yùn)動(dòng)是重要的一步，小人關(guān)節(jié)運(yùn)動(dòng)的好壞直接影響到奔跑動(dòng)畫(huà)的效果。用戶(hù)在細(xì)化處理時(shí)可以選擇貝塞爾工具單擊小人的某個(gè)關(guān)節(jié)，再使用上、下、左、右鍵對(duì)其進(jìn)行微處理。需要注意的是：在這里必須用鼠標(biāo)單擊某個(gè)節(jié)點(diǎn)，使其變?yōu)閷?shí)心色才可以進(jìn)行編輯，如圖2-50所示。 圖2-49 細(xì)化處理小人圖案 圖2-50 對(duì)關(guān)節(jié)進(jìn)行微處理(15) 第一個(gè)模板小人制作成功后，用戶(hù)就可以對(duì)其進(jìn)行編輯。首先在時(shí)間

29、軸14幀上分別繪制4個(gè)不同的小人形象，如圖2-51所示。這是小人奔跑的最基本動(dòng)作，如果用戶(hù)對(duì)小人奔跑的效果不滿(mǎn)意，可以在其中加入某些動(dòng)作細(xì)化的關(guān)鍵幀。圖2-51 奔跑的基本動(dòng)作(16) 以上兩組動(dòng)畫(huà)制作好之后，就可以將它們合并到場(chǎng)景中了。首先將三角形按鈕符號(hào)從Library面板中拖入到場(chǎng)景，然后右擊時(shí)間軸第1幀，在彈出的快捷菜單中選擇Actions命令。在打開(kāi)的Actions-Frame面板中選擇ActionsMovie ControlStop命令，如圖2-52所示。圖2-52 設(shè)置三角形時(shí)間軸Stop命令(17) 返回到舞臺(tái)中鼠標(biāo)右鍵單擊三角形按鈕，在彈出的快捷菜單中選擇Actions命令。

30、在打開(kāi)的Actions-Frame面板中雙擊選擇ActionsMovie Controlgoto命令，另外在面板中將Frame文本框內(nèi)的數(shù)值改為2即可，如圖2-53所示。(18) 單擊時(shí)間軸第2幀，在菜單欄中選擇InsertKeyframe命令，插入一個(gè)關(guān)鍵幀。然后將Library面板中的“運(yùn)動(dòng)的小人”符號(hào)拖放到舞臺(tái)中。(19) 右擊時(shí)間軸第2幀，在彈出的快捷菜單中選擇Copy Frames命令，如圖2-54所示。圖2-53 設(shè)置舞臺(tái)三角形goto命令圖2-54 選擇Copy Frames命令(20)右擊時(shí)間軸第3幀，在彈出的快捷菜單中選擇Paste Frames命令，將第2幀的動(dòng)畫(huà)復(fù)制到第3

31、幀中。然后右擊時(shí)間軸第3幀，在彈出的快捷菜單中選擇Actions命令。在打開(kāi)的Actions-Frame面板中選擇ActionsMovie Controlgoto命令，另外在面板中將Frame文本框內(nèi)的數(shù)值設(shè)為2即可，如圖2-55所示。該步操作同第(17)步基本相同，但是它們之間的區(qū)別就在于選擇的對(duì)象不同。(21) 完成創(chuàng)建動(dòng)畫(huà)的實(shí)例后，選擇ControlTest Movie命令，這時(shí)就可以對(duì)全部動(dòng)畫(huà)進(jìn)行測(cè)試了。注釋?zhuān)涸谶@個(gè)動(dòng)畫(huà)制作過(guò)程中，所涉及的難度并不是很高。但是，用戶(hù)必須注意所有符號(hào)與實(shí)例的創(chuàng)建過(guò)程，如果有一步錯(cuò)誤將導(dǎo)致整個(gè)動(dòng)畫(huà)失敗，所以要求用戶(hù)通過(guò)這個(gè)動(dòng)畫(huà)反復(fù)練習(xí)符號(hào)和實(shí)例的創(chuàng)建。這樣

32、在以后的制作過(guò)程中就會(huì)達(dá)到事半功倍的效果。圖2-55 設(shè)置時(shí)間軸小人goto命令FlashMX動(dòng)畫(huà)制作實(shí)例教程文字處理之文字的屬性3.1 文字的屬性在Flash舞臺(tái)上輸入文字信息后，可以對(duì)文字信息進(jìn)行屬性的設(shè)置。文字的屬性包括：字體與字號(hào)、字間距與位置、文字色彩等內(nèi)容，用戶(hù)可在文本類(lèi)型的Properties面板來(lái)進(jìn)行段落屬性的具體設(shè)置。3.1.1 字體與字號(hào)用戶(hù)在舞臺(tái)中輸入文字后，如果需要設(shè)置所輸入文字的字體和字號(hào)屬性，則可在文字的Properties面板中進(jìn)行更改。具體操作步驟如下：(1) 首先激活繪圖工具欄中按鈕，Properties面板便成為如圖3-1所示的面板。圖3-1 Propert

33、ies面板(2) 當(dāng)用戶(hù)需要更改字體時(shí)，首先在舞臺(tái)中選擇所要更改的文本，然后再單擊Properties面板中的下拉箭頭，從彈出的字體下拉列表中，選擇某種字體作為要?jiǎng)?chuàng)建文本的字體，如在這選擇“隸書(shū)”，如圖3-2所示。 圖3-2 字體列表(3) 文本工具的字號(hào)修改工具既是一個(gè)文本框，也是一個(gè)滑動(dòng)條。當(dāng)文本工具活動(dòng)時(shí)，字體修改文本框中顯示的是當(dāng)前的字號(hào)?？梢栽谖谋究蛑兄苯渔I入指定的字號(hào)來(lái)改變當(dāng)前字號(hào)。如果單擊文本框右邊的箭頭，將彈出如圖3-3所示的字號(hào)調(diào)節(jié)滑動(dòng)條，將游標(biāo)向上拖動(dòng)則字號(hào)增大，向下拖動(dòng)則字號(hào)減少。圖3-3 字號(hào)調(diào)節(jié)工具3.1.2 字間距與位置在文本類(lèi)型的Properties面板的中，將顯

34、示一個(gè)字間距離表，用戶(hù)可以拖動(dòng)滑塊改變字間距的大小，它的范圍在6060之間。用戶(hù)也可以直接在列表框內(nèi)輸入一個(gè)整數(shù)，用于定義輸入內(nèi)容的字間距，并且輸入的數(shù)值可以不在6060之間。為了對(duì)比不同的字間距，用戶(hù)可以將輸入內(nèi)容的字體設(shè)置為宋體、字號(hào)設(shè)置為20，將字間距依次調(diào)整為0、1、3、5、7、9之后，將得到如圖3-4所示的字間距對(duì)比效果。當(dāng)字間距小于0時(shí)，輸入的內(nèi)容將重疊在一起。圖3-4 字間距對(duì)比3.1.3 文字色彩用戶(hù)在舞臺(tái)中修改文字的顏色時(shí)，只需單擊文字Properties面板中的按鈕，從彈出的顏色窗口中選擇一種顏色即可，如圖3-5所示。圖3-5 設(shè)置字體顏色用戶(hù)也可以通過(guò)以下2種方法來(lái)修改已

35、經(jīng)輸入文本的顏色： 在文本輸入狀態(tài)下，使用文本工具選中要修改的文字，然后在顏色彈出窗口中選擇所需的文本顏色。 選擇繪圖工具箱中的箭頭按鈕，選中要修改顏色的文本框，然后在顏色彈出窗口中選擇所需的文本顏色。3.2 編 輯 文 字對(duì)文字的編輯是關(guān)鍵的一步，文字處理的好壞直接影響到動(dòng)畫(huà)的質(zhì)量。用戶(hù)通過(guò)對(duì)文字的編輯處理，可以使動(dòng)畫(huà)更具有鮮明性。在Flash中文字的編輯包括粘貼字體、改變位置等內(nèi)容。3.2.1 粘貼文字Flash MX允許用戶(hù)將其他應(yīng)用程序內(nèi)的文字粘貼到舞臺(tái)上。首先選中需要復(fù)制的文件，在菜單欄中選擇EditPaste命令，將文件粘貼到Flash舞臺(tái)中。粘貼之后，在文字的周?chē)霈F(xiàn)淡藍(lán)色的邊框

36、，如圖3-6所示，表明文字處于選擇狀態(tài)。這時(shí)用戶(hù)可以使用Properties面板對(duì)文字進(jìn)行編輯。圖3-6 粘貼文字3.2.2 改變位置在場(chǎng)景中輸入文字后，當(dāng)鼠標(biāo)指針指向文本框的邊框時(shí)，將在屏幕上出現(xiàn)箭頭與十字形，拖動(dòng)鼠標(biāo)將改變文本框在舞臺(tái)上的位置，如圖3-7所示。圖3-7 改變文字位置如果文本框的右上角出現(xiàn)圓形控制點(diǎn)，表示該區(qū)域的內(nèi)容無(wú)法自動(dòng)換行，所輸入的文字將持續(xù)地向右延伸。按Enter鍵之后將結(jié)束當(dāng)前行，進(jìn)入下一行，如圖3-8所示。圖3-8 圓形控制點(diǎn)在文本框上出現(xiàn)方形控制點(diǎn)時(shí)，意味著該區(qū)域內(nèi)的文字將在區(qū)域右側(cè)邊界時(shí)自動(dòng)換行，此時(shí)文本框左右寬度是固定的，并不會(huì)因?yàn)槲淖謹(jǐn)?shù)量的改變而改變，如圖

37、3-9所示。雙擊方形控制點(diǎn)將切換到圓形控制點(diǎn)。圖3-9 方形控制點(diǎn)注釋?zhuān)簩⑹髽?biāo)指針移動(dòng)到控制點(diǎn)上方時(shí)，光標(biāo)就會(huì)切換成水平箭頭狀，拖動(dòng)鼠標(biāo)時(shí)，可改變文本框的寬度，此時(shí)的圓形控制點(diǎn)也變成方形控制點(diǎn)。3.3 使用文本區(qū)域在動(dòng)畫(huà)播放的過(guò)程中，文本區(qū)域的文本是可以編輯和改變的。這樣可以大大增強(qiáng)網(wǎng)頁(yè)的交互性。例如，用戶(hù)經(jīng)常見(jiàn)到的密碼文本框、下拉列表框等信息就是使用文本區(qū)域來(lái)實(shí)現(xiàn)的。3.3.1 創(chuàng)建文本區(qū)域創(chuàng)建文本區(qū)域時(shí)，用戶(hù)可以為這個(gè)文本區(qū)域指定一個(gè)變量，這個(gè)變量的名稱(chēng)是固定的，但其值是可以改變的。用戶(hù)可以通過(guò)Action將這個(gè)變量傳送到影片剪輯中的其他部分或者服務(wù)器端的數(shù)據(jù)庫(kù)中等。這個(gè)變量的值可以通過(guò)運(yùn)

38、行服務(wù)器端的應(yīng)用程序獲得，也可以通過(guò)加載影片剪輯中的其他部分而得到。創(chuàng)建文本區(qū)域的操作步驟如下：(1) 選擇Filenew命令，在舞臺(tái)上新建一個(gè)文件。(2) 單擊繪圖工具欄上的按鈕，便可以在舞臺(tái)上輸入文字信息了。如圖3-10所示。圖3-10 在舞臺(tái)上輸入文字(3) 單擊下拉列表框中的下拉箭頭，打開(kāi)文本類(lèi)型下拉列表，選擇Dynamic Text選項(xiàng)，如圖3-11所示。此時(shí)Properties面板變成如圖3-12所示的面板。圖3-11 文本類(lèi)型下拉列表圖3-12 Dynamic Text文本類(lèi)型的Properties面板(4) 單擊下拉列表框中的下拉箭頭，打開(kāi)文本長(zhǎng)度下拉列表，選擇Single L

39、ine選項(xiàng)，如圖3-13所示。圖3-13 文本長(zhǎng)度下拉列表(5) 在文本框內(nèi)輸入文本區(qū)域變量的名稱(chēng)，如在這輸入lwsoft。(6) 在舞臺(tái)文本區(qū)域內(nèi)輸入文字“實(shí)戰(zhàn)寶典”，如圖3-14所示。圖3-14 文本區(qū)域的控制點(diǎn)在Dynamic Text文本類(lèi)型的Properties面板中，這3個(gè)從左到右分別是Selectable、Render text as HTML和Show Border Around Text按鈕。 選擇Selectable按鈕，表示用戶(hù)可以選擇文本區(qū)域的內(nèi)容，否則這部分信息是不可選擇的，它可以有效地防止用戶(hù)編輯文本區(qū)域的信息。選擇Render text as HTML按鈕，表示將

40、在文本區(qū)域內(nèi)輸入HTML代碼，它是制作網(wǎng)頁(yè)的首選語(yǔ)言。選擇Show Border Around Text按鈕，表示顯示文本區(qū)域的邊界以及背景。隱藏文本區(qū)域的邊界和背景后，在動(dòng)畫(huà)的播放過(guò)程中將不會(huì)看到文本區(qū)域的邊框以及文本區(qū)域中的背景。文本區(qū)域中的背景將被整個(gè)動(dòng)畫(huà)的背景所代替，這時(shí)看到的文本區(qū)域與普通的文本框在外觀上沒(méi)有區(qū)別。在創(chuàng)建文本區(qū)域時(shí)，如果在文本類(lèi)型下拉列表中選擇Input Text選項(xiàng)，則可在舞臺(tái)上創(chuàng)建表單文本，此時(shí)Properties面板變成如圖3-15所示的面板。表單是站點(diǎn)內(nèi)收集訪問(wèn)者信息、實(shí)現(xiàn)交互功能的重要手段之一。圖3-15 Input Text文本類(lèi)型的Properties面

41、板單擊該面板上的下拉箭頭，彈出表單文本類(lèi)型下拉列表，如圖3-16所示。圖3-16 表單文本類(lèi)型下拉列表在該下拉列表中有以下4個(gè)選項(xiàng)，如表3-1所示。表3-1 表單文本類(lèi)型在Input Text文本類(lèi)型的Properties面板中有1個(gè)Maximum Characters文本框，它是用于設(shè)置表單部件的長(zhǎng)度，它表示文本區(qū)域內(nèi)可見(jiàn)信息的最大數(shù)目。注釋?zhuān)簩⑹髽?biāo)指針移動(dòng)到文本區(qū)域的控制點(diǎn)處，它的形狀將切換成對(duì)角線狀，沿鼠標(biāo)指針指示的方向拖動(dòng)時(shí)，將改變文本區(qū)域的寬度與高度。3.3.2 轉(zhuǎn)換文本對(duì)象在舞臺(tái)上創(chuàng)建的普通文本框是Static Text文本類(lèi)型。用戶(hù)根據(jù)需要可以在Static Text、Dynam

42、ic Text和Input Text之間進(jìn)行轉(zhuǎn)換。轉(zhuǎn)換文本對(duì)象的操作步驟如下:(1) 選擇舞臺(tái)上的文本對(duì)象。(2) 刷新Properties面板。(3) 在文本類(lèi)型下拉列表內(nèi)選擇一種不同的類(lèi)型。由于Static Text(靜態(tài)文本框)與Input Text(表單文本)和Dynamic Text(動(dòng)態(tài)文本)的控制點(diǎn)位置不同，由此轉(zhuǎn)換舞臺(tái)上的文本對(duì)象之后，用戶(hù)可通過(guò)控制點(diǎn)的變化確認(rèn)轉(zhuǎn)換操作的成功與否。3.4 設(shè)置段落屬性文本的段落屬性包括設(shè)置對(duì)齊方式與設(shè)置邊距兩項(xiàng)內(nèi)容，這里的對(duì)齊方式包括左齊、右齊、居中和兩端對(duì)齊；設(shè)置邊距包括左邊距、右邊距、首行縮進(jìn)與行間距4種情況，用戶(hù)可在文本類(lèi)型的Proper

43、ties面板來(lái)進(jìn)行段落屬性的設(shè)置。3.4.1 設(shè)置對(duì)齊方式在文本類(lèi)型的Properties面板中有這樣4個(gè)按鈕，它們分別是左對(duì)齊、居中對(duì)齊、右對(duì)齊和兩端對(duì)齊按鈕。所選中的按鈕就是舞臺(tái)上所選文本框的文本對(duì)齊方式，單擊其他按鈕時(shí)，將改變所選文本框的文本對(duì)齊方式，該方式將延續(xù)到下一次改變方式為止。例如：?jiǎn)螕舭粹o文本框內(nèi)的文字將居中顯示，如圖3-17所示。圖3-17 文字居中顯示3.4.2 設(shè)置邊距單擊文本類(lèi)型的Properties面板中的按鈕，彈出Format Options對(duì)話(huà)框，如圖3-18所示。它用來(lái)設(shè)置文字邊距。圖3-18 Format Options對(duì)話(huà)框在對(duì)話(huà)框中有以下4個(gè)下拉列表框，如

44、表3-2所示表3-2 Format Options列表框在文本框或文本區(qū)域內(nèi)設(shè)置插入點(diǎn)之后，設(shè)置的邊距屬性只影響到當(dāng)前段落，需要一次修改多個(gè)段落的邊距屬性時(shí)，可同時(shí)選擇多個(gè)段落。單擊邊距下拉列表框右側(cè)的箭頭時(shí)，將在屏幕上出現(xiàn)垂直滑塊，拖動(dòng)滑塊可改變邊距的數(shù)值。3.5 文字的填充文本框或文本區(qū)域的內(nèi)容在Flash MX里被視為一個(gè)對(duì)象，并保留文字的屬性。雖然可以修改文字的顏色，但是要使文字產(chǎn)生更特殊的效果，如使用漸變色彩或任意變形，則需要將文字轉(zhuǎn)換為矢量圖。將文本框或文本區(qū)域的內(nèi)容轉(zhuǎn)換為矢量圖的過(guò)程是不可逆的，用戶(hù)無(wú)法將矢量圖轉(zhuǎn)換為文本框或文本區(qū)域。將文字轉(zhuǎn)換為矢量圖的操作步驟如下:(1) 選擇Filenew命令，新建一個(gè)文件。(2) 選擇繪圖工具欄的工具，在舞臺(tái)上單擊，確定文本框的位置。(3) 在文本框內(nèi)輸入“實(shí)戰(zhàn)寶典”。(4) 在Properties面板中設(shè)置字體為宋體，字號(hào)為40號(hào)。(5) 選中文本框內(nèi)的文字，右擊文本框選擇快捷菜單的Copy命令。(6) 右擊舞臺(tái)，從彈出的快捷菜單中選擇Paste命令，得到文本框及其內(nèi)容的復(fù)制，如圖3-19所示。圖3-19 在舞臺(tái)中