音樂圖標(biāo),設(shè)計(jì)音樂主題UI圖標(biāo)教程
本篇UI教程跟分享了如何設(shè)計(jì)簡單的音樂主題圖標(biāo),制作方法不難,只是步驟有點(diǎn)多,大家跟著教程一起練習(xí)吧。
最終效果:
老規(guī)矩,先來分析一下。這里我們主要分為二個(gè)部分:底座、內(nèi)圓、其它問題都不大,主要是內(nèi)圓部分、需要用到多個(gè)圖層及圖層樣式,來表現(xiàn)圖標(biāo)的立體感,騷年分析完已經(jīng)成功一半了,離成功還會(huì)遠(yuǎn)么,噢耶?。。?/p>
步驟一:
首先新建畫布1000px*1000px畫布,命名為音樂圖標(biāo),為背景填充顏色#475479,并添加雜色。
步驟二:
我們最先來繪制底座吧,使用圓角矩形工具、繪制一個(gè)650px*650px圓角半徑90px的底座,并為它添加圖層樣式。
步驟三:
高逼格的底座一下就出來了,有木有?。?!繼續(xù)繪制一個(gè)620px*620px圓角半徑90px的底座,并為它添加圖層樣式。
標(biāo)簽(TAG) UI設(shè)計(jì)教程 ui設(shè)計(jì) ps網(wǎng)頁設(shè)計(jì) 音樂圖標(biāo) 全棧UI筆記 ui制作