PS教程!教你快速打造炫酷的六邊形玻璃圖標

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

一、圖形分解

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

PS教程!教你快速打造炫酷的六邊形玻璃圖標

二、制作底層

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

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

三、制作凹陷層

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

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

PS教程!教你快速打造炫酷的六邊形玻璃圖標

四、制作紋理圖層

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

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

PS教程!教你快速打造炫酷的六邊形玻璃圖標

五、制作圖形符號

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

PS教程!教你快速打造炫酷的六邊形玻璃圖標

六、制作高光圖層

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

PS教程!教你快速打造炫酷的六邊形玻璃圖標

桂桂教程:

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

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

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

PS教程!教你快速打造炫酷的六邊形玻璃圖標

收藏 8
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網立場,未經允許不得轉載。