当前位置:首页 > PS教程 > 设计教程

PS设计金属质感的播放器界面教程

  • 2021-05-14 09:50:58
  • 来源/作者:互联网/佚名
  • 己被围观

本教程主要教思缘的朋友使用PhotoshopCS5制作精美的IPAD用户应用界面,教程将一步步指导大家如何制作逼真的IPAD用户界面的一个音频界面,这里将利用视网膜成像原理,使用PHOTOSHOP中的形

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

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?