UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

2022-12-26 11:09:49 來源/作者: / 己有:19人學習過

繼續(xù)來繪制內(nèi)圓的位置吧,用橢圓工具、繪制一個205px的正圓顏色為#040404,并為它添加圖層樣式。

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

步驟十:

我們繼續(xù)來繪制內(nèi)圓的部分,先繪制一個188px的正圓,在繪制一個三角形,合并為一個形狀,使用直接選擇工具移動錨點,顏色改為#d5d5d5并為它添加圖層樣式。

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

步驟十一:

繼續(xù)繪制內(nèi)圓的部分,用橢圓工具、繪制一個40px的正圓,并為它添加圖層樣式。

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

步驟十二:

繼續(xù)繪制內(nèi)圓的部分,用橢圓工具、繪制一個25px的正圓,顏色為#272121。

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

步驟十三:

現(xiàn)在我們來繪制最后一個小圓吧,用橢圓工具、繪制一個17px的正圓,并為它添加圖層樣式就完成這個案例了哦。

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

UI圖標,設計旋轉(zhuǎn)風格播放圖標教程

以上就是本次教程的全部內(nèi)容,雖然步驟有點多,大家細心跟著教程做,一定能成功做出來。