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

來源:優(yōu)設(shè) 作者:P大點(diǎn)S 學(xué)習(xí):13791人次

現(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)在你們看不到了,F(xiàn)在的版本只能說是走火入魔,推崇扁平化,說它漂亮也談不上,說難看也不至于~

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

www.theoat.com.cn_03253313W-0.jpg

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

www.theoat.com.cn_0325336162-1.jpg

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

www.theoat.com.cn_03253330Q-2.jpg

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

www.theoat.com.cn_0325333a9-3.jpg

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

www.theoat.com.cn_0325333439-4.jpg

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

www.theoat.com.cn_0325335a3-5.jpg

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
_SHENGBIN_2019-01-02 05:29
真棒
行則將至2019-01-02 04:07
真棒
嬌女mj2018-12-28 03:32
真棒
Joker__2016-08-18 03:01
外面圖層要正片疊底·這個(gè)沒說清楚我暈
Joker__2016-08-18 03:08
白色方塊混合模式濾色沒顯示。。一樣是白色Joker__ 的原帖:外面圖層要正片疊底·這個(gè)沒說清楚我暈
Joker__2016-08-16 05:00
白色方塊混合模式濾色沒顯示。。一樣是白色
Joker__2016-08-16 05:08
白色方塊混合模式濾色沒顯示。。一樣是白色
混亂的圖案2016-03-04 11:50
真棒真棒
承擔(dān)就是成長(zhǎng)2016-03-04 07:42
真棒真棒真棒真棒
飛飛峰2016-03-04 04:19
真棒
黑子駕到2016-03-04 04:19
真棒
情已逝仍堅(jiān)強(qiáng)2016-03-04 04:19
真棒
石字佐轉(zhuǎn)2016-03-04 04:19
真棒
口獅子座口2016-03-04 04:19
真棒
墻角上的小螞蟻2016-03-04 04:19
真棒

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

網(wǎng)友求助,請(qǐng)回答!