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

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

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

(3)金屬環(huán)的制作:

新建一個圓角矩形。(很圓很圓。)就像下面這樣。

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

然后為了模擬金屬效果,我們?yōu)樗砑?ldquo;圖層樣式”。(這個地方最煩了,嘗試了很多次,你在制作的時候也要多去嘗試,并沒有統(tǒng)一的做法,也沒有統(tǒng)一的數(shù)值。多多動手才是最好的,另,我做的可能并不科學。

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

制作反光:使用鋼筆工具描出反光的形狀,然后使用“濾鏡”——“模糊”——“高斯模糊”使反光真實一些。就像這樣:

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

高光制作:使用“橢圓工具,畫一個橢圓,然后”高斯模糊“,為其添加一個比較模糊比較大的光;再次用”橢圓“工具畫一個小一點的橢圓,”高斯模糊“(數(shù)值小一點.)為其添加高光。就像這樣:

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

連接日歷的洞(我也不知道咋形容)制作:

畫一個圓,直徑稍稍大于金屬環(huán)的寬,為其添加顏色。是這樣的。

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

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

這樣,一個金屬環(huán)就做完了,給他們打個包,命名”金屬環(huán)“然后復制一下,放到另一面。然后給兩個金屬環(huán)添加一個”投影“效果是這樣的。請看:

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

到這,第二部分制作完成。

學習 · 提示

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