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

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

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

步驟五:

同樣使用橢圓工具、繪制一個403px*403px的圓吧,并為它添加圖層樣式。

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

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

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

步驟六:

我們繼續(xù)繪制一個295px*295px的圓,并為它添加圖層樣式。

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

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

步驟七:

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

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

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

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

步驟八:

現(xiàn)在我們來繪制指針的位置,使用鋼筆工具繪制出指針形狀,復(fù)制指針改變指針顏色與角度,并為它們添加圖層樣式。

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

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

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

步驟九:

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