UI教程,設(shè)計一個日歷主題的UI圖標(biāo)(3)

來源:知乎 作者:脫韁的野豬 學(xué)習(xí):12934人次

(7)為第一頁添加日期,今天是30號。將“日期”置于“第一頁平頁”和“第一頁卷頁”之間,效果如下:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn

(8)第一頁制作完之后,制作撕掉頁。首先使用鋼筆工具勾出撕掉頁輪廓,然后填充路徑,并為其添加“投影”效果。(最好畫兩條不一樣的撕掉頁,這樣比較真實。)如下圖所示:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn

到此,【①日歷的卷頁】部分制作完成,大概是這個樣子的:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn
4、日歷的夾子和金屬環(huán):

(1)日歷的夾子(就是紅色那個部分):首先新建一個稍稍大一丟丟(幾個像素就好啦)的圓角矩形置于最上層。就像這樣的。

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn

新建一個矩形置于頂層,如下圖所示:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn

選擇圓角矩形(日歷紅色夾子)按住shift加選白色矩形,使用“直接選擇工具”鼠標(biāo)右鍵單擊,在菜單欄中選擇“減去頂層形狀”得到入下效果:

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn

UI教程,設(shè)計一個日歷主題的UI圖標(biāo)_tgudhdp.cn

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

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

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

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