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

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

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

先看看效果圖

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

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

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

2、創(chuàng)建一個新組,命名為:背景,在組內(nèi)新建一個圖層,填充顏色為#707070。

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

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

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

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

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

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

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

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

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

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

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