flash怎么制作3d按鈕? flash按鈕制作教程

發(fā)布時(shí)間：2016-05-03 17:53:21 作者：佚名

flash怎么制作3d按鈕？想做一款3d按鈕，就是讓人過(guò)目不忘的那種，鼠標(biāo)指向按鈕時(shí)呈現(xiàn)按下的狀態(tài)，相應(yīng)的圖片會(huì)慢慢出現(xiàn)，該怎么做呢？下面我們來(lái)看看flash按鈕制作教程，需要的朋友可以參考下

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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