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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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