PS教程：快速制作木質(zhì)圖標(biāo)外框

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

第一步：

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

第二步：

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

紋理圖案

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

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

改變屬性為漸變矢量：

漸變?cè)O(shè)置：

圖層樣式設(shè)置：

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

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

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

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

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

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

第七步：制作凹槽真實(shí)效果

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

最終效果圖完成啦~ 簡(jiǎn)單吧！

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

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

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