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

導(dǎo)語：如今，隨著時(shí)代變遷，現(xiàn)代設(shè)計(jì)趨向于回歸極簡(jiǎn),用簡(jiǎn)單的圖形,簡(jiǎn)單的色彩，即平面化、微質(zhì)感。在我們追求極簡(jiǎn)的同時(shí),界面的視覺趨勢(shì)也必然是輕巧和舒適的感覺,輕微質(zhì)感、輕微立體深度和界面平面化也順勢(shì)成為當(dāng)今的一大趨勢(shì)。今天，我就帶大家一起來體驗(yàn)下微質(zhì)感圖標(biāo)的世界，領(lǐng)略其真正含義。

步驟如下：

1、首先用形狀工具畫一個(gè)圓角矩形；

2、添加斜面浮雕、描邊、內(nèi)陰影和漸變疊加效果；

3、添加矢量圓角矩形（降低透明度）和矢量圓角矩形（加漸變疊加）；

4、形成基本的圖標(biāo)底圖；

5、用鋼筆工具勾畫音樂符的基本形狀；

6、對(duì)音樂符添加斜面浮雕、顏色疊加和投影效果；

7、對(duì)音樂符添加一些細(xì)節(jié)（為凸顯細(xì)節(jié)將音樂符調(diào)灰，灰面細(xì)節(jié)為鋼筆勾畫加漸變蒙版效果、圖底為橙色橢圓矢量高斯模糊而成）；

8、在圖標(biāo)底部加一些層次豐富的圓角矩形色塊，然后高斯模糊調(diào)節(jié)透明度，疊加而成；

9、調(diào)制各方面細(xì)節(jié)形成最終效果。