教教我Flash按鈕操作啊?下面學(xué)習(xí)啦小編整理了Flash按鈕操作的方法 ，希望能幫到大家O(∩_∩)O哈哈~

　　接下來就是長篇大論，不過學(xué)習(xí)Flash的各位大神，這里總有你想吃的菜。

　　Flash按鈕操作教程：

　　問題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)擊到

　　問題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è)元件，命名為“按鈕”，類型設(shè)定為按鈕元件。

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

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

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

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

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

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

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

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

　　圖2.1.35 加入文字圖層

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

　　圖2.1.36 按鈕效果

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

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

　　圖2.1.37 鍵入文字

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

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

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

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

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

　　圖2.1.39 插入透明矩形

　　16、這種制作方法也可以制作出非常好用的文字按鈕。

　　注意——對(duì)按鈕的測試，我們用【控制】菜單里面的【播放】命令或者使用快捷鍵“Enter”是無法測試的。我們要單擊【文件】菜單下的【發(fā)布】命令或者使用組合快捷鍵“Ctrl+Enter”來進(jìn)行發(fā)布測試。

　　提示——朋友們普遍對(duì)按鈕的四個(gè)幀里面的最后一個(gè)幀的作用不是很理解，這個(gè)幀就是按鈕的反應(yīng)區(qū)，在場景中是看不到的，制作隱形按鈕就要利用這個(gè)幀。

　　技巧——按鈕是一部作品中不可或缺的重要組成部分，制作按鈕時(shí)，應(yīng)考慮到整體作品的風(fēng)格。

　　試一試——我們向大家介紹了文字按鈕的制作方法，大家不妨試一試，因?yàn)檫@種按鈕在每個(gè)作品中都要使用的。

　　分析——出現(xiàn)這個(gè)問題的根本原因有兩個(gè)：第一，朋友們對(duì)按鈕制作的不重視性，認(rèn)為按鈕只是一個(gè)附屬的東西，對(duì)于作品整體的主體表現(xiàn)沒有太多的作用，所以也忽視了按鈕的細(xì)節(jié)制作;第二，朋友們對(duì)第4幀“點(diǎn)擊”的知識(shí)的不了解。

　　特別提示

　　按鈕作為一個(gè)Flash動(dòng)畫作品中實(shí)現(xiàn)交互作用的媒介，起到了非常重要的作用。因?yàn)楸疚乃皆次募胁]有涉及到按鈕的控制問題，所以只能利用鼠標(biāo)放置到按鈕上顯現(xiàn)的小手形狀來測試按鈕。

　　特別說明

　　通過對(duì)這個(gè)問題的解釋，我們了解了基本按鈕的制作方法和怎樣制作文字按鈕。我在欣賞閃吧承辦的“衡雅杯”環(huán)保FLASH比賽的時(shí)候，發(fā)現(xiàn)許多朋友制作的文字按鈕都沒有采取擴(kuò)大反映區(qū)的手段。以至考驗(yàn)欣賞者使用鼠標(biāo)的靈活程度，對(duì)作品的欣賞帶來第一印象的厭煩感。

　　一部Flash作品需要使用那些必要的按鈕?

　　由于按鈕的應(yīng)用十分廣泛，所以在Flash作品中可以用按鈕制作非常有趣的效果。對(duì)于控制一部完整得FLASH動(dòng)畫作品而言，一般需要兩個(gè)按鈕：播放(PLAY)和返回(REPLAY)。以用于影片的播放和重放。

　　可以使用圖形來作為按鈕嗎?

　　因?yàn)榘粹o中的幀在操作上與其他元件的幀沒有什么大的區(qū)別，所以我們可以利用圖形來作為按鈕，還可以采用其他的形式來制作按鈕。在下面的問題中我們將向大家詳細(xì)地介紹。

　　如何用按鈕來控制影片?

　　剛才我們說到了一部完整的作品需要兩個(gè)按鈕,一個(gè)播放按鈕一個(gè)返回按鈕.那么這兩個(gè)按鈕是怎樣實(shí)現(xiàn)對(duì)影片的控制的呢?這就涉及到了Flash 的 ActionScript。按鈕與Flash腳本語言(ActionScript)的聯(lián)系是非常緊密的。下面我們就制作一個(gè)影片控制按鈕。我們新建一個(gè) Flash MX 2004文檔，在舞臺(tái)的時(shí)間軸上制作出一段簡單的動(dòng)畫效果。如圖2.1.40所示。

　　圖2.1.40 制作一段漸變動(dòng)畫

　　要禁止動(dòng)畫一開始就自動(dòng)播放，這樣播放按鈕才會(huì)起到作用 。單擊時(shí)間軸上的第1幀，打開舞臺(tái)下面的“動(dòng)作”面板，雙擊“影片控制”下的“stop”命令，是動(dòng)畫在第一幀就停止。在最后一幀同樣加入“stop”。如圖2.1.41 所示。

　　圖2.1.41 添加“stopa();”

　　然后新建立一個(gè)按鈕元件，按照我們剛才做的方法制作出兩個(gè)按鈕，分別是“play”和“relplay”。在時(shí)間軸中新建一圖層，把“play”按鈕從控制拖動(dòng)到第1幀的合適位置，“replay”拖動(dòng)到第30幀的合適位置。分別單擊兩個(gè)按鈕，打開動(dòng)作面板，在“play”和“replay”按鈕上面加如控制命令：

　　“play”按鈕上面的命令：

　　on(release){

　　play();

　　}

　　如圖所示。

　　圖2.1.42 “play”按鈕的ActionScript

　　“replay”按鈕上面的命令，

　　on (release) {

　　gotoAndPlay(1);

　　}

　　如圖2.1.43所示。

　　圖2.1.43 “replay”按鈕的ActionScript

　　請(qǐng)參考源文件點(diǎn)擊這里下載源文件

　　這是我們第一次接觸 Flash MX 2004的ActionScript，本書第三部分中會(huì)作詳細(xì)地介紹。之所以在此節(jié)中介紹ActionScript，一是按鈕與ActionScript的聯(lián)系非常密切 ;二是給大家一個(gè)初步的印象。

　　問題2：何制作隱形按鈕?隱形按鈕的作用是什么?

　　解決思路

　　隱形按鈕是按鈕功能的引申，一些超乎想象的效果就是通過隱形按鈕來完成的。我們從上一個(gè)問題中知道了，按鈕的第4幀“點(diǎn)擊”幀里面的內(nèi)容在舞臺(tái)中是看不到的，我們就用這個(gè)特點(diǎn)來制作簡單的隱形按鈕。

　　具體步驟

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

　　2、新建一個(gè)元件，名稱為“button”，類型為按鈕。

　　3、進(jìn)入按鈕元件編輯區(qū)，在第4幀里面我們利用矩形工具繪制一個(gè)矩形，顏色隨意。

　　4、返回場景1，【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令，導(dǎo)入一幅圖片，調(diào)整其在舞臺(tái)的位置。

　　5、在時(shí)間軸上新建一個(gè)圖層，命名為按鈕層，把剛剛制作的按鈕從“庫”中拖動(dòng)到舞臺(tái)中的合適位置。如圖2.1.44所示。

　　圖2.1.44 設(shè)置隱形按鈕

　　6、這個(gè)按鈕在舞臺(tái)中顯現(xiàn)的是透明的綠顏色。因?yàn)榘粹o在第4幀“點(diǎn)擊”幀里面的內(nèi)容是看不到的，F(xiàn)lash 考慮到需要編輯的方便，統(tǒng)一設(shè)置了相同的綠顏色，而無論原來的“點(diǎn)擊”幀里面的顏色是什么。

　　7、發(fā)布測試，可以看到當(dāng)鼠標(biāo)移動(dòng)到隱形按鈕區(qū)域就會(huì)變成小手狀，我們的隱形按鈕制作成功，保存。

　　請(qǐng)參考源文件點(diǎn)擊這里下載源文件

　　8、利用按鈕與Flash的ActionScript我們可以制作出非常優(yōu)秀的效果，這方面的內(nèi)容我們將在第三部分ActionScript中向大家詳細(xì)介紹。

　　注 意 ——在制作隱形按鈕的時(shí)候，不要在按鈕編輯區(qū)的第1幀做按鈕，因?yàn)榈谝粠趫鼍爸惺强梢姷?，達(dá)不到我們制作的效果。我們直接在第4幀中插入一個(gè)空白關(guān)鍵幀，然后在編輯區(qū)中繪制反映區(qū)的大小就可以

　　提 示 ——按鈕編輯區(qū)中的第4幀“點(diǎn)擊”幀在場景中是不可見的，編輯的時(shí)候，在主場景中顯示的是綠色半透明狀態(tài)。

　　技 巧 ——在舞臺(tái)中的隱形按鈕與其他按鈕沒有什么區(qū)別，我們都可以利用工具進(jìn)行編輯。

　　試一試 ——在上一個(gè)問題解釋中我們向大家介紹了另外一種制作隱形按鈕的方法，朋友們不妨利用第二種制作方法試一試，看看有沒有區(qū)別?

　　分 析——按鈕的作用是觸發(fā)行為，隱形按鈕可以達(dá)到欣賞者在非刻意的情況下觸發(fā)事件，達(dá)到互動(dòng)效果。

　　特別提示

　　在本例的源文件中，沒有設(shè)置按鈕的觸發(fā)事件，因?yàn)橛|發(fā)事件是要用Flash的ActionScript控制的，我們會(huì)在第三部分中向大家詳細(xì)介紹。

　　特別說明

　　按鈕的重要作用我們已經(jīng)在上一個(gè)問題中向大家強(qiáng)調(diào)了，隱形按鈕的是按鈕中的重中之重。掌握了此項(xiàng)技術(shù)，我們就可以利用隱形按鈕的特點(diǎn)，發(fā)揮其獨(dú)到的作用，制作出許多交互性動(dòng)作。

　　相關(guān)問題

　　◎如何使用公用庫中的按鈕?

　　在Flash MX 2004中的公用庫中向我們提供了許多制作精美的按鈕范例，我們可以直接使用。單擊【窗口】|【其他面板】|【公用庫】|【按鈕】命令，打開【庫——按鈕】面板。如圖2.1.45所示。

　　圖2.1.45 打開“庫——按鈕”面板

　　可以看到有許多已經(jīng)制作完成的按鈕，分門歸類地保存在按鈕公用庫里面。我們可以直接拖放到按鈕編輯區(qū)里面使用。在按鈕公用庫里面的按鈕大多是動(dòng)態(tài)效果的，就是按鈕的四個(gè)幀里面都有動(dòng)作。這方面的知識(shí)我們在下一個(gè)問題中向大家介紹。

　　問題3：何制作發(fā)聲按鈕?如何在按鈕中嵌套影片剪輯?

　　解決思路

　　從上兩個(gè)問題的解答中，我們知道了按鈕中的四個(gè)幀與其他元件是不相同的，但是在操作和理解上卻沒有大的差別。在第一部分中我們詳細(xì)地介紹了按鈕編輯區(qū)的四個(gè)幀的作用，我們就可以利用這些幀來解決問題。

　　具體步驟

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

　　2、新建元件，命名為“button”，類型為按鈕。

　　3、進(jìn)入“button”按鈕編輯區(qū)，我們可以看到按鈕編輯區(qū)的四個(gè)幀。

　　4、單擊第1幀，在編輯區(qū)中利用橢圓形工具繪制一個(gè)紅色的橢圓。

　　5、在時(shí)間軸上新建一個(gè)圖層，鍵入“button”靜態(tài)文本。并同時(shí)延長第一層和第二層的幀數(shù)。如圖2.1.46所示。

　　圖2.1.46 創(chuàng)建按鈕

　　6、再新建圖層3，命名為音樂層。

　　7、因?yàn)槲覀兿胍谱鞯男Ч牵?dāng)鼠標(biāo)經(jīng)過按鈕的時(shí)候，按鈕發(fā)出聲音，所以我們就在按鈕時(shí)間軸的第2幀“指針經(jīng)過”中插入一個(gè)空白關(guān)鍵幀。

　　8、單擊【文件】|【導(dǎo)入】|【導(dǎo)入到庫】命令，導(dǎo)入一段我們選擇的音樂效果。

　　9、導(dǎo)入的音樂會(huì)保存在我們的庫面板中。如圖2.1.47所示。

　　圖2.1.47 庫中的聲音文件

　　10、把這個(gè)聲音文件拖動(dòng)到音樂層的“指針經(jīng)過”幀對(duì)應(yīng)的舞臺(tái)中。

　　11、在音樂層里面的“指針經(jīng)過”幀里面會(huì)有一個(gè)音樂的波形，這說明我們已經(jīng)把音樂加到了這個(gè)幀里面了。如圖2.1.48所示。

　　圖2.1.48 時(shí)間軸上面的聲音文件

　　12、返回場景1，從庫面板中把這個(gè)按鈕拖放到舞臺(tái)中。

　　13、發(fā)布測試。當(dāng)鼠標(biāo)經(jīng)過按鈕的時(shí)候，按鈕發(fā)出了聲音，我們制作的發(fā)生按鈕成功，保存。

　　請(qǐng)參考源文件點(diǎn)擊這里下載源文件

　　14、如何在按鈕中嵌套影片剪輯呢?其實(shí)與插入音樂都是同樣的道理。

　　15、按照上面的步驟制作一個(gè)常規(guī)按鈕。

　　16、新建一個(gè)影片剪輯，在這個(gè)影片剪輯里面制作一小段簡單的旋轉(zhuǎn)動(dòng)畫效果。

　　17、雙擊進(jìn)入按鈕編輯區(qū)，新建一個(gè)圖層。

　　18、在這個(gè)圖層的第2幀“指針經(jīng)過”插入一個(gè)空白關(guān)鍵幀。

　　19、把“庫”面板中的影片剪輯拖動(dòng)到這個(gè)幀對(duì)應(yīng)的舞臺(tái)里面。如圖2.1.49所示。

　　圖2.1.49 插入影片剪輯

　　20、返回到場景1，發(fā)布測試。當(dāng)鼠標(biāo)移動(dòng)到按鈕的時(shí)候，就會(huì)播放影片剪輯。保存。

　　請(qǐng)參考源文件點(diǎn)擊這里下載源文件

　　注 意 ——◎?qū)雖p3格式音樂的時(shí)候，有的時(shí)候flash會(huì)提示導(dǎo)入不成功。這個(gè)問題是非常普遍的，我們將在后面的Flash mv章節(jié)中向大家詳細(xì)介紹解決方法

　　◎制作發(fā)音按鈕所用的音效，應(yīng)該選擇比較短的聲音文件。

　　提 示 ——制作發(fā)音按鈕的時(shí)候，盡量把音效，文字放在不同的層里面，這樣便于我們編輯修改。

　　技 巧 ——除了在“指針經(jīng)過”幀里面放置音效以外，我們還可以在其他幀里面放置音效，制作方法與上例相同。

　　試一試 ——朋友們試一試制作一個(gè)發(fā)音按鈕。

　　分 析——在制作此例過程中，把音效、文字、矩形分別放置在不同的圖層里面。原因是當(dāng)我們修改它的時(shí)候非常方便。因?yàn)闊o論在按鈕編輯區(qū)用多少層，在主場景中我們只導(dǎo)入了一個(gè)按鈕元件，對(duì)動(dòng)畫作品的整體沒有改變。

　　特別說明

　　我這一節(jié)中我們學(xué)習(xí)了制作聲音按鈕，以及嵌套影片剪輯的方法。還接觸了一個(gè)重要的知識(shí)就是導(dǎo)入外部聲音文件。導(dǎo)入外部聲音文件與導(dǎo)入圖片的方法是相同的。至于在導(dǎo)入中出現(xiàn)的錯(cuò)誤我們將在以后的學(xué)習(xí)中詳細(xì)講述。

　　相關(guān)問題

　　如何制作可以變化顏色的按鈕?

　　首先要考慮按鈕的四個(gè)幀是四個(gè)動(dòng)作，我們只要把各幀里面的按鈕顏色改變就可以達(dá)到效果。新建一個(gè)按鈕元件，在第1幀利用矩形工具繪制一個(gè)藍(lán)色的矩形，在第2幀插入關(guān)鍵幀，利用填充工具把舉行的顏色轉(zhuǎn)換為紅色，

　　按照此方法在第三幀填入綠色，如圖2.1.50所示。

　　圖2.1.50 改變各個(gè)幀的顏色

　　然后返回到場景1進(jìn)行測試。我們會(huì)看到按鈕在場景中呈現(xiàn)的是藍(lán)色，當(dāng)鼠標(biāo)放到按鈕上的時(shí)候是紅色，當(dāng)鼠標(biāo)按下的時(shí)候是綠色，從而通過三個(gè)鎮(zhèn)的不同顏色達(dá)到了按鈕動(dòng)作的顏色轉(zhuǎn)變。因?yàn)榈?幀是反映區(qū)，在舞臺(tái)中是看不到的，所以無需再此幀中設(shè)置。

　　以上步驟和方法小編真心希望能解決你的問題。