UI教程,設計筆記本主題UI圖標教程(2)

來源:站酷 作者:Zara_2015 學習:7148人次

UI教程,設計筆記本主題UI圖標教程_www.tgudhdp.cn

然后開始繪制身體中間的那個帶子的部分(最上面的那個扣兒除外,那是第三部分要說的哦)。加上那個belt的效果圖如下,先來看看:

UI教程,設計筆記本主題UI圖標教程_www.tgudhdp.cn

下面開始說belt的繪制。Belt主要是用了圖層樣式、濾鏡和畫筆工具,畫筆工具配合圖層蒙版,說了這么多,還是看看更方便,效果圖及其方法:

UI教程,設計筆記本主題UI圖標教程_www.tgudhdp.cn

UI教程,設計筆記本主題UI圖標教程_www.tgudhdp.cn

UI教程,設計筆記本主題UI圖標教程_www.tgudhdp.cn

上面第二幅圖中的第一個圖層就是剛剛說到的畫筆配合圖層蒙版,主要是高光的修飾,很微弱的高光。然后帶子上面還有一行字,這行字用到的圖層樣式是:

UI教程,設計筆記本主題UI圖標教程_www.tgudhdp.cn

這樣,我們就將belt這一部分也搞定了,下面就只剩下那個button的部分了。這個鈕扣的整體效果圖如下:

UI教程,設計筆記本主題UI圖標教程_www.tgudhdp.cn

注意右下角的部分,由于這個button的右端要長過于本子的body,所以長出的部分的投影,應該是看不到的,只有當本子放到桌子上的時候,你可以稍微的添加一點點很淡很淡的投影,是不是這個道理呢?好了,下面來說說這個button的繪制。

投影在最下面一層,由于剛剛說到的長短問題,我單獨畫的形狀圖層來作它的投影,如圖:

UI教程,設計筆記本主題UI圖標教程_www.tgudhdp.cn

學習 · 提示

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

關注大神微博加入>>

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