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

2022-12-26 05:44:51 來(lái)源/作者: / 己有:131人學(xué)習(xí)過(guò)

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

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

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

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

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

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

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

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

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

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

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

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

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

漸變疊加:柔光

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

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

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

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

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

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