UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

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

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

步驟八:

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

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

步驟九:

現(xiàn)在我們來繪制一下最后的小圓吧,繪制一個20px*20px的正圓,并添加圖層樣式。

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

步驟十:

就剩高光部分了哦,繪制一個大小為180px的正圓,將填充設置為0,添加圖層樣式吧。

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

UI圖標,設計旋轉(zhuǎn)開關UI圖標教程

本篇UI圖標設計教程到這里就完整結束了,大家跟著做,應該能做出來。