flash結(jié)合fireworks制作下拉菜單
flash結(jié)合fireworks制作下拉菜單
目前大型網(wǎng)站的制作不是由一個(gè)軟件完成的,需要設(shè)計(jì)軟件和制作軟件共同完成。那么怎么把fireworks中與flash結(jié)合呢?下面學(xué)習(xí)啦小編給大家整理了關(guān)于flash結(jié)合fireworks制作下拉菜單的方法，希望你們喜歡。
flash結(jié)合fireworks制作下拉菜單的方法步驟：
步驟1.首先使用Fireworks軟件制作幾個(gè)圖形(當(dāng)然你也可以使用其它做圖軟件制作)，方法比較簡單在這里就不給大家講制作步驟了。做的圖片是導(dǎo)航的提示文字圖片及四個(gè)下拉菜單要顯示內(nèi)容的圖片，分別導(dǎo)出為jpg或gif的都可以。如下圖：
步驟2.然后把導(dǎo)航圖片導(dǎo)入到Flash舞臺(tái)中，把圖片命名為menu，把其它四幅圖片導(dǎo)入到Flash庫中。如圖所示：
步驟3.“插入”-->>“新建元件”選擇類型為按鈕，名稱為b，新建一個(gè)按鈕元件，然后我們在按鈕的彈起幀里使用矩形工具畫一個(gè)沒有邊框填充顏色任意的矩形，其它幀我們在這里不管了。當(dāng)然你可以在自己實(shí)際練習(xí)時(shí)給其它幀也添加效果，以使該效果更加酷!在這里我們制作了一個(gè)簡單的按鈕。如下圖：
步驟4.之后我們建立一個(gè)影片剪輯元件，把我們導(dǎo)入的一幅顯示下拉菜單內(nèi)容的圖片當(dāng)作電影剪輯元件的內(nèi)容。如圖： 網(wǎng)管網(wǎng)bitsCN_com
同樣的方法我們建立另外三個(gè)影片剪輯元件，分別把導(dǎo)入其它的三幅圖片當(dāng)作影片剪輯的內(nèi)容。
步驟5.下面開始建立一個(gè)按鈕，命名為s_b，這個(gè)按鈕的作用是實(shí)現(xiàn)當(dāng)我們鼠標(biāo)移到下拉菜單中實(shí)現(xiàn)顏色漸變，建立的方法很簡單，我們只需要設(shè)置按鈕的彈起幀和鼠標(biāo)經(jīng)過幀，分別畫兩個(gè)大小大小相同顏色不同的矩形(在彈起幀里的矩形的顏色和步驟3里的矩形的顏色相同)。如圖：
步驟6.下面我們開始制作下拉菜單效果動(dòng)畫，新建一個(gè)影片剪輯命名為b1，在建立四個(gè)圖層，在圖層一中畫一接近于一條直線的矩形，具體制作方法可以放大顯示比例，然后在第10幀處插入一個(gè)空白關(guān)鍵幀畫一適當(dāng)大小的矩形(矩形大小可以調(diào)整，一會(huì)要導(dǎo)入下拉菜單圖片的大小一樣)，，之后選中第一幀打開動(dòng)作面板，輸入指令stop();我們讓動(dòng)畫剛開始就停止播放，然后打開屬性面板，制作形狀動(dòng)畫。并在第30幀處按F5插入一幀。如圖：
接下來，我們在圖層3的第10幀處插入一個(gè)關(guān)鍵幀，然后把我們把我們步驟四中的菜單內(nèi)容的影片剪輯拖到舞臺(tái)中，點(diǎn)擊選中圖形，設(shè)置alpha為0，在第15幀處插入一個(gè)關(guān)鍵幀，然后回到第10幀處做動(dòng)作補(bǔ)間動(dòng)畫。之后在第30幀處按F5插入一個(gè)幀。如圖：
然后在圖層4的第30幀處插入一個(gè)關(guān)鍵幀，打開動(dòng)作面板輸入：stop();使影片播放停止。
在圖層2的第15幀處插入一個(gè)關(guān)鍵幀，然后把步驟5中建立的s_b按鈕拖到舞臺(tái)中，大小正好覆蓋了下拉菜單中要顯示的文字，連續(xù)拖4次，并在第30幀處插入一個(gè)幀。如圖：
可以分別選擇不同的按鈕，為下拉菜單添加相應(yīng)的超級(jí)連接。如圖：
步驟7.我們分別重復(fù)步驟6的方法建立其它3個(gè)影片剪輯。
步驟8.回到主場景中，在menu圖層之下建立四個(gè)圖層，分別命名為命名為b1，b2，b3，b4，在每個(gè)圖層中把步驟6、7建立的影片剪輯從圖庫中拖出來，分別放到相應(yīng)的圖層中，分別給影片命名實(shí)例名為b1，b2，b3，b4。注意排放的位置要和menu的相應(yīng)內(nèi)容相對應(yīng)。如圖：
步驟9.然后在menu圖層上面建立一個(gè)新圖層命名為botton，按Ctrl+L打開庫面板，連續(xù)拖出步驟3中制作的按鈕b，并且覆蓋好導(dǎo)航中的文字。如圖：
步驟10.選中“業(yè)界新聞”上的按鈕，打開動(dòng)作面板，輸入如下指令：
on (press)
{
_root.b1.gotoAndPlay(2);
_root.b2.gotoAndStop(1);
_root.b3.gotoAndStop(1);
_root.b4.gotoAndStop(1);
} 54ne.com
同理“網(wǎng)頁制作”上的按鈕的指令： 中國網(wǎng)管聯(lián)盟www_bitscn_com
on (press)
{
_root.b1.gotoAndStop(1);
_root.b2.gotoAndPlay(2);
_root.b3.gotoAndStop(1);
_root.b4.gotoAndStop(1);
}
“動(dòng)畫制作”上的按鈕的指令： 中國網(wǎng)管聯(lián)盟www.bitscn.com
on (press)
{
_root.b1.gotoAndStop(1);
_root.b2.gotoAndStop(1);
_root.b3.gotoAndPlay(2);
_root.b4.gotoAndStop(1);
}
“網(wǎng)絡(luò)編程”上的按鈕的指令： 網(wǎng)管聯(lián)盟www.bitsCN.com
on (press)
{
_root.b1.gotoAndStop(1);
_root.b2.gotoAndStop(1);
_root.b3.gotoAndStop(1);
_root.b4.gotoAndPlay(2);
}
完成。
看過“flash結(jié)合fireworks制作下拉菜單 “的認(rèn)還看了：