音樂(lè)圖標(biāo)，設(shè)計(jì)擬物風(fēng)格的iTunes圖標(biāo)

現(xiàn)在流行扁平化，很多擬物圖標(biāo)都消失了，今天我們來(lái)回顧一下，設(shè)計(jì)一個(gè)擬物風(fēng)格的iTunes圖標(biāo)，主要用圖層樣式來(lái)設(shè)計(jì)出質(zhì)感，教程大量運(yùn)用了圖層樣式，大家可以通過(guò)教程了解一下圖層樣式的實(shí)際運(yùn)用。

在Photoshop中，圖層樣式是最為直觀的東西，所有的效果都能量化，以數(shù)值的形式表現(xiàn)出來(lái)，就是各種晦澀難懂的等高線也可以用數(shù)字來(lái)表現(xiàn)。利用圖層樣式中的混合模式可以得到千變?nèi)f化的效果，很多的UI和icon絢麗的效果大多數(shù)是靠圖層樣式來(lái)實(shí)現(xiàn)的。

今天的iTunes圖標(biāo)是一個(gè)非常經(jīng)典的icon，不過(guò)現(xiàn)在你們看不到了?，F(xiàn)在的版本只能說(shuō)是走火入魔，推崇扁平化，說(shuō)它漂亮也談不上，說(shuō)難看也不至于~

下面是我完成的效果圖，不過(guò)我對(duì)它的外輪廓作了一些惡搞性質(zhì)的變化。這個(gè)外形介于正方形和圓形之間，它跟圓角矩形不是一個(gè)概念，迎合了現(xiàn)在的“審美觀”：

下面開(kāi)始制作過(guò)程，首先我百度了一張?jiān)瓐D作為參考～

新建一個(gè)1000*1000的新畫(huà)布~

粘貼剛才復(fù)制的iTunes原圖，移動(dòng)到角落上作為參考~

按ctrl+r打開(kāi)標(biāo)尺，右鍵標(biāo)尺選擇百分比~

快捷鍵alt+v+e（按住alt，依次按V再按E）在垂直位置輸入50%~