圖標(biāo)教程,設(shè)計(jì)鐘表UI圖標(biāo)教程
- 2022-12-24 19:03:52
- 來(lái)源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
本篇UI圖標(biāo)教程教大家如何設(shè)計(jì)一枚時(shí)鐘主要的UI圖標(biāo),教程難度中等,主要是繪畫(huà)部分,質(zhì)感制作主要由圖層樣式來(lái)處理,該部分主要是數(shù)值的設(shè)置,難度不算大,分享給新手學(xué)習(xí)吧。
本篇UI圖標(biāo)教程教大家如何設(shè)計(jì)一枚時(shí)鐘主要的UI圖標(biāo),教程難度中等,主要是繪畫(huà)部分,質(zhì)感制作主要由圖層樣式來(lái)處理,該部分主要是數(shù)值的設(shè)置,難度不算大,分享給新手學(xué)習(xí)吧。
最終效果:

老規(guī)矩先來(lái)分析一下,這里我們主要分為三個(gè)部分:底座、表盤(pán)、指針,底座指針問(wèn)題都不大,主要是表盤(pán)部分需要用到多個(gè)圖層及圖層樣式來(lái)表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)么?噢耶!!!

步驟一:
首先新建畫(huà)布1500px*1000px畫(huà)布,命名為鐘表,填充背景顏色#4b4b4b,添加圖案疊加圖層樣式。


步驟二:
使用圓角矩形、繪制一個(gè)600px*600px圓角矩形,圓角半徑為90px的圖層,并為它添加圖層樣式。


步驟三:
接下來(lái)使用橢圓工具、繪制一個(gè)550px*550px的大圓,并為它添加圖層樣式。


步驟四:
繼續(xù)使用橢圓工具、繪制一個(gè)515px*515px的圓,并為它添加圖層樣式。


*PSjia.COM 傾力出品,轉(zhuǎn)載請(qǐng)注明來(lái)自PS家園網(wǎng)(m.sz-xdd.com.cn)
標(biāo)簽(TAG) ps網(wǎng)頁(yè)設(shè)計(jì) UI設(shè)計(jì)教程 UI圖標(biāo)教程 全棧UI筆記 時(shí)鐘圖標(biāo) 鐘表圖標(biāo)








