Flash制作動(dòng)畫(huà)之掌握基本按鈕知識(shí)(1)_Flash教程

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

推薦：Flash動(dòng)畫(huà)中利用as實(shí)現(xiàn)對(duì)音樂(lè)的控制
如何利用as實(shí)現(xiàn)對(duì)音樂(lè)的控制？解決思路利用幀標(biāo)簽，通過(guò)按鈕的跳轉(zhuǎn)來(lái)實(shí)現(xiàn)對(duì)音樂(lè)的開(kāi)關(guān)控制。具體步驟1、首先在場(chǎng)景的第1幀添加as:ss=newSound();ss.attac

問(wèn)題1:如何制作按鈕?為什么我制作的文字按鈕,很不輕易點(diǎn)擊到?

解決思路

在按鈕編輯區(qū)的時(shí)間軸上只有四個(gè)幀,第4幀的”點(diǎn)擊”是按鈕的反應(yīng)區(qū),這個(gè)區(qū)域在舞臺(tái)中是看不到的,但是他卻起到了按鈕反應(yīng)的作用。我們擴(kuò)大按鈕的反應(yīng)區(qū),既可以輕易的用鼠標(biāo)點(diǎn)擊到這個(gè)按鈕了。

具體步驟

1、運(yùn)行FlashMX2004，文檔屬性默認(rèn)。

2、新建一個(gè)元件，命名為“按鈕”，類(lèi)型設(shè)定為按鈕元件。

3，進(jìn)入按鈕編輯區(qū)，時(shí)間軸上面一共有四個(gè)幀。這四個(gè)幀的作用已經(jīng)在第一章中向大家介紹過(guò)了。如圖所示。

按鈕元件的時(shí)間軸

4、在第1幀中單擊工具欄里面的矩形工具繪制一個(gè)藍(lán)色的矩形。

5、返回到場(chǎng)景1，從“庫(kù)”中把這個(gè)按鈕拖動(dòng)到舞臺(tái)中。

6、發(fā)布測(cè)試效果，我們看到當(dāng)鼠標(biāo)放到這個(gè)按鈕上面的時(shí)候，鼠標(biāo)變?yōu)樾∈滞庑�，說(shuō)明制作的這個(gè)按鈕成功。

7、在實(shí)際的創(chuàng)作中，因?yàn)槲枧_(tái)中的元件很多，為了區(qū)分元件的種類(lèi)，需要在按鈕上面寫(xiě)上說(shuō)明，那么我們就來(lái)實(shí)際制作一下。

8、雙擊“庫(kù)”中按鈕元件，進(jìn)入按鈕編輯區(qū)。

9、在圖層面板中新建圖層2，單擊文本工具鍵入“button”，調(diào)整位置。如圖所示。

加入文字圖層

10、返回到場(chǎng)景1測(cè)試，按鈕上面已經(jīng)有了一個(gè)標(biāo)志名字，按鈕的功能沒(méi)有受到影響。如圖所示。

按鈕效果

11、這種按鈕的制作方法是最為簡(jiǎn)單的，它不涉及到反應(yīng)區(qū)的問(wèn)題。因?yàn)樗{(lán)色的矩形部分已經(jīng)在舞臺(tái)中顯露出來(lái)，只要點(diǎn)擊藍(lán)色區(qū)域都可以執(zhí)行按鈕的作用。在一些Flash作品中由于整體視覺(jué)效果的要求，往往出現(xiàn)一些只有文字，沒(méi)有背景的按鈕。這樣就涉及到了問(wèn)題中所提到的反應(yīng)區(qū)的問(wèn)題。

12、進(jìn)入按鈕元件編輯區(qū)，在第1幀中鍵入文字“PLAY”，制作一個(gè)播放按鈕。如圖所示。

鍵入文字

13、返回到場(chǎng)景1發(fā)布測(cè)試按鈕效果，發(fā)現(xiàn)鼠標(biāo)不是很輕易的就會(huì)點(diǎn)擊到按鈕。其原因是按鈕的反應(yīng)只限制在文字的線(xiàn)條上面。

14、解決這個(gè)問(wèn)題，可以采用兩種方法。第一種方法，進(jìn)入按鈕元件編輯區(qū)，在第4幀中利用矩形工具畫(huà)一個(gè)矩形，放在“PLAY”的下方，以擴(kuò)大它的反應(yīng)區(qū)。因?yàn)榈?幀“點(diǎn)擊”中的內(nèi)容在發(fā)布作品的時(shí)候是看不見(jiàn)的，所以我們可以使用任意顏色。如圖所示。

在“點(diǎn)擊”幀插入矩形

14、發(fā)布測(cè)試效果，因?yàn)榘粹o反應(yīng)區(qū)的擴(kuò)大，就很輕易的點(diǎn)擊到按鈕了。請(qǐng)參考源文件點(diǎn)擊這里下載源文件。

15、另外一種方法是新建一個(gè)圖層，在按鈕元件編輯區(qū)的第1幀畫(huà)一個(gè)透明的矩形，因?yàn)榫匦坞m然是透明的，在舞臺(tái)中是看不見(jiàn)的，但是它還會(huì)起到一個(gè)外形的作用，這樣在第1幀擴(kuò)大了按鈕的反應(yīng)區(qū)域。如圖所示。