音樂圖標,設計音樂主題UI圖標教程

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

本篇UI教程跟分享了如何設計簡單的音樂主題圖標,制作方法不難,只是步驟有點多,大家跟著教程一起練習吧。

最終效果:

音樂圖標,設計音樂主題UI圖標教程

老規矩,先來分析一下。這里我們主要分為二個部分:底座、內圓、其它問題都不大,主要是內圓部分、需要用到多個圖層及圖層樣式,來表現圖標的立體感,騷年分析完已經成功一半了,離成功還會遠么,噢耶!!!

音樂圖標,設計音樂主題UI圖標教程

步驟一:

首先新建畫布1000px*1000px畫布,命名為音樂圖標,為背景填充顏色#475479,并添加雜色。

音樂圖標,設計音樂主題UI圖標教程

音樂圖標,設計音樂主題UI圖標教程

步驟二:

我們最先來繪制底座吧,使用圓角矩形工具、繪制一個650px*650px圓角半徑90px的底座,并為它添加圖層樣式。

音樂圖標,設計音樂主題UI圖標教程

音樂圖標,設計音樂主題UI圖標教程

音樂圖標,設計音樂主題UI圖標教程

步驟三:

高逼格的底座一下就出來了,有木有!!!繼續繪制一個620px*620px圓角半徑90px的底座,并為它添加圖層樣式。

音樂圖標,設計音樂主題UI圖標教程