全面掌握Flash 按鈕教程

可以看到有許多已經(jīng)制作完成的按鈕,分門歸類地保存在按鈕公用庫(kù)里面。我們可以直接拖放到按鈕編輯區(qū)里面使用。在按鈕公用庫(kù)里面的按鈕大多是動(dòng)態(tài)效果的,就是按鈕的四個(gè)幀里面都有動(dòng)作。這方面的知識(shí)我們?cè)谙乱粋€(gè)問(wèn)題中向大家介紹。
問(wèn)題3:何制作發(fā)聲按鈕?如何在按鈕中嵌套影片剪輯?
解決思路
從上兩個(gè)問(wèn)題的解答中,我們知道了按鈕中的四個(gè)幀與其他元件是不相同的,但是在操作和理解上卻沒有大的差別。在第一部分中我們?cè)敿?xì)地介紹了按鈕編輯區(qū)的四個(gè)幀的作用,我們就可以利用這些幀來(lái)解決問(wèn)題。
具體步驟
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í)延長(zhǎng)第一層和第二層的幀數(shù)。如圖2.1.46所示。
圖2.1.46 創(chuàng)建按鈕
6、再新建圖層3,命名為音樂(lè)層。
7、因?yàn)槲覀兿胍谱鞯男Ч?,?dāng)鼠標(biāo)經(jīng)過(guò)按鈕的時(shí)候,按鈕發(fā)出聲音,所以我們就在按鈕時(shí)間軸的第2幀“指針經(jīng)過(guò)”中插 入一個(gè)空白關(guān)鍵幀。
8、單擊【文件】|【導(dǎo)入】|【導(dǎo)入到庫(kù)】命令,導(dǎo)入一段我們選擇的音樂(lè)效果。
9、導(dǎo)入的音樂(lè)會(huì)保存在我們的庫(kù)面板中。如圖2.1.47所示。
圖2.1.47 庫(kù)中的聲音文件
10、把這個(gè)聲音文件拖動(dòng)到音樂(lè)層的“指針經(jīng)過(guò)”幀對(duì)應(yīng)的舞臺(tái)中。
11、在音樂(lè)層里面的“指針經(jīng)過(guò)”幀里面會(huì)有一個(gè)音樂(lè)的波形,這說(shuō)明我們已經(jīng)把音樂(lè)加到了這個(gè)幀里面了。如圖2.1.48所示。
圖2.1.48 時(shí)間軸上面的聲音文件
12、返回場(chǎng)景1,從庫(kù)面板中把這個(gè)按鈕拖放到舞臺(tái)中。
13、發(fā)布測(cè)試。當(dāng)鼠標(biāo)經(jīng)過(guò)按鈕的時(shí)候,按鈕發(fā)出了聲音,我們制作的發(fā)生按鈕成功,保存。
請(qǐng)參考源文件點(diǎn)擊 這里下載源文件
14、如何在按鈕中嵌套影片剪輯呢?其實(shí)與插 入音樂(lè)都是同樣的道理。
15、按照上面的步驟制作一個(gè)常規(guī)按鈕。
16、新建一個(gè)影片剪輯,在這個(gè)影片剪輯里面制作一小段簡(jiǎn)單的旋轉(zhuǎn)動(dòng)畫效果。
17、雙擊進(jìn)入按鈕編輯區(qū),新建一個(gè)圖層。
18、在這個(gè)圖層的第2幀“指針經(jīng)過(guò)”插 入一個(gè)空白關(guān)鍵幀。
19、把“庫(kù)”面板中的影片剪輯拖動(dòng)到這個(gè)幀對(duì)應(yīng)的舞臺(tái)里面。如圖2.1.49所示。
圖2.1.49 插 入影片剪輯
20、返回到場(chǎng)景1,發(fā)布測(cè)試。當(dāng)鼠標(biāo)移動(dòng)到按鈕的時(shí)候,就會(huì)播放影片剪輯。保存。
請(qǐng)參考源文件點(diǎn)擊 這里下載源文件
注 意 ——◎?qū)雖p3格式音樂(lè)的時(shí)候,有的時(shí)候flash會(huì)提示導(dǎo)入不成功。這個(gè)問(wèn)題是非常普遍的,我們將在后面的Flash mv章節(jié)中向大家詳細(xì)介紹解決方法
◎制作發(fā)音按鈕所用的音效,應(yīng)該選擇比較短的聲音文件。
提 示 ——制作發(fā)音按鈕的時(shí)候,盡量把音效,文字放在不同的層里面,這樣便于我們編輯修改。
技 巧 ——除了在“指針經(jīng)過(guò)”幀里面放置音效以外,我們還可以在其他幀里面放置音效,制作方法與上例相同。
試一試 ——朋友們?cè)囈辉囍谱饕粋€(gè)發(fā)音按鈕。
分 析——在制作此例過(guò)程中,把音效、文字、矩形分別放置在不同的圖層里面。原因是當(dāng)我們修改它的時(shí)候非常方便。因?yàn)闊o(wú)論在按鈕編輯區(qū)用多少層,在主場(chǎng)景中我們只導(dǎo)入了一個(gè)按鈕元件,對(duì)動(dòng)畫作品的整體沒有改變。
特別說(shuō)明
我這一節(jié)中我們學(xué)習(xí)了制作聲音按鈕,以及嵌套影片剪輯的方法。還接觸了一個(gè)重要的知識(shí)就是導(dǎo)入外部聲音文件。導(dǎo)入外部聲音文件與導(dǎo)入圖片的方法是相同的。至于在導(dǎo)入中出現(xiàn)的錯(cuò)誤我們將在以后的學(xué)習(xí)中詳細(xì)講述。
相關(guān)問(wèn)題
如何制作可以變化顏色的按鈕?
首先要考慮按鈕的四個(gè)幀是四個(gè)動(dòng)作,我們只要把各幀里面的按鈕顏色改變就可以達(dá)到效果。新建一個(gè)按鈕元件,在第1幀利用矩形工具繪制一個(gè)藍(lán)色的矩形,在第2幀插 入關(guān)鍵幀,利用填充工具把舉行的顏色轉(zhuǎn)換為紅色,
按照此方法在第三幀填入綠色,如圖2.1.50所示。
圖2.1.50 改變各個(gè)幀的顏色
然后返回到場(chǎng)景1進(jìn)行測(cè)試。我們會(huì)看到按鈕在場(chǎng)景中呈現(xiàn)的是藍(lán)色,當(dāng)鼠標(biāo)放到按鈕上的時(shí)候是紅色,當(dāng)鼠標(biāo)按下的時(shí)候是綠色,從而通過(guò)三個(gè)鎮(zhèn)的不同顏色達(dá)到了按鈕動(dòng)作的顏色轉(zhuǎn)變。因?yàn)榈?幀是反映區(qū),在舞臺(tái)中是看不到的,所以無(wú)需再此幀中設(shè)置。
相關(guān)文章
- flash怎么畫下水道口矢量圖?生活中我們經(jīng)常能遇到排水口,想要畫一個(gè)矢量的排水道扣,該怎么繪制呢?下面我們就來(lái)看看flash排水管道口的畫法2022-07-23
flash怎么畫雪景素材? flash繪制一個(gè)森林雪景矢量背景圖的技巧
flash怎么畫雪景素材?很喜歡雪景,想要繪制一款森林雪景圖,該怎么繪制這幅適量背景圖呢?下面我們就來(lái)看看flash繪制一個(gè)森林雪景矢量背景圖的技巧2022-06-09flashcs6怎么建模3d立體字? flash立體字制作教程
flashcs6怎么建模3d立體字?flash中想要制作一款立體自,該怎么制作三維立體的文字呢?下面,我們就來(lái)看看flash立體字制作教程,詳細(xì)請(qǐng)看下文介紹2022-06-06flash圣誕樹怎么畫? flash繪制一棵圣誕樹的矢量圖的技巧
flash圣誕樹怎么畫?flash中想要畫一顆圣誕樹素材,該怎么繪制圣誕樹呢?下面我們就來(lái)看看flash繪制一棵圣誕樹的矢量圖的技巧,詳細(xì)請(qǐng)看下文介紹2022-06-06flash cs6怎么畫油罐車圖案? flash簡(jiǎn)筆畫油罐車的畫法
flash cs6怎么畫油罐車圖案?flash中想要繪制一個(gè)油罐車圖形,該怎么繪制呢?下面我們就來(lái)看看flash簡(jiǎn)筆畫油罐車的畫法,需要的朋友可以參考下2021-04-06flash怎么畫簡(jiǎn)筆畫效果的公雞? flash公雞的畫法
flash怎么畫簡(jiǎn)筆畫效果的公雞?flash中想要畫一個(gè)簡(jiǎn)筆畫的公雞并填充顏色,該怎么繪制大公雞呢?下面我們就來(lái)看看flash公雞的畫法,需要的朋友可以參考下2021-04-06flash怎么畫簡(jiǎn)筆畫長(zhǎng)頸鹿? flash長(zhǎng)頸鹿的手繪方法
flash怎么畫簡(jiǎn)筆畫長(zhǎng)頸鹿?flash中想要手繪長(zhǎng)頸鹿,該怎么繪制這個(gè)圖形呢?下面我們就來(lái)看看flash長(zhǎng)頸鹿的手繪方法,需要的朋友可以參考下2021-04-04flash文件怎么另存為PNG格式? flash導(dǎo)出png圖片的技巧
flash文件怎么另存為PNG格式?flash中想要導(dǎo)出png格式的文件,該怎么操作呢?下面我們就來(lái)看看那flash導(dǎo)出png圖片的技巧,需要的朋友可以參考下2021-02-01Animate怎么創(chuàng)建一個(gè)配置常數(shù)? Animate配置常數(shù)的添加方法
Animate怎么創(chuàng)建一個(gè)配置常數(shù)?Animate中想要添加一個(gè)配置常數(shù),該怎么添加呢?下面我們就來(lái)看看Animate配置常數(shù)的添加方法,需要的朋友可以參考下2020-11-03Flash濾鏡怎么調(diào)整元件的顏色? Flash濾鏡調(diào)色技巧
Flash濾鏡怎么調(diào)整元件的顏色?Flash中想要給元件變色,方法很多,今天我們就來(lái)看看首映Flash濾鏡調(diào)色的技巧,很簡(jiǎn)單,需要的朋友可以參考下2020-09-03