當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁圖片>教程內(nèi)容

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例

來源:blog.dearsalt 作者:DearSalt 學(xué)習(xí):8068人次

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例

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

一、圖形分解

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

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例
二、制作底層

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

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例

圖標(biāo)設(shè)計,ps設(shè)計六邊形圖標(biāo)實例

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
劉一芊2018-02-20 08:44
頂下頂下頂下頂下頂下頂下
吃貨杉寶2017-05-28 05:02
感謝分享
mayday2017-05-28 03:16
頂頂頂頂
我喜歡轉(zhuǎn)筆婷2017-05-27 07:34
來學(xué)習(xí)的 ,多多指教
武漢美格菲舞蹈2017-05-27 07:24
簡單的一個事情被你說的這么復(fù)雜也是一種能力
悟空剃毛用奔騰2017-05-27 07:10
謝謝指導(dǎo)~
萌歌詩璐璐2017-05-27 03:47
有點簡單
金頂一小金2017-05-27 03:09
挺不錯的教程
天上謫仙2017-05-27 02:30
嘗試著模仿,細(xì)節(jié)好難把握
豆腐小少爺2017-05-27 02:07
頂下頂下頂下頂下頂下頂下
公子褚蘇2017-05-27 09:03
頂頂頂頂頂頂
王累大蝦2017-05-27 07:33
細(xì)節(jié)處理的不是很好
騎自行車游敖漢2017-05-27 05:52
頂頂

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!