當前位置:首頁>ps實例教程>ps制作實例>制作實例>教程內(nèi)容

ps設(shè)計播放器界面教程(4)

來源:思緣論壇 作者:瑭大官人  學習:12791人次

16、使用白色畫筆#ffffff做出如下效果,并轉(zhuǎn)換為剪切蒙版

Photoshop設(shè)計金屬質(zhì)感的播放器界面教程

17、接下來做電源的標志,使用鋼筆工具勾出如下的形狀,填充#7c7c7a顏色,使用圓角矩形工具,半徑為10,做出如下形狀,為兩個選區(qū)增加以下圖層樣式

內(nèi)陰影:正片疊底,不透明度75,

外發(fā)光:濾色,不透明度75,顏色#fbf7c3,方法柔和

Photoshop設(shè)計金屬質(zhì)感的播放器界面教程

18、關(guān)閉按鈕組,創(chuàng)建另一個按鈕,置于圖層下方,命名為左上角鍵,使用圓角矩形工具,半徑為2像素,形狀如下,使用橢圓工具M進行選擇,2-3像素,半徑大于按鈕,右擊鼠標選擇反選,為底部的按鈕圖層增加一個蒙版,基礎(chǔ)到此已完成。

Photoshop設(shè)計金屬質(zhì)感的播放器界面教程

19、為圖層按鈕形狀增加一下圖層樣式

投影:正片疊底,顏色#474747

內(nèi)陰影:正常,不透明度33

內(nèi)發(fā)光:柔光,不透明度12,顏色#6dcff6

斜面與浮雕:內(nèi)斜面,平滑,高光濾色,陰影正片疊底

漸變疊加:柔光

描邊:外邊緣,正常,顏色#474747

Photoshop設(shè)計金屬質(zhì)感的播放器界面教程

20、使用橢圓工具做出圖示形狀,應(yīng)用圖層樣式并轉(zhuǎn)換成剪切蒙版層,這個斜角內(nèi)的按鈕就會顯示

Photoshop設(shè)計金屬質(zhì)感的播放器界面教程

21、添加文字,使用橫排文字工具,大小設(shè)置為10像素,字體為Arial.文字如下圖,應(yīng)用以下圖層樣式

Photoshop設(shè)計金屬質(zhì)感的播放器界面教程


 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
lunatic2017-07-03 10:26
我的作業(yè):
萌寵有代價2017-05-28 11:34
老師好利害
文斯愛卡特2017-05-28 09:46
謝謝老師
圣人也自卑2017-05-28 01:13
適用,謝謝~

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

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