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

第一步：

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

第二步：

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

紋理圖案

第三步：圖標底部

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

改變屬性為漸變矢量：

漸變設置：

圖層樣式設置：

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

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

第五步:材質(zhì)應用在圖標上

點擊木質(zhì)圖層鼠標右鍵>創(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

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

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