無論是網(wǎng)頁還是動(dòng)畫，按鈕是經(jīng)常用到的一種交互方式，如果它具有一定的特色的話，也會(huì)為網(wǎng)頁或者動(dòng)畫的表達(dá)吸引人的眼球，如何做出一款讓人過目不忘的按鈕呢？今天小編在這里就跟大家分享一篇關(guān)于制作3d按鈕的制作過程，鼠標(biāo)指向按鈕時(shí)呈現(xiàn)按下的狀態(tài)，相應(yīng)的圖片會(huì)慢慢出現(xiàn)，接下來就跟大家交代一下制作過程，僅供參考使用。

步驟

啟動(dòng)flash cs5，點(diǎn)擊actionscript2.0，新建一個(gè)大小為550*400，幀頻為15fps，背景色為黑色的flash文檔。

執(zhí)行文件-導(dǎo)入-導(dǎo)入到庫命令，將事先準(zhǔn)備好的圖片導(dǎo)入到庫，到庫中進(jìn)行查看。

執(zhí)行插入-新建元件命令，新建一個(gè)名稱為01的圖形元件，選擇工具箱里矩形工具，設(shè)置筆觸和填充顏色都為#00ffcc，筆觸大小為1，在編輯區(qū)域繪制一個(gè)長(zhǎng)方形。

選中該矩形按ctrl+c組合鍵進(jìn)行復(fù)制，接著按ctrl+shift+v組合鍵進(jìn)行原位置粘貼，并向左上方移動(dòng)，改變填充顏色為#33cc66.

新建圖層2，選擇工具箱里文本工具在編輯區(qū)域輸入圖1，執(zhí)行插入-新建元件命令，新建一個(gè)名稱為2影片剪輯元件，將圖形元件01連續(xù)拖入到編輯區(qū)域四次并調(diào)整其位置。

在時(shí)間軸面板中選擇前四幀，依次插入關(guān)鍵幀，選擇第二幀然后刪除一個(gè)01元件，接著選擇第三幀刪除兩個(gè)01元件，再接著選擇四幀刪除三個(gè)01元件。

執(zhí)行插入-新建元件命令，新建一個(gè)名稱為pic1的圖形元件，在庫中選擇一張圖片拖拽到編輯區(qū)域，并設(shè)置全居中，然后按ctrl+b組合鍵將圖片打散。

重復(fù)步驟7，采用相同的方法新建圖形元件pic2和pic3，分別將庫中的另外兩張圖片拖拽到編輯區(qū)域進(jìn)行打散。

執(zhí)行插入-新建元件命令，新建一個(gè)名稱為picture影片剪輯，將元件pic1拖拽到編輯區(qū)域，設(shè)置全居中，在屬性面板中設(shè)置alpha為0，在15幀處插入關(guān)鍵幀，其alpha值為100%，在1-15幀中創(chuàng)建補(bǔ)間動(dòng)畫。

選擇第16幀右鍵單擊從下拉菜單中選擇插入空白關(guān)鍵幀，將元件pic2拖拽到編輯區(qū)域并設(shè)置全居中，其alpha值設(shè)置為0，在30幀處插入關(guān)鍵幀alpha值設(shè)置為100%，在16-30幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。

選擇第31幀插入空白關(guān)鍵幀，將元件pic3拖拽到編輯區(qū)域設(shè)置全居中，設(shè)置其alpha值為0，在45幀處插入關(guān)鍵幀設(shè)置其alpha值為100%，在31-45幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。

分別在15、30、45幀處打開其對(duì)應(yīng)的動(dòng)作面板，輸入stop（）；語句。

執(zhí)行插入-新建元件命令，新建一個(gè)名稱為”按鈕“的按鈕元件，在“點(diǎn)擊”中插入關(guān)鍵幀，選擇工具箱里矩形工具在編輯區(qū)域繪制一個(gè)矩形。

返回主場(chǎng)景，將影片剪輯元件2拖拽到舞臺(tái)中，連續(xù)3次，調(diào)整他們的位置，并設(shè)置其大小為120*50，分別修改其實(shí)例名稱為up1,up2,up3,并分別設(shè)置其投影濾鏡效果。

點(diǎn)擊時(shí)間軸下面的新建圖層按鈕新建圖層2，將元件“按鈕”拖拽到舞臺(tái)三次，調(diào)整其大小和位置。

選擇第一“按鈕”元件打開其動(dòng)作面板輸入代碼，同樣道理分別選擇第二第三個(gè)“按鈕”輸入代碼。

新建圖層3，將庫中的影片剪輯picture拖拽到舞臺(tái)設(shè)置大小為500*300，調(diào)整其位置，修改其實(shí)例名稱為ss，執(zhí)行ctrl+s進(jìn)行保存，保存名稱為3d按鈕，然后按ctrl+enter進(jìn)行測(cè)試。

以上就是flash制作一款漂亮的3d按鈕方法介紹，操作很簡(jiǎn)單的，大家學(xué)會(huì)了嗎？希望大家喜歡本篇教程！

最新評(píng)論