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

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

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

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

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

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

步驟五:

現(xiàn)在繪制一下內(nèi)圓的線條吧,選擇直線工具繪制一條長度20px粗細1px的直線吧,顏色為#5c5857。

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

步驟六:

復制直線執(zhí)行自由變換命令,調(diào)整中心點至畫布中心,旋轉(zhuǎn)90度,并執(zhí)行重復上一命令并復制操作shift+ctrl+alt+t復制出另外兩條直線段,并添加一下圖層樣式吧。

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

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

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

步驟七:

繼續(xù)繪制一下內(nèi)圓的線條吧,選擇直線工具繪制一條長度15px粗細1px的直線吧,顏色為#5c5857。

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

步驟八:

重復上述操作,旋轉(zhuǎn)7.5度并將復制出的多余直線段利用布爾運算減去,并添加圖層樣式。

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

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

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

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

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

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

步驟九: