當(dāng)前位置：首頁>ps實例教程>ps網(wǎng)頁設(shè)計>按鈕圖標(biāo)>教程內(nèi)容

音樂圖標(biāo)，設(shè)計一個白色音樂播放圖標(biāo)(2)

來源：theoat.com.cn 作者：夜白i 學(xué)習(xí)：4372人次

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

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

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

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

描邊 （顏色：#ececec）

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

內(nèi)陰影

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

外發(fā)光

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

投影

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

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

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

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

（將圖層的填充修改為0）

內(nèi)陰影

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

投影

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

音樂圖標(biāo)，設(shè)計一個白色音樂播放圖標(biāo)_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)友求助，請回答！