ps設計播放器界面教程

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

本教程主要教大家使用PhotoshopCS5制作精美的IPAD用戶應用界面,教程將一步步指導大家如何制作逼真的IPAD用戶界面的一個音頻界面,這里將利用視網膜成像原理,使用PHOTOSHOP中的形狀圖層和圖層樣式達到圖示效果。

先看看效果圖

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

1、新建圖層,寬768像素,高1024像素,分辨率132

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

2、創建一個新組,命名為:背景,在組內新建一個圖層,填充顏色為#707070。

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

3、創建一個圖層,位于最上層,可以填充任何顏色,這里使用#ffffff,執行濾鏡----雜色---添加雜色,數量400%,平均分布,勾選單色,執行“濾鏡----風格化---浮雕效果,角度135,高度1,數量146,圖層混合模式為柔光,不透明度25%

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

4、使用矩形工具,如下圖所示做出選區,填充白色#ffffff,圖層混合模式為柔光,不透明度12%,背景已經完成

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

5、現在開始添加素材,創建一個新組,命名為:按鈕,使用橢圓工具(U),如下圖所示創建一個圓形,填充顏色#e1e1e1,為按鈕的基礎制作添加以下圖層樣式

外發光:圖層混合模式正常,不透明度62%,方法柔和,擴展13,大小38,等高線:線性,范圍50%。

斜面和浮雕:樣式內斜面,方法平滑,深度1000%,方向上,大小2,角度120,高度30,等高線線性,高光模式濾色,75%,陰影模式正片疊底14%;

光澤:線性光,不透明度6%,角度19,距離24,大小5,等高線高斯

漸變疊加:混合模式正常,不透明度6%,樣式線性,角度118,縮放100%

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