Photoshop製作網頁按鈕的方法

大家知道Photoshop製作網頁按鈕嗎?下面我們就給大家詳細介紹一下吧!主要使用Photoshop設計藍色素雅風格的圓形按鈕,教程主要利用PS製作質感按鈕,主要利用ps的圖層樣式,現在就把設置的.步驟和截圖分享出來,供大家參考使用。

Photoshop製作網頁按鈕的方法

  先看看效果圖

一、首先啓動Photoshopcs5,執行ctrl+n組合鍵新建一個大小爲800*600,分辨率爲200,背景顏色爲白色的文檔

二、調整前景色爲#666666,按alt+組合鍵填充前景色,選擇橢圓工具,設置填充顏色爲淺藍色,按住shift在畫布上繪製一個正圓。

三、雙擊該圖層彈出圖層樣式對話框,勾選描邊,設置大小爲6像素,並設置漸變顏色爲#333333,角度爲90.

四、接着設置內投影,設置模式爲線性加深,角度爲90,距離爲6像素,大小爲10像素。

五、接下來設置內發光,設置混合模式爲顏色加深,不透明度爲20,方法爲精確,大小爲10.

六、勾選漸變疊加,設置混合模式爲柔光,不透明度爲60,樣式爲線性,角度爲120。

七、新建圖層1,選擇工具箱裏橢圓選框工具,按住shift鍵繪製一個正圓,右鍵單擊從下拉菜單中選擇描邊,設置10px,點擊確定按鈕。

八、雙擊圖層1彈出圖層樣式對話框,根據實際需要設置,這樣質感按鈕就製作完成了,執行文件-存儲爲命令,將文件進行保存即可。

最終效果圖