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

來(lái)源：站酷 作者：劉歡老師 學(xué)習(xí)：5918人次

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

 

步驟如下：

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

9步教你輕松設(shè)計(jì)音樂(lè)UI圖標(biāo)教程

 

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

9步教你輕松設(shè)計(jì)音樂(lè)UI圖標(biāo)教程

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

9步教你輕松設(shè)計(jì)音樂(lè)UI圖標(biāo)教程

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

9步教你輕松設(shè)計(jì)音樂(lè)UI圖標(biāo)教程

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問(wèn)：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序

關(guān)注大神微博加入>>

網(wǎng)友求助，請(qǐng)回答！