日歷圖標,設計日歷主題UI圖標教程(2)

來源:站酷 作者:全棧UI筆記 學習:11163人次

步驟三:

高逼格的底座一下就出來了,有木有!。〗酉聛砝^續(xù)使用圓角矩形工具、繪制一個398px*398px圓角半徑為40px日歷,并為它添加圖層樣式。

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

步驟四:

復制日歷圖層,將復制的圖層移動到合適的位置。

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

步驟五:

再次復制日歷圖層,利用形狀圖層布爾運算,減去頂部,命名為變形圖層,并合并形狀組件。

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

步驟六:

我們復制變形圖層吧, ctrl+t調整中心點垂直翻轉一下,調節(jié)高度,右鍵透視調節(jié)合適形狀,合并兩個形狀清除之前的圖層樣式,并從新添加圖層樣式吧。

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

日歷圖標,設計日歷主題UI圖標教程_www.theoat.com.cn

學習 · 提示

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

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

關注大神微博加入>>

網友求助,請回答!