圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程(3)

來源:站酷 作者:全棧UI筆記 學(xué)習(xí):11496人次

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

步驟十:

現(xiàn)在來繪制刻度,使用矩形工具、繪制一個5px*35px的矩形,重復(fù)復(fù)制旋轉(zhuǎn)并為它添加圖層樣式。

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

步驟十一:

重復(fù)上次操作、繪制一個3px*20px的矩形,重復(fù)復(fù)制旋轉(zhuǎn)并為它添加相同圖層樣式。

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

步驟十二:

現(xiàn)在添加文字N.E. S.W字體樣式Bebas Neue Regular ,字體大小46點并添加上述圖層樣式。

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

步驟十三:

接下來為鐘表修飾高光和暗部,利用橢圓工具繪制二個515px*515px的正圓,填充設(shè)置為0,不透明度70%,并分為其添加圖層樣式,最后添加投影效果。

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

圖標(biāo)教程,設(shè)計鐘表UI圖標(biāo)教程_www.theoat.com.cn

以上就是鐘表圖標(biāo)的設(shè)計方法,步驟雖然多,難度不算太大,大家要特別主意一下高光和暗部的處理,認(rèn)真學(xué)習(xí),希望大家喜歡該教程。如果你學(xué)懂了,歡迎大家投稿分享自己的經(jīng)驗。

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

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

12018-04-26 01:49
鐘我的作業(yè):
joker2018-04-23 11:25
大神
損友2017-09-30 02:41
我的作業(yè):
沖刺在愛情前方2017-08-13 11:38
時鐘圖標(biāo)作業(yè)我的作業(yè):
IMWIM2017-08-11 04:05
感謝大神分享!順便提一下,左邊應(yīng)該是W,右邊是E是吧?
我辣么萌是不是愛上我辣2017-08-09 02:29
我的作業(yè):
何為無不曾有2017-08-07 02:54
我的作業(yè): 學(xué)習(xí)了,沒想到鏡面還可以這么做的
和尚不恰肉2017-07-26 03:13
想仔細(xì)了解一下
涼城舊愛i2017-07-26 11:22
謝謝老師 多多學(xué)習(xí)
骨頭收集狂2017-07-26 11:14
學(xué)習(xí)學(xué)習(xí)
眼角的夏沫秋涼2017-07-26 08:53
感覺就是在裝B
天上的太陽之歌2017-07-26 07:33
謝老師分享。。。。!
小白白臉2017-07-26 04:19
簽到
角落里的寂靜2017-07-26 04:19
簽到

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

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