UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

2022-12-26 10:31:05 來(lái)源/作者: / 己有:11人學(xué)習(xí)過(guò)

在繪制一下底座的線條吧,選擇直線工具繪制一條長(zhǎng)度30px粗細(xì)1px的直線吧,顏色為#818181。

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

步驟五:

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

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

步驟六:

接下來(lái)使用橢圓工具、繪制一個(gè)330px*330px的正圓,并為它添加圖層樣式。

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

步驟七:

我們繼續(xù)使用橢圓工具、繪制一個(gè)260px的正圓,并為它添加圖層式。

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

步驟八:

現(xiàn)在繼續(xù)繪制一下底座的線條吧,選擇直線工具繪制一條長(zhǎng)度8px粗細(xì)1px的直線吧,顏色為#898989。

UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)

步驟九:

復(fù)制直線執(zhí)行自由變換命令,調(diào)整中心點(diǎn)至畫(huà)布中心,旋轉(zhuǎn)15度,并執(zhí)行重復(fù)上一命令并復(fù)制操作shift+ctrl+alt+t復(fù)制出另外余下的直線段。