全面掌握Flash 按鈕教程

一部Flash作品需要使用那些必要的按鈕?
由于按鈕的應用十分廣泛,所以在Flash作品中可以用按鈕制作非常有趣的效果。對于控制一部完整得FLASH的動畫作品而言,一般需要兩個按鈕:播放(PLAY)和返回(REPLAY)。以用于影片的播放和重放。
可以使用圖形來作為按鈕嗎?
因為按鈕中的幀在操作上與其他元件的幀沒有什么大的區(qū)別,所以我們可以利用圖形來作為按鈕,還可以采用其他的形式來制作按鈕。在下面的問題中我們將向大家詳細地介紹。
如何用按鈕來控制影片?
剛才我們說到了一部完整的作品需要兩個按鈕,一個播放按鈕一個返回按鈕.那么這兩個按鈕是怎樣實現對影片的控制的呢?這就涉及到了Flash 的 ActionScript。按鈕與Flash腳本語言(ActionScript)的聯系是非常緊密的。下面我們就制作一個影片控制按鈕。我們新建一個 Flash MX 2004文檔,在舞臺的時間軸上制作出一段簡單的動畫效果。如圖2.1.40所示。
圖2.1.40 制作一段漸變動畫
要禁止動畫一開始就自動播放,這樣播放按鈕才會起到作用 。單擊時間軸上的第1幀,打開舞臺下面的“動作”面板,雙擊“影片控制”下的“stop”命令,是動畫在第一幀就停止。在最后一幀同樣加入“stop”。如圖2.1.41 所示。
圖2.1.41 添加“stopa();”
然后新建立一個按鈕元件,按照我們剛才做的方法制作出兩個按鈕,分別是“play”和“relplay”。在時間軸中新建一圖層,把“play”按鈕從控制拖動到第1幀的合適位置,“replay”拖動到第30幀的合適位置。分別單擊兩個按鈕,打開動作面板,在“play”和“replay”按鈕上面加如控制命令:
“play”按鈕上面的命令:
on(release){
play();
}
如圖所示。
圖2.1.42 “play”按鈕的ActionScript
“replay”按鈕上面的命令,
on (release) {
gotoAndPlay(1);
}
如圖2.1.43所示。
圖2.1.43 “replay”按鈕的ActionScript
請參考源文件點擊 這里下載源文件
這是我們第一次接觸 Flash MX 2004的ActionScript,本書第三部分中會作詳細地介紹。之所以在此節(jié)中介紹ActionScript,一是按鈕與ActionScript的聯系非常密切 ;二是給大家一個初步的印象。
問題2:何制作隱形按鈕?隱形按鈕的作用是什么?
解決思路
隱形按鈕是按鈕功能的引申,一些超乎想象的效果就是通過隱形按鈕來完成的。我們從上一個問題中知道了,按鈕的第4幀“點擊”幀里面的內容在舞臺中是看不到的,我們就用這個特點來制作簡單的隱形按鈕。
具體步驟
1、運行Flash MX 2004 ,文檔屬性默認。
2、新建一個元件,名稱為“button”,類型為按鈕。
3、進入按鈕元件編輯區(qū),在第4幀里面我們利用矩形工具繪制一個矩形,顏色隨意。
4、返回場景1,【文件】|【導入】|【導入到舞臺】命令,導入一幅圖片,調整其在舞臺的位置。
5、在時間軸上新建一個圖層,命名為按鈕層,把剛剛制作的按鈕從“庫”中拖動到舞臺中的合適位置。如圖2.1.44所示。
圖2.1.44 設置隱形按鈕
6、這個按鈕在舞臺中顯現的是透明的綠顏色。因為按鈕在第4幀“點擊”幀里面的內容是看不到的,Flash 考慮到需要編輯的方便,統(tǒng)一設置了相同的綠顏色,而無論原來的“點擊”幀里面的顏色是什么。
7、發(fā)布測試,可以看到當鼠標移動到隱形按鈕區(qū)域就會變成小手狀,我們的隱形按鈕制作成功,保存。
請參考源文件點擊 這里下載源文件
8、利用按鈕與Flash的ActionScript我們可以制作出非常優(yōu)秀的效果,這方面的內容我們將在第三部分ActionScript中向大家詳細介紹。
注 意 ——在制作隱形按鈕的時候,不要在按鈕編輯區(qū)的第1幀做按鈕,因為第一幀在場景中是可見的,達不到我們制作的效果。我們直接在第4幀中插 入一個空白關鍵幀,然后在編輯區(qū)中繪制反映區(qū)的大小就可以
提 示 ——按鈕編輯區(qū)中的第4幀“點擊”幀在場景中是不可見的,編輯的時候,在主場景中顯示的是綠色半透明狀態(tài)。
技 巧 ——在舞臺中的隱形按鈕與其他按鈕沒有什么區(qū)別,我們都可以利用工具進行編輯。
試一試 ——在上一個問題解釋中我們向大家介紹了另外一種制作隱形按鈕的方法,朋友們不妨利用第二種制作方法試一試,看看有沒有區(qū)別?
分 析——按鈕的作用是觸發(fā)行為,隱形按鈕可以達到欣賞者在非刻意的情況下觸發(fā)事件,達到互動效果。
特別提示
在本例的源文件中,沒有設置按鈕的觸發(fā)事件,因為觸發(fā)事件是要用Flash的ActionScript控制的,我們會在第三部分中向大家詳細介紹。
特別說明
按鈕的重要作用我們已經在上一個問題中向大家強調了,隱形按鈕的是按鈕中的重中之重。掌握了此項技術,我們就可以利用隱形按鈕的特點,發(fā)揮其獨到的作用,制作出許多交互性動作。
相關問題
◎如何使用公用庫中的按鈕?
在Flash MX 2004中的公用庫中向我們提供了許多制作精美的按鈕范例,我們可以直接使用。單擊【窗口】|【其他面板】|【公用庫】|【按鈕】命令,打開【庫——按鈕】面板。如圖2.1.45所示。
圖2.1.45 打開“庫——按鈕”面板
相關文章
- flash怎么畫下水道口矢量圖?生活中我們經常能遇到排水口,想要畫一個矢量的排水道扣,該怎么繪制呢?下面我們就來看看flash排水管道口的畫法2022-07-23
flash怎么畫雪景素材? flash繪制一個森林雪景矢量背景圖的技巧
flash怎么畫雪景素材?很喜歡雪景,想要繪制一款森林雪景圖,該怎么繪制這幅適量背景圖呢?下面我們就來看看flash繪制一個森林雪景矢量背景圖的技巧2022-06-09flashcs6怎么建模3d立體字? flash立體字制作教程
flashcs6怎么建模3d立體字?flash中想要制作一款立體自,該怎么制作三維立體的文字呢?下面,我們就來看看flash立體字制作教程,詳細請看下文介紹2022-06-06flash圣誕樹怎么畫? flash繪制一棵圣誕樹的矢量圖的技巧
flash圣誕樹怎么畫?flash中想要畫一顆圣誕樹素材,該怎么繪制圣誕樹呢?下面我們就來看看flash繪制一棵圣誕樹的矢量圖的技巧,詳細請看下文介紹2022-06-06flash cs6怎么畫油罐車圖案? flash簡筆畫油罐車的畫法
flash cs6怎么畫油罐車圖案?flash中想要繪制一個油罐車圖形,該怎么繪制呢?下面我們就來看看flash簡筆畫油罐車的畫法,需要的朋友可以參考下2021-04-06- flash怎么畫簡筆畫效果的公雞?flash中想要畫一個簡筆畫的公雞并填充顏色,該怎么繪制大公雞呢?下面我們就來看看flash公雞的畫法,需要的朋友可以參考下2021-04-06
- flash怎么畫簡筆畫長頸鹿?flash中想要手繪長頸鹿,該怎么繪制這個圖形呢?下面我們就來看看flash長頸鹿的手繪方法,需要的朋友可以參考下2021-04-04
flash文件怎么另存為PNG格式? flash導出png圖片的技巧
flash文件怎么另存為PNG格式?flash中想要導出png格式的文件,該怎么操作呢?下面我們就來看看那flash導出png圖片的技巧,需要的朋友可以參考下2021-02-01Animate怎么創(chuàng)建一個配置常數? Animate配置常數的添加方法
Animate怎么創(chuàng)建一個配置常數?Animate中想要添加一個配置常數,該怎么添加呢?下面我們就來看看Animate配置常數的添加方法,需要的朋友可以參考下2020-11-03- Flash濾鏡怎么調整元件的顏色?Flash中想要給元件變色,方法很多,今天我們就來看看首映Flash濾鏡調色的技巧,很簡單,需要的朋友可以參考下2020-09-03