日歷圖標，設(shè)計日歷主題UI圖標教程(4)

來源：站酷 作者：全棧UI筆記 學(xué)習(xí)：11163人次

步驟十一：

將文字下圖層，ctrl右鍵執(zhí)行透視效果，并添加圖層樣式。

日歷圖標，設(shè)計日歷主題UI圖標教程_www.tgudhdp.cn

日歷圖標，設(shè)計日歷主題UI圖標教程_www.tgudhdp.cn

日歷圖標，設(shè)計日歷主題UI圖標教程_www.tgudhdp.cn

日歷圖標，設(shè)計日歷主題UI圖標教程_www.tgudhdp.cn

步驟十二：

現(xiàn)在我們來繪制最后一個橫線吧，用直線工具、繪制一個寬度360px粗細3px的直線，為它添加圖層樣式，并添加高斯模糊效果就完成這個案例了哦。

日歷圖標，設(shè)計日歷主題UI圖標教程_www.tgudhdp.cn

日歷圖標，設(shè)計日歷主題UI圖標教程_www.tgudhdp.cn

日歷圖標，設(shè)計日歷主題UI圖標教程_www.tgudhdp.cn

日歷圖標，設(shè)計日歷主題UI圖標教程_www.tgudhdp.cn

以上就是本次UI教程的全部內(nèi)容，主要是學(xué)習(xí)運用圖層樣式來制作出圖標的質(zhì)感，大家可以活學(xué)活用，制作出其他質(zhì)感的圖標。歡迎大家分享自己的學(xué)習(xí)經(jīng)驗。

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

  • 一定要打開PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問：新手求助
  • 加官方微信，隨時隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
Elyvan2020-05-01 04:42
我的作業(yè)：我想復(fù)雜了，效果也不是很好。。。

楊布布2018-11-28 05:23
我的作業(yè)：
怡逸童心2018-11-09 05:56
我的作業(yè)：
夏天要陽光XD2017-09-08 05:11
步驟五實現(xiàn)不了啊~復(fù)制圖層的話不在同一層里進行布爾運算出來不對~復(fù)制形狀的話只有第一層有混合選項屬性~能不能再詳細講下第五第六步，感謝
人生如夢2017-09-03 02:15
這屌毛水平也出教程了甯冩媺寰風(fēng)毊铔
4Confused2017-08-27 12:30
哦耶
勇強勢來襲2017-08-27 05:11
我要好好的學(xué)習(xí)一下
布拉德皮蛋2017-08-27 02:50
這屌毛水平也出教程了
荀漩2017-08-27 02:20
嚴重支持···
Mr2017-08-26 02:26
這屌毛水平也出教程了甯冩媺寰風(fēng)毊铔
在血色夕陽下2017-08-26 01:28
來學(xué)習(xí)
璀璨年華鵬少2017-08-26 01:23
學(xué)習(xí)學(xué)習(xí)
流氓AND教父2017-08-26 10:44
什么鬼？
舊人不在2017-08-26 08:08
來學(xué)習(xí)了。辛苦了
禾子雪兒2017-08-26 06:31
轉(zhuǎn)了

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

網(wǎng)友求助，請回答！