當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

來源:blog.dearsalt.me 作者:DearSalt 學(xué)習(xí):9510人次

主要通過圖層樣式設(shè)計時鐘底座,然后用繪制方法畫出表盤等組件,教程不難,新手可以跟著練一下。

這幾天突然對UI很感興趣,于是就做了這個小時鐘,整體效果很絢麗,圖層樣式中的參數(shù)我已經(jīng)給出,僅供大家參考,邵飛老師說得對“多試參數(shù),沒有人可以一步到位,多花時間去調(diào)試不同的參數(shù),可以幫助提高設(shè)計經(jīng)驗,細(xì)節(jié)靠折騰,而不是靠大量效果”我現(xiàn)在就是這樣做的,雖然有時候會花很多時間,但真的是會積累經(jīng)驗的,期待大家的作品!

一、首先我們來分解這個圖標(biāo),觀察其各個組成部分,然后我們分層制作。

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

二、接下來我們先制作“時鐘底座”。

這個圖層看起來很復(fù)雜,實際上整個效果只用了一個圖層便能搞定,以下截圖的參數(shù)僅供參考,因為你新建圓的大小將會影響這些參數(shù)數(shù)值,具體大家自行測試吧,新建畫布,拖入背景素材,使用橢圓工具建立一個橢圓,雙擊此圖層為其添加圖層樣式。

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

圖標(biāo)設(shè)計,教你用圖層樣式設(shè)計一個時鐘圖標(biāo)

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
落英滿裳2018-02-24 10:36
務(wù)合作免
(2016-02-26 03:08
在這里
(2016-02-26 03:02
在這里
趙彥潤2015-12-15 12:27
那個光斑素材在哪里
趙彥潤2015-12-15 12:12
那個光斑素材在哪里
酒醉萬花樓2015-05-04 10:44
這屌毛水平也出教程了
酒醉萬花樓2015-05-04 10:44
這屌毛水平也出教程了
風(fēng)隨愿我2015-05-04 03:08
傻逼東西
風(fēng)隨愿我2015-05-04 03:08
傻逼東西
年少不多情王洋2015-05-04 02:31
只有傻逼才說好
年少不多情王洋2015-05-04 02:31
只有傻逼才說好
圖碧2015-05-04 11:54
狗屁教程
圖碧2015-05-04 11:54
狗屁教程
可麗可心alie2015-05-04 11:46
草,寫這教程?
可麗可心alie2015-05-04 11:46
草,寫這教程?

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

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