作者閃電兒　出處:網(wǎng)頁(yè)網(wǎng)

先讓大家看效果。


在本文中我們?cè)O(shè)計(jì)一個(gè)GUI接口按鈕，看上去效果非常不錯(cuò)，希望大家喜歡并且支持網(wǎng)。
創(chuàng)建一個(gè)photoshop文檔。


填充背景為#191919顏色。然后設(shè)置前景色為黑色，使用圓角矩形工具，繪制一個(gè)黑色的按鈕形狀。




,下面我們添加圖層樣式。


設(shè)置如下。







,




效果如下。




,然后按CTRL鍵點(diǎn)擊圖層，載入選區(qū)。


執(zhí)行選擇-修改-收縮命令。


設(shè)置5像素。




,然后新建立一個(gè)圖層，填充顏色為 # 0081e4，效果如下。


然后設(shè)置圖層樣式。


最終效果。