音樂圖標(biāo),設(shè)計(jì)木質(zhì)的音樂播放器主題UI圖標(biāo)(2)

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

4、在“木紋”圖層上面新建一個(gè)圖層,填充顏色#5f543f,混合模式改為正片疊底,透明度為70%,并創(chuàng)建剪貼蒙版。

www.theoat.com.cn_02424M428-6.jpg

5、音箱的立面就做好了。接下來創(chuàng)建一個(gè)512×460,圓角半徑為90px的圓角矩形,并和“圓角矩形1”左對(duì)齊和頂對(duì)齊,然后將木紋復(fù)制一層,在新的圓角矩形上建立剪貼蒙版。

如果是Photoshop的版本是CC,就可以直接復(fù)制一層“圓角矩形1”,然后CTRL+T變換大小。CC以前的版本變形的時(shí)候會(huì)損失圓角,所以只能創(chuàng)建形狀。

www.theoat.com.cn_02424M360-7.jpg

6、給“圓角矩形2”添加內(nèi)陰影和投影。

www.theoat.com.cn_02424Jc5-8.jpg

www.theoat.com.cn_02424Lb2-9.jpg
7、給“木紋 拷貝”圖層疊加一個(gè)10%的黑白漸變。

www.theoat.com.cn_02424G133-10.jpg

www.theoat.com.cn_02424K517-11.jpg

8、CTRL+J復(fù)制一層“圓角矩形2”,然后將圖層移動(dòng)到木紋圖層上面,CTRL+T變換大小,記得同時(shí)按住SHIFT和ALT,縮放90%,然后添加圖層樣式。

www.theoat.com.cn_02424M230-12.jpg

www.theoat.com.cn_02424H400-13.jpg

www.theoat.com.cn_02424H924-14.jpg

www.theoat.com.cn_02424HX8-15.jpg

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
楊布布2018-11-30 03:28
我的作業(yè):
2016-08-25 11:35
PS教程自學(xué)網(wǎng)網(wǎng)友2016-08-25 11:08
葉朝陽2016-07-25 05:10
葉朝陽2016-07-25 05:07
www2016-06-22 02:07
中間圓里的小孔怎么做啊、怎么能讓它有規(guī)律的復(fù)制啊’
www2016-06-22 02:06
中間圓里的小孔怎么做啊、怎么能讓它有規(guī)律的復(fù)制啊’
丸子2016-04-10 09:22
丸子2016-04-10 09:04
tidy2016-03-25 12:03
UI教程太棒了,很詳細(xì),新手都會(huì)做。
tidy2016-03-25 12:00
UI教程太棒了,很詳細(xì),新手都會(huì)做。
沙河燒星2016-03-18 09:23
好教程
陪君醉笑五千場(chǎng)2016-03-18 09:23
好教程
初遇hope2016-03-18 09:23
好教程
畫眉彎彎_z2016-03-18 09:23
好教程

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

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