糯米文學吧

位置:首頁 > 計算機 > photoshop

Photoshop製作網頁按鈕的方法

photoshop2.53W

大家知道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彈出圖層樣式對話框,根據實際需要設置,這樣質感按鈕就製作完成了,執行文件-存儲為命令,將文件進行保存即可。

最終效果圖