快速制做了個木質(zhì)圖標(biāo)外框樣式，方法很簡單撒~@milaky 在這說下制作的步驟。~^^~
~喜歡的話可以打開PS一起來做吧~

第一步：

建立一個900*700px的文件，繪制一個825*700矢量矩形，點擊圖層欄底部工具的“創(chuàng)建新的填充或圖層調(diào)整”圖標(biāo)，將圖黑色漸變。

第二步：

給底部疊加圖案。把下面這張凹凸紋理圖案導(dǎo)入Ps,點擊編輯—定義圖案，就能在圖層樣式里使用了。看以下圖設(shè)置。最后將圖層命名為“背景”。

紋理圖案

第三步：圖標(biāo)底部

繪制一個512*512px,圓角為60px的矢量圓角矩形，然后改變其屬性和做圖層樣式。

改變屬性為漸變矢量：

漸變設(shè)置：

圖層樣式設(shè)置：

第四步:制作木材質(zhì)

建立一個600*600px方形圖層，填充黑色；濾鏡>雜色>添加雜色；濾鏡>模糊>動感模糊；Ctrl+B色彩平衡設(shè)置；Ctrl+L色階設(shè)置。

第五步:材質(zhì)應(yīng)用在圖標(biāo)上

點擊木質(zhì)圖層鼠標(biāo)右鍵>創(chuàng)建剪貼蒙版

第六步:制作內(nèi)凹槽描邊

繪制一個476*476px，圓角58px的矢量圓角矩形；圖層樣式>描邊。

第七步：制作凹槽真實效果

繪制一個476*476px，圓角58px的矢量圓角矩形；和所有圖居中對齊，圖層樣式>內(nèi)陰影>外發(fā)光>內(nèi)發(fā)光>描邊>陰影。

最終效果圖完成啦~ 簡單吧！

源文地址：http://milaky.blog.163.com/blog/static/1881774232011521101413507/
作者：@milaky

================關(guān)于優(yōu)設(shè)網(wǎng)================
“優(yōu)設(shè)網(wǎng)uisdc.com”是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。

特色推薦：
設(shè)計講座：定期邀請國內(nèi)互聯(lián)網(wǎng)公司的設(shè)計前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實戰(zhàn)經(jīng)驗。
設(shè)計微博：我們擁有粉絲量25萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎大家關(guān)注及時獲取設(shè)計資源。
設(shè)計導(dǎo)航：史上最贊最全面的設(shè)計師網(wǎng)址導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的”福利”嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您還可以掃描下方二維碼快速添加：