fireworks制作網頁按鈕
fireworks制作網頁按鈕
Fireworks有專門制作動態(tài)按鈕。主要通過矩形工具、線性填充、添加投影等手繪來完成最終效果。那么下面小編給大家整理了關于fireworks制作網頁按鈕的方法，希望大家喜歡。
如圖我們來看看怎么操作的：
用過Flash的人一定知道，一個按鈕應該有四種狀態(tài)：未經過時狀態(tài)、經過時狀態(tài)、按下時狀態(tài)和單擊后經過的狀態(tài)。實現動態(tài)按鈕就是將這四個狀態(tài)的按鈕效果圖片合成，使其產生動態(tài)的視覺效果。
fireworks制作網頁按鈕的方法步驟
制作按鈕步驟1：首先啟動Fireworks ，新建一個大小為80×30像素的文件，背景選擇透明。執(zhí)行菜單 InsertNew Button命令，彈出Button對話框，我們可以看到五個分別為Up、Over、Down、Over While Down及Active Area的選項卡，前四個這就是上述的四個動作，Active Area是為按鈕設置鏈接的(如圖1)?？旖萱I“Shift+F12”打開幀面板，我們會看到為其四個狀態(tài)而設置的四幀，下面我們分別設置四幀來實現動態(tài)變化。
步驟2：未經過時狀態(tài)(Up狀態(tài))的制作：選取Up選項卡，于工具欄中選取Ellipse Tool工具，在畫布中畫一個大小合適的橢圓形，將漆桶的顏色設置為天藍色，并將其添充?？旖萱I“Alt+F7”打開Effect面板為其添加合適效果，選中圖片，點擊Effect面板下拉框，彈出菜單中執(zhí)行Bevel and EmbossInner Bevel命令，按圖2設置好各項參數：對比度為58%，柔和度為7，角度為151，寬度為33，并使其平滑。
步驟3：經過時狀態(tài)(Over狀態(tài))的制作：切換至Over選項卡，此時是空的，需要將Up選項卡中圖片復制到其中，單擊編輯區(qū)下方的Copy Up Graphic按鈕即可保證兩個選項卡中圖片位置一致，這里再給該圖片添充一些亮色，使圖片處于未被選中狀態(tài)，并設置線條顏色為白色，漆桶顏色為藍色，快捷鍵“Shift+F7”開啟Fill面板，并在下拉框中選擇Rectangle，然后使用漆桶工具填充圖片顏色，同時拖動填充手柄進行調整，并設置亮度參數(如圖3)使其達到合適效果。
制作按鈕步驟步驟4：按下時狀態(tài)(Down狀態(tài))的制作：同樣將Up選項卡中的圖片復制到Down選項卡中，設置Effect面板inner bevel中Sloped和Inverted的傾斜和反轉效果;設置Fill面板的填充方式為Web Dither，即網頁混色效果，這里可以選擇兩種顏色混合成一個新顏色，其設置如圖4所示。為了使單擊按鈕時到Down狀態(tài)，一定要勾選Down選項卡上的Include Nav Bar Down State復選框，否則按鈕會停留在Up狀態(tài)。
步驟5：單擊后經過的狀態(tài)(Over While Down狀態(tài))的制作：該狀態(tài)和未經過時狀態(tài)Up狀態(tài))稍有不同，表現出該連接被點擊即可，所以可以將Up狀態(tài)圖片復制過來，將Effect面板中的Inner bevel屬性更改為highlighted即可。
在fireworks中制作按鈕步驟步驟6：Active Area設置：選取Active Area選項卡，我們會看到已經設置好的熱區(qū)，單擊Link Wizard按鈕，于彈出Link Wizard對話框中選取Link選項卡，這里可以鍵入URL連接，在<alt>欄中輸入鏈接的說明文字，并在Status BarText中輸入瀏覽器狀態(tài)欄中的說明文字
看過“fireworks制作網頁按鈕 “的認還看了：