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

本篇UI教程跟分享了如何設(shè)計(jì)簡(jiǎn)單的音樂(lè)主題圖標(biāo)，制作方法不難，只是步驟有點(diǎn)多，大家跟著教程一起練習(xí)吧。

最終效果：

m.tgudhdp.cn

老規(guī)矩，先來(lái)分析一下。這里我們主要分為二個(gè)部分：底座、內(nèi)圓、其它問(wèn)題都不大，主要是內(nèi)圓部分、需要用到多個(gè)圖層及圖層樣式，來(lái)表現(xiàn)圖標(biāo)的立體感，騷年分析完已經(jīng)成功一半了，離成功還會(huì)遠(yuǎn)么，噢耶�。�！

步驟一：

首先新建畫(huà)布1000px*1000px畫(huà)布，命名為音樂(lè)圖標(biāo)，為背景填充顏色#475479，并添加雜色。

步驟二：

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

步驟三：

高逼格的底座一下就出來(lái)了，有木有�。�！繼續(xù)繪制一個(gè)620px*620px圓角半徑90px的底座，并為它添加圖層樣式。