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

來(lái)源:思緣論壇 作者:瑭大官人  學(xué)習(xí):12791人次

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

先看看效果圖

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

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

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

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

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

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

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

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

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

5、現(xiàn)在開始添加素材,創(chuàng)建一個(gè)新組,命名為:按鈕,使用橢圓工具(U),如下圖所示創(chuàng)建一個(gè)圓形,填充顏色#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è)計(jì)金屬質(zhì)感的播放器界面教程

學(xué)習(xí) · 提示

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

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

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