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