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

2022-12-26 11:13:27 來源/作者: / 己有:75人學(xué)習(xí)過

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

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

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

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

_03253313W-0.jpg

下面開始制作過程,首先我百度了一張?jiān)瓐D作為參考~

_0325336162-1.jpg

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

_03253330Q-2.jpg

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

_0325333a9-3.jpg

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

_0325333439-4.jpg

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

_0325335a3-5.jpg