標簽式按鈕常常用在附屬導航中,線條非常漂亮,效果圖如下:
按鈕具體的繪制步驟如下:
一、Ctrl+N新建一個文檔,580像素寬,290像素高,白色背景,其他選項默認。給前景色選擇一種灰色,我這裡用的顏色是#898989,使用Alt+Delete鍵給背景圖層填充此顏色。然後新建一個圖層,選擇圓角矩形工具(U),工具欄上選擇路徑屬性,半徑10個像素,在圖層中畫出路徑形狀,如下圖:
二、按Ctrl+Enter鍵將路徑轉化為選區,選擇一種顏色填充。不要取消選區,再新建一個圖層,Ctrl+i反選選區,選擇矩形選框工具(M),工具屬性選擇"與選區交叉",框選出圓角矩形選區的左下角,填充為和圓角矩形相同的顏色,Ctrl+D取消選區,這樣我們就得到了一個下圖中所展示的形狀,這個形狀將幫助我們來實現標簽式按鈕的效果。
如下圖:
三、使用移動工具(V)將做好的轉角移動到圓角矩形的右邊,按照垂直方向和水平方向拼接好,這裡你可以將文檔放大,並使用參考線來仔細的對齊。 Ctrl+J將轉角圖層再復制一層,Ctrl+T自由變換,將圖層水平翻轉,放到矩形的左下角拼合好。按住Ctrl鍵將圓角矩形和左右兩邊的的轉角圖層都選擇上,按下Ctrl+E合並三個圖層。
四、使用放大鏡工具將文檔放大,用矩形選區工具(M)框選出按鈕下方多余的部分,利用方向鍵仔細調整位置,將多余的部分刪除掉,然後按下Ctrl+D取消選區。這樣標簽式按鈕的形狀就已經完成了。
五、最後給按鈕根據需要添加質感就行了。這裡我做了四種樣式的標簽按鈕,供大家下載。