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

2022-12-26 11:09:55 來(lái)源/作者: / 己有:24人學(xué)習(xí)過(guò)

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

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

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

步驟十:

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

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

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

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

步驟十一:

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

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

步驟十二:

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

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

步驟十三:

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

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

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

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

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