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

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

觀察”第二頁“上有”第一頁“的投影,所以,復(fù)制一層”中間頁“向上移動并為其添加漸變疊加,同事向下做剪切蒙版。如下圖所示:

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

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

(漸變疊加是逐漸變亮的,控制好角度就可以啦。

(6)第二頁制作完成后,開始制作第一頁。我將第一頁分為兩個(gè)部分制作。如下圖所示:

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

首先制作位于下方的”第一頁平頁“。向上復(fù)制”第二頁“,關(guān)閉”漸變疊加效果“,并作向下作為剪切蒙版。采用”直接選擇“工具點(diǎn)選出”第一頁平頁“的路徑,選擇”鋼筆——添加錨點(diǎn)工具“為”第一頁平頁“添加錨點(diǎn)。如下圖所示:

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

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

添加錨點(diǎn)后,使用”直接選擇工具,選中下圖四處錨點(diǎn),并刪除,得到效果如下圖所示:

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

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

(第一頁平頁制作完成)

接下來制作“第一頁卷頁”部分。

使用鋼筆工具,描出卷頁形狀,并填充路徑。并添加圖層樣式。如下圖所示。

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

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

得到的效果是這樣的:

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

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(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)友求助,請回答!