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

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

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

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

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

三、時鐘底座的效果大家已經(jīng)看到了吧，下面我們來制作表盤底座。

它同樣也是一個圖層完成的，新建圖層，在畫布上建立一個小一點的正圓形并將此層放在時鐘底座圖層的上方，雙擊添加圖層樣式。

四、表盤的制作。

這一步像表盤上的數(shù)字、時針、分針、秒針這些制作起來都很容易，時針分針的顏色數(shù)值為#724042，圖層模式為疊加，秒針的顏色數(shù)值為#f62020，特別注意的是這三個針的陰影方向，光源在左上角在這里我只貼出金屬帽的圖層樣式，以供大家參考

五、最后我們來制作高光，整個高光圖層是由兩部分組成。

最終效果：