編者按：今天這枚圖標(biāo)教程難度不高，重點(diǎn)是圖層樣式的調(diào)整，效果分為底層、凹陷層、圖形層和高光層，每一步都有@DearSalt?同學(xué)細(xì)致的過程講述，非常適合練手 >>>

一、圖形分解

首先我們將整個(gè)圖標(biāo)分解開來(lái)，共有四部分組成，然后我們分層制作。

二、制作底層

首先在畫布上繪制一個(gè)圓角六邊形，這個(gè)形狀我是在AI中制作的，然后直接拖入到PS即可,圖層樣式已給出，僅供參考。注意：形狀大小不同，對(duì)應(yīng)的參數(shù)也會(huì)有所改動(dòng)。

三、制作凹陷層

將之前那個(gè)圓角六邊形復(fù)制一層然后縮小，放在“底層”的上方。

四、制作紋理圖層

新建一個(gè)3*3的畫布，然后將畫布放到最大，使用矩形工具繪制三個(gè)正方形，成傾斜45角排放，隱藏背景層。

然后再執(zhí)行 編輯-定義圖案 ，按住Ctrl+凹陷層會(huì)出現(xiàn)選區(qū)，在上方新建圖層，并填充圖案，將此層模式改為“疊加”，不透明度“34%”

五、制作圖形符號(hào)

大家可以把自己設(shè)計(jì)的符號(hào)放到這個(gè)圖標(biāo)中去，然后再添加一些圖層樣式即可，這步相對(duì)簡(jiǎn)單所以在此不做演示。

六、制作高光圖層

大的光面是用選區(qū)填充的白色然后再調(diào)整不透明度，小的高光是在圖標(biāo)的邊緣用鋼筆工具勾勒出來(lái)，然后再執(zhí)行描邊路徑即可

桂桂教程：

• 《PS新手教程！手把手教你打造炫酷的冰凍特效字體》
• 《PS字體教程！手把手教你繪制一個(gè)春意盎然的字體效果》
• 《這效果炫酷！教你輕松6步打造大氣震撼的立體字效果》
• 《PS新手教程！手把手打造復(fù)古典雅的金色字體效果》
• 《PS圖標(biāo)教程！手把手教你繪制一枚幻彩絢麗的時(shí)鐘》

原文地址：blog.dearsalt
作者：@DearSalt

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量94萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：