ps設計播放器界面教程

2022-12-26 05:44:51 來源/作者: / 己有:131人學習過

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

Photoshop設計金屬質感的播放器界面教程

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

內陰影:正片疊底,不透明度75,

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

Photoshop設計金屬質感的播放器界面教程

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

Photoshop設計金屬質感的播放器界面教程

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

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

內陰影:正常,不透明度33

內發光:柔光,不透明度12,顏色#6dcff6

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

漸變疊加:柔光

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

Photoshop設計金屬質感的播放器界面教程

20、使用橢圓工具做出圖示形狀,應用圖層樣式并轉換成剪切蒙版層,這個斜角內的按鈕就會顯示

Photoshop設計金屬質感的播放器界面教程

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

Photoshop設計金屬質感的播放器界面教程