當前位置:首頁>ps實例教程>ps制作實例>制作實例>教程內容

ps設計播放器界面教程

來源:思緣論壇 作者:瑭大官人  學習:12791人次

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

先看看效果圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!