制作步驟

我們先看看7個(gè)按鈕的外形，其實(shí)，7個(gè)人物不是按鈕，他們與畫面上的其它裝飾圖形一樣，僅是個(gè)背景圖，我們用的是7個(gè)“透明按鈕”！

“透明按鈕”可以用幾種方法做，最先想到的當(dāng)然是用【屬性】面板在按鈕的【顏色】設(shè)置中把【Alpha】值填為“0”，但這樣一來(lái)，按鈕內(nèi)部的動(dòng)畫也看不到了，我們只能在按鈕內(nèi)部想辦法。

現(xiàn)在我們用第4個(gè)按鈕為例來(lái)介紹透明按鈕的制作方法。

步驟1　創(chuàng)建按鈕元件

新建名為“but_4”的按鈕元件，在這個(gè)元件的編輯場(chǎng)景中，將【圖層1】重新命名為“圖形”，在舞臺(tái)十字中心位置繪一個(gè)白色矩形，并轉(zhuǎn)換為名為“按鈕板”圖形元件，把它的【Alpha】值置為“0”即可。這里順便說(shuō)一下，按鈕的“響應(yīng)區(qū)”也用了這個(gè)元件，是為了簡(jiǎn)便，假如你把“響應(yīng)區(qū)”畫成與背景人物一樣的圖形，那么鼠標(biāo)移向按鈕時(shí)的感覺(jué)更精確。

回到【場(chǎng)景1】場(chǎng)景，新建“按鈕”圖層，將“but_4”拖放到舞臺(tái)上的第4個(gè)人上，如圖4-5-7所示。

圖4-5-7 “but_4”按鈕的制作

步驟2　創(chuàng)建按鈕中的MC元件

按鈕中MC的動(dòng)畫過(guò)程是通過(guò)一個(gè)名字叫“線條4”的MC元件實(shí)現(xiàn)的。如圖4-5-8是這個(gè)MC的圖層結(jié)構(gòu)。整個(gè)的動(dòng)畫效果就是當(dāng)鼠標(biāo)移動(dòng)到第4個(gè)按鈕時(shí)，從【Layer1】到【Layer4】4段線條的“運(yùn)動(dòng)變形”過(guò)程，【Layer5】是小球“閃爍3下”效果。

為了線條指向的準(zhǔn)確性，我們?cè)趫?chǎng)景中來(lái)創(chuàng)建MC。雙擊“but_4”實(shí)例，再回到“but_4”按鈕編輯環(huán)境中，插入一個(gè)新圖層并重新命名為“MC”。

在【指針經(jīng)過(guò)】幀插入要害幀，將“豎線”圖形元件拖放到適當(dāng)位置，并轉(zhuǎn)換為“線條4”影片剪輯元件。雙擊該實(shí)例，進(jìn)入到“線條4”編輯環(huán)境中進(jìn)行MC的編輯。如圖4-5-8是“線條4”完成后的圖層結(jié)構(gòu)，具體的制作情況請(qǐng)參閱源文件。

圖4-5-8　“線條4”MC的圖層結(jié)構(gòu)

說(shuō)明：“線條4”MC中的線條伸展動(dòng)畫是通過(guò)多圖層的動(dòng)作補(bǔ)間動(dòng)畫來(lái)實(shí)現(xiàn)的。動(dòng)畫技巧并不復(fù)雜，只是圖層繁瑣了一些。另外，這個(gè)MC時(shí)間軸最后一幀要定義一個(gè)停止動(dòng)作，以保證這個(gè)MC不會(huì)重復(fù)播放。

注重，在編輯MC時(shí)，編輯界面上找到它不輕易，因?yàn)樗�的第一幀只是一根幾乎看不到的豎線！請(qǐng)你按照下面的方法進(jìn)行操作：

現(xiàn)在讓我們單擊【MC】圖層的第二幀，以選中MC對(duì)象。這時(shí)，編輯界面出現(xiàn)2個(gè)“中心點(diǎn)”（或者叫“注冊(cè)點(diǎn)”），1個(gè)是整個(gè)按鈕對(duì)象的“中心點(diǎn)”（上一級(jí)對(duì)象），還有一個(gè)就是MC對(duì)象的“中心點(diǎn)”！慢慢用鼠標(biāo)靠近它，當(dāng)鼠標(biāo)到達(dá)“中心點(diǎn)標(biāo)志”時(shí)，鼠標(biāo)指針的“剪頭”會(huì)變成“移動(dòng)”符號(hào)，如圖4-5-9所示。

這時(shí)再“雙擊”它，就打開(kāi)了MC的編輯界面。

圖4-5-9 尋找“看不見(jiàn)”的對(duì)象

步驟3　定義按鈕腳本

單擊【場(chǎng)景 1】回到主場(chǎng)景，保持該按鈕被選中，打開(kāi)【動(dòng)作】面板，鍵入一條按鈕指令：

on (release) {

gotoAndPlay("Scene 2", 1);

}

指令意義是：當(dāng)單擊并放開(kāi)時(shí)，“進(jìn)入第二場(chǎng)景的第1幀繼續(xù)播放”。至此，這個(gè)按鈕對(duì)象全部完成！

步驟4　完成其它透明按鈕的制作

其余6個(gè)按鈕外形、內(nèi)部結(jié)構(gòu)完全一樣，僅是按鈕指令及內(nèi)部MC的線條走向不同，是不是接下去一個(gè)一個(gè)地做？

當(dāng)然不會(huì)傻到這般地步！那么，把“but_4”拷貝6份，分別放置在其余人物圖形上，然后進(jìn)入內(nèi)部調(diào)整MC線條走向，不就得啦！

又錯(cuò)啦！這樣的結(jié)果是你調(diào)整一個(gè)，其它按鈕隨之同步改變，如同狗熊偷苞米的故事，勞累一場(chǎng)一無(wú)所獲！

還記得前面說(shuō)過(guò)的，正確的做法應(yīng)該在元件【庫(kù)】中進(jìn)行“元件復(fù)制”，并把它們的元件名分別命名為“but_1”、“but_2”、“but_3”……等，然后把它們的實(shí)例分別布置在其他各個(gè)人物圖形上，再分別調(diào)整各自MC中的線條走向。

豈慢，按鈕里面的MC也得在元件【庫(kù)】中復(fù)制6份哦，否則……，這個(gè)道理現(xiàn)在你應(yīng)該明白嘍！