本教程介紹非常漂亮的導(dǎo)航圖示按鈕制作方法,
PS按鈕制作高級教程之制作左側(cè)導(dǎo)航按鈕
。按鈕的效果非常大氣及精美,利用圖示圖形來制作提示效果,感覺非常的生動。最終效果
1、首先我們在PS里新建一文件,大小為 500x500px,白色背景。
2、使用圓角矩形(半徑為10px),繪制我們的質(zhì)感圖標(biāo)的輪廓。
3、隨后我們使用鋼筆工具為每條邊的中點(diǎn)增加一個矢量點(diǎn),隨后用直接選擇工具將四條邊的中點(diǎn)向外拖動一點(diǎn)距離,目的是讓圖形輪廓感覺更圓潤。
4、為輪廓使用圖層樣式。
5、加上樣式后的效果,
電腦資料
《PS按鈕制作高級教程之制作左側(cè)導(dǎo)航按鈕》(http://www.oriental01.com)。
6、按ctrl+j復(fù)制圖層,將復(fù)制出的圖層上的圖層樣式全部去掉,然后按ctrl+t將復(fù)制出的圖層縮小到原來的94%左右。
7、隨后為復(fù)制出的圖層添加如下新樣式:
8、再次按ctrl+j復(fù)制圖層,去掉其上的圖層樣式,隨后按ctrl+t縮小到原來的93%大小,之后用直接選擇工具拖動上面的矢量路徑節(jié)點(diǎn),使其變成如下形狀:
9、隨后柵格化圖層(在圖形上按鼠標(biāo)右鍵選柵格化圖層),并將其填充為白色:
10、從右向左制作漸變效果,并設(shè)置不透明度,使其能出現(xiàn)如下效果: