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

UI教程,設計一個日歷主題的UI圖標(4)

來源:知乎 作者:脫韁的野豬 學習:12934人次

夾子的形狀制作完畢,接下來為其添加效果。為了使其更立體,需要添加‘斜面和浮雕“”內(nèi)陰影“”投影“然后添加一個顏色疊加變成紅色。(數(shù)值可以自己嘗試調節(jié)哦,每個效果都試試以后做其他的東西也會輕車熟路。)如下圖所示:

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

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

(此處可以適當調整”撕掉頁“和”夾子“的位置。)

向上復制”紅色夾子“圖層,添加一個”漸變疊加“效果,并將透明度調小,給”紅色夾子“增加一些變化。如下圖所示:

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

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

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

(2)月份:首先輸入”September“然后為其添加圖層樣式。

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

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

(注意,因為文字是向下凹陷的所以“方向”是“下”。)

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

效果如下:

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
wwws2016-11-13 10:33
愛你 愛你 么么噠
wwws2016-11-13 10:33
厲害了我的哥
蛇精男美照2015-10-27 03:52
條條大斑馬2015-10-13 12:34
好開心
真野惠里菜2015-10-09 07:14
<gbz嗚嗚>

關注大神微博加入>>

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