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

本篇UI圖標(biāo)教程教大家如何設(shè)計(jì)一枚時鐘主要的UI圖標(biāo)，教程難度中等，主要是繪畫部分，質(zhì)感制作主要由圖層樣式來處理，該部分主要是數(shù)值的設(shè)置，難度不算大，分享給新手學(xué)習(xí)吧。

最終效果：

m.theoat.com.cn

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

步驟一：

首先新建畫布1500px*1000px畫布，命名為鐘表，填充背景顏色#4b4b4b，添加圖案疊加圖層樣式。

步驟二：

使用圓角矩形、繪制一個600px*600px圓角矩形，圓角半徑為90px的圖層，并為它添加圖層樣式。

步驟三：

接下來使用橢圓工具、繪制一個550px*550px的大圓，并為它添加圖層樣式。

步驟四：

繼續(xù)使用橢圓工具、繪制一個515px*515px的圓，并為它添加圖層樣式。