音樂(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%~
學(xué)習(xí) · 提示





外面圖層要正片疊底·這個(gè)沒(méi)說(shuō)清楚我暈白色方塊混合模式濾色沒(méi)顯示。。一樣是白色 Joker__ 的原帖:










相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個(gè)獨(dú)特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個(gè)音樂(lè)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡(jiǎn)約風(fēng)格的解密游戲圖標(biāo)
- 插畫(huà)制作,用PS繪制簡(jiǎn)約沙漏插畫(huà)效果圖片
- 圖案設(shè)計(jì),用PS快速制作一個(gè)心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡(jiǎn)單的彩虹相機(jī)圖標(biāo)
推薦教程
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- ps日歷圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- PS繪制磚塊ICO圖標(biāo)
- ps設(shè)計(jì)盒子圖標(biāo)
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則