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

一、圖形分解

首先我們將整個圖標分解開來，共有四部分組成，然后我們分層制作。

二、制作底層

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

三、制作凹陷層

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

四、制作紋理圖層

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

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

五、制作圖形符號

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

六、制作高光圖層

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

桂桂教程：

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

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