fireworks制作圓角按鈕圖
fireworks制作圓角按鈕圖
做網(wǎng)站的朋友肯定知道Fireworks，它是一款圖像處理軟件，雖然沒有Photoshop功能那么強(qiáng)大，但足以滿足網(wǎng)頁設(shè)計(jì)的需要。那么下面小編給大家整理了關(guān)于fireworks制作圓角按鈕圖的方法，希望大家喜歡。
fireworks制作圓角按鈕圖的方法步驟：
步驟1：打開Fireworks 4.0，新建一個(gè)文件，文件的大小、背景色自定義。在具體制作之前，先執(zhí)行菜單命令“View~Guides~Edit Guides”，在彈出的對(duì)話框中進(jìn)行設(shè)定：將Show Guides(顯示輔助線)和Snap to Guides(吸附到輔助線)前面的對(duì)鉤選中，點(diǎn)擊“OK”即可。注意：輔助線對(duì)后面的操作起著很大的作用，要認(rèn)真設(shè)置。設(shè)置方法如圖1。
圖1
fireworks制作圓角按鈕圖的步驟2：從上側(cè)標(biāo)尺欄拖出兩條水平的輔助線，兩條輔助線之間的距離大小就是我們要制作的圓角按鈕的高度大小，選取工具箱的橢圓繪制工具，配合Shift鍵，在兩條輔助線中間繪制出一個(gè)圓形，圓形的直徑大小和兩條輔助線之間的距離大小要相等。選定繪制的圓形，執(zhí)行快捷鍵操作“Ctrl+Shift+D”，這樣就復(fù)制了一個(gè)圓形對(duì)象。選定克隆對(duì)象，向右拖動(dòng)它，或者使用鍵盤上向右的方向鍵向右拖動(dòng)該對(duì)象，調(diào)整后的兩個(gè)圓形對(duì)象如圖2所示。
圖2
步驟3：選定左側(cè)的圓形對(duì)象，這樣圓形的路徑節(jié)點(diǎn)就會(huì)體現(xiàn)出來，從左側(cè)標(biāo)尺欄拖出一條垂直方向的輔助線，該輔助線要恰恰通過圓形對(duì)象的垂直方向的那條直徑。這里有一個(gè)小技巧：如果不能確定輔助線是否恰恰經(jīng)過直徑的話，可以放大編輯視圖來仔細(xì)觀看，當(dāng)然，你也可以先拖出輔助線，然后移動(dòng)圓形對(duì)象進(jìn)行調(diào)整。
fireworks制作圓角按鈕圖的步驟4：重復(fù)第3步驟的操作，在右側(cè)圓形對(duì)象垂直直徑處也拖出一條輔助線。這樣，輔助線在編輯區(qū)的中心就恰恰圍成了一個(gè)矩形框。選取工具箱的矩形繪制工具，以輔助線左上角的交點(diǎn)處為起點(diǎn)，向右拖動(dòng)矩形工具繪制出一個(gè)矩形，矩形的大小和輔助線在編輯區(qū)的中心形成的矩形框的大小相符(如圖3)。
圖3
步驟5：將輔助線移除掉，選定編輯區(qū)的所有對(duì)象，執(zhí)行菜單命令“Mofify～Combine~～Union”。這樣就將三個(gè)路徑對(duì)象聯(lián)合成一個(gè)路徑對(duì)象了。
步驟6：選定編輯區(qū)的聯(lián)合對(duì)象，打開Fill填充面板，對(duì)其填充色進(jìn)行編輯，這里采用的填充方式是Linear(線性漸變)，填充的方案采用“Black，White”，填充的方向是由下向上填充，并且在按鈕上添加相關(guān)文字。這樣我們的一個(gè)圓角按鈕就制作成功了。
fireworks制作圓角按鈕圖的最終效果：
看過“fireworks制作圓角按鈕圖 “的認(rèn)還看了：
1.Fireworks制作水晶透明按鈕