当前位置:首页>ps实例教程>ps制作实例>制作实例>教程内容

ps设计播放器界面教程(4)

来源:思缘论坛 作者:瑭大官人  学习:12791人次

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设计金属质感的播放器界面教程


 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
lunatic2017-07-03 10:26
我的作业:
萌宠有代价2017-05-28 11:34
老师好利害
文斯爱卡特2017-05-28 09:46
谢谢老师
圣人也自卑2017-05-28 01:13
适用,谢谢~

关注大神微博加入>>

网友求助,请回答!