圖標(biāo)設(shè)計(jì)，教你用圖層樣式設(shè)計(jì)一個(gè)時(shí)鐘圖標(biāo)(4)

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

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

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

二、接下來(lái)我們先制作“時(shí)鐘底座”。

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

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

它同樣也是一個(gè)圖層完成的，新建圖層，在畫(huà)布上建立一個(gè)小一點(diǎn)的正圓形并將此層放在時(shí)鐘底座圖層的上方，雙擊添加圖層樣式。

四、表盤(pán)的制作。

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

五、最后我們來(lái)制作高光，整個(gè)高光圖層是由兩部分組成。

最終效果：