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