音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)(4)

來源:theoat.com.cn 作者:夜白i 學(xué)習(xí):4372人次
@燕雀怎知鴻鵠之志i: 音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn
theoat.com.cn

1.打開PS,新建一個900*600px的尺寸(任意),復(fù)制一層,新建一個漸變調(diào)整層,做一個45度的從 #a1a5ae 到 #eef2f3 的線性漸變。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

2.光是漸變背景,感覺差了點(diǎn)什么,添加點(diǎn)質(zhì)感吧。復(fù)制一層漸變圖層,轉(zhuǎn)智能對象添加一個雜色。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

3.執(zhí)行“濾鏡—風(fēng)格化—浮雕效果”,添加一個浮雕效果。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

4.將這個圖層的圖層混合模式更改為“疊加”,我們的背景就完成了。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

5.畫一個圓角矩形,圓角半徑10,并添加圖層樣式。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

斜面浮雕

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

內(nèi)陰影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

漸變疊加 (顏色:#d3d3d4-#ffffff

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

投影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

6.復(fù)制一層這個圓角矩形,移到下層,清除圖層樣式,將圖層填充修改為0,添加一個投影圖層樣式,我們來增加陰影的層次感。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

7.接下來,我們來做那個中框,新建一個合適的圓角矩形,將圖層的填充修改為0,添加圖層樣式。這里需要注意的是圓角矩形的圓度需要對齊一下,不然看上去很難看。

描邊 (顏色:#ececec)

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

內(nèi)陰影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

外發(fā)光

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

投影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

8.用橢圓工具畫出中間凹陷的的主體來,添加圖層樣式。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

將圖層的填充修改為0

內(nèi)陰影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

投影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

注解:在這里面如何做出像云朵一樣的圖形,畫三個圓,排列好后進(jìn)行合并圖層就可以得到云朵形狀。制作中間的三個圓,這三個圓的的圖層樣式是一樣的,只是圓的大小不一樣。排列好,進(jìn)行圖層樣式。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

內(nèi)陰影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

漸變疊加 (顏色和之前一樣即可)

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

投影 (顏色:#6d7777)

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

最后把圖標(biāo)放上去,給這幾個圖標(biāo)添加圖層樣式。

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

顏色疊加 (顏色:#cccccc)

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

內(nèi)陰影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

投影

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn

在這個過程中你可以變化一下數(shù)值,就可以得到了不一樣的圖標(biāo),記住,教程是死的,人是活的,只有不斷的練習(xí)和嘗試,這樣會達(dá)到意想不到的效果。

最終效果:

音樂圖標(biāo),設(shè)計(jì)一個白色音樂播放圖標(biāo)_theoat.com.cn
theoat.com.cn

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
Elyvan2020-04-19 05:18
我的作業(yè):沒看步驟,直接按自己的想法做的,有些地方不一樣,效果看著還行。

qzuser2018-12-29 08:35
音樂圖標(biāo),簡單的做法做出精美的圖片,受教了我的作業(yè):
涂涂愛吃蛋烘糕2018-12-28 08:09
太棒了
265G玩家2018-12-28 03:09
加油

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

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