音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

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

步驟七:

現(xiàn)在繪制一下內(nèi)圓的金屬拉絲效果吧,繪制一個425px*425px的正圓,添加雜色效果并執(zhí)行動感模糊命令,調(diào)整不透明度,操作同上。

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

步驟八:

現(xiàn)在我們來繪制一下音樂圖標(biāo)吧,選擇自動以形狀工具,繪制一個145px*260px的形狀并為它添加圖層樣式。

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

步驟九:

就剩高光部分了哦,選擇繪制兩個大小為420px的正圓,將填充設(shè)置為0,添加圖層樣式吧。

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程

本次音樂圖標(biāo)設(shè)計(jì)教程就到此結(jié)束,雖然教程步驟有點(diǎn)多了,但相對詳細(xì),大家跟著做應(yīng)該能做出來。大家也可以修改一下主題,嘗試設(shè)計(jì)其他主題的圖標(biāo),做出來歡迎投稿分享一下,給大家學(xué)習(xí)。