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

2022-12-26 11:08:36 來源/作者: / 己有:16人學(xué)習(xí)過

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

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

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

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

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

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

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

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

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

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

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

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

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

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