日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程

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

本篇UI教程跟大家分享如何設(shè)計(jì)翻頁日歷圖標(biāo),整體風(fēng)格由灰白紅組成,顏色十分大氣,想學(xué)UI設(shè)計(jì)的同學(xué)快來學(xué)習(xí)一下吧。

我們來看看效果圖:

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn
m.theoat.com.cn

老規(guī)矩,先來分析一下。這里我們主要分為二個(gè)部分:底座、日歷,其它問題都不大,主要是日歷部分、需要用到多個(gè)圖層來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)么,噢耶。!

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

步驟一:

首先新建畫布900px*900px畫布,命名為日歷圖標(biāo),為背景添加圖層樣式。

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

步驟二:

使用圓角矩形工具、繪制一個(gè)530px*530px圓角半徑為90px底座,并為它添加圖層樣式。

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

日歷圖標(biāo),設(shè)計(jì)日歷主題UI圖標(biāo)教程_m.theoat.com.cn

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

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

楊布布2018-11-28 05:23
我的作業(yè):
怡逸童心2018-11-09 05:56
我的作業(yè):
夏天要陽光XD2017-09-08 05:11
步驟五實(shí)現(xiàn)不了啊~復(fù)制圖層的話不在同一層里進(jìn)行布爾運(yùn)算出來不對(duì)~復(fù)制形狀的話只有第一層有混合選項(xiàng)屬性~能不能再詳細(xì)講下第五第六步,感謝
人生如夢(mèng)2017-09-03 02:15
這屌毛水平也出教程了甯冩媺寰風(fēng)毊铔
4Confused2017-08-27 12:30
哦耶
勇強(qiáng)勢(shì)來襲2017-08-27 05:11
我要好好的學(xué)習(xí)一下
布拉德皮蛋2017-08-27 02:50
這屌毛水平也出教程了
荀漩2017-08-27 02:20
嚴(yán)重支持···
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)友求助,請(qǐng)回答!