萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Photoshop教程 >> ps鼠繪教程 >> PS繪制質感導航按鈕

PS繪制質感導航按鈕

  標簽式按鈕常常用在附屬導航中,線條非常漂亮,效果圖如下:

PS繪制質感導航按鈕 三聯

  按鈕具體的繪制步驟如下:

  一、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取消選區。這樣標簽式按鈕的形狀就已經完成了。

  五、最後給按鈕根據需要添加質感就行了。這裡我做了四種樣式的標簽按鈕,供大家下載。

copyright © 萬盛學電腦網 all rights reserved