首先來看下面的示范按紐圖片:
本節教程計劃用三種方法來和大家一起學習這種圓角按鈕的制作方法,希望大家可以從三種方法中分別學習到一些東西。
第一種方案:[常規性方案]
1、打開fw,新建一個文件,文件的大小、背景色自定義。
2、開始具體制作之前,先執行菜單命令“view--guides--edit guides”,在彈出的對話框中進行設定:將show guides(顯示輔助線)和 snap to guides(吸附到輔助線)前面的對勾選中,點擊ok即可,具體設定如下圖所示:
[注意:輔助線對后面的操作起著很大的作用,所以最好還是先看看這里的設定]
4、選取工具箱的橢圓繪制工具,配合shift鍵,在兩條輔助線中間繪制出一個圓形,圓形的直徑大小和兩條輔助線之間的距離大小要相等。選定繪制的圓形,執行快捷鍵操作“ctrl+shift+d”(相應菜單命令為“edit--clone”),這樣就原地clone(克隆)了一個圓形對象,選定克隆對象,向右拖動它,或者使用鍵盤上的向右的方向鍵向右拖動該克隆對象,調整后的兩個圓形對象如下圖所示:
5、選定左側的圓形對象,這樣圓形的路徑節點就會體現出來,從左側標尺欄拖出一條垂直方向的輔助線,該輔助線要恰恰通過圓形對象的垂直方向的那條直徑,如下圖所示:
[注意:如果不能確定輔助線是否恰恰經過直徑的話,可以放大編輯視圖來仔細觀看;當然,你也可以先拖出輔助線,然后移動圓形對象進行調整。]
6、重復第5步的操作,在右側圓形對象垂直直徑處也拖出一條輔助線,如下圖:
7、這樣,輔助線在編輯區的中心就恰恰圍成了一個矩形框。選取工具箱的矩形繪制工具,以輔助線左上角的交點處為起點,向右拖動矩形工具繪制出一個矩形,矩形的大小和輔助線在編輯區的中心形成的矩形框的大小相符,如下圖所示:
[因為在一開始我們對輔助線進行編輯的時候就已經選定了“snap to guides(吸附到輔助線)”選項,所以這個矩形的繪制會很輕松]
8、現在可以將輔助線移除了,選定編輯區的所有對象,執行菜單命令“mofify--combine--union”,這樣就將三個路徑對象聯合成一個路徑對象了,如下圖所示:
[注意:union命令和join命令的區別,大家可以在選定三個操作對象的情況執行菜單命令“modify--join”,看看執行后的效果,兩個命令的區別就不言而喻了。]
9、選定編輯區的聯合對象,打開fill填充面板,對其填充色進行編輯,這里采用的填充方式是linear(線性漸變),填充的方案采用的“black,white”,填充的方向是由下向上的填充,填充結果如下圖所示:
新聞熱點
疑難解答