效果图：素材：操作步骤：第一步：打开PS，按Ctrl+O将‘城市夜景’素材图层放入，就得到“图层 0 ”图层;接着按Alt+F+L将‘雨天玻璃窗’素材图层置入，按C......
2023-06-16
用Photoshop打造漂亮的音乐播放器界面
ps教程
2023-06-16
最终效果预览
PS制作教程：用Photoshop打造漂亮的音乐播放器界面
教程开始：
1、新建一个600*400的文档，拉一条径向渐变，如图所示。
2、对背景图执行：滤镜教程">滤镜-杂色-添加杂色（数值为1.5平均分布，单色），最后效果如图所示。
3、新建一层，画一圆角矩形，半径5px，此圆角矩形将会作为播放器框架。对此矩形添加图层样式，具体设置如图，数值仅供参考，不要做数值党~o~。
调整后的效果
4、在这里，我们自己做一些质感纹理。
此纹理做法：新建一个600*600的文档，填充一个#767676灰色，然后添加杂色（80，高斯，单色），然后对其径向模糊（100，旋转，最好），有点点生硬，Ctrl+F再来一次。就可以得到如图的效果！
把刚才生成的质感纹理拖入到我们的原来文档里，混合模式为叠加，效果如图。
然后再给现在的矩形，上下边加1px的高光。
高光做法：新建一层，用1px的铅笔画一直线，给图层添加蒙版，前景色为黑色，用柔光画笔（不透明度50%），去擦直线的两边，使两边柔弱。调整后的效果如图。
5、在矩形内两侧，绘制一个如图所示的形状，然后对其图案叠加，在该图案上添加一些阴影，使其向内部过渡自然，然后再在图案内部添加两个高光，效果如图。
再添加三个小按钮，按钮上的图片，按照下图放大的用铅笔去画。画后给小图片一个向下1px的投影即可，按钮的图层样式我将会在下方截图。
6、在原圆角矩形内侧绘制一个矩形并添加渐变样式，渐变是从303a44到4a5968，在该矩形上方加一条1px白色线，透明度为54%，下方加1px高光，再在该矩形内加一长条白色区域，透明度为3%，效果如图。
Ctrl+这个矩形，出现这个矩形的选区。新建一层，用白色柔光画笔点一下，绘制了该矩形的高光。
7、下面添加中心文字，左边数字我用的字体是DS-Digital字体，还有一些大家看的明白的我就不详细说了，不然这个教程写明年也写不完。进度条和拖动按钮的详细参数见下方。
进度条的图层样式参数，1px描边颜色为#4a545d，就不截图了，拖动按钮加一个内发光和描边就行了。
8、下面用钢笔工具绘制一个如图的形状，给图层样式渐变叠加（#4d5c6a #1c2329 #303a43），描边（#50575d），下方边明显多余，怎么删除掉呢？图层-图层样式-创建图层，可以看到原来的图层按照不同的样式被分离了，这个是个很常用的技巧。我们找到它的外描边图层，删除下边，再给这个外描边图层一个描边的图层样式，颜色为#030a12，最后我们再添加一些高光。效果如图。
下面我们添加一些播放类按钮，这些形状都不难画。给按钮一个渐变叠加的图层样式，具体参数如图。
9、做上四个小按钮，给按钮渐变叠加，描边，内发光，图层-图层样式-创建图层，删除内发光图层的下方，只留上边，添加图层蒙版，对边缘稍微擦一下，使其过渡自然。具体数值就不说了，大家自己发挥，按钮上方的英文字母为Arial字体。
正在浏览PS制作教程 更多PS教程分类目录：http://https://www.pszxw.net/
10、下面我们做最后的音量图标，大家按照放大的图用铅笔去画吧，其图层样式与下面播放按钮的图层样式相同，在音量右方绘制一个类似于进度条的形状，在其上方绘制十个小球，前六个小球的图层样式与播放按钮的图层样式相同，后四个添加（深灰到灰色的渐变）。
11、最后我们给播放器做一个倒影，隐藏背景，在最上方新建一层，盖印图层（Ctrl+Alt+Shift+E），垂直翻转图层，在两侧加上半圆轮胎状的修饰，高斯模糊1-2px，再添加图层蒙版，拉一条从黑到白的渐变。效果如图。
扩展：在做好的播放器最上方新建一层，填充任意你喜欢的颜色，图层混合模式为叠加。教程完毕，祝大家学习愉快！
上一篇：用PS抠出小狗过程介绍 下一篇：绘制华仔半身像效果
相关文章
- 详细阅读
- 详细阅读
-
Photoshop设计80年代人像二次曝光效果详细阅读
先看看效果图下面是素材截图图片总是塑造的结果，所以一定要选择适合你想要达到的氛围的照片。我受到这个简单的女商人的股票的启发，因为她想起了电影Flashdance中的詹妮弗&mid......
2023-06-16
- 详细阅读
-
产品精修：详解PS后期精修的7个要点详细阅读
这并不是一篇手把手教大家修图的教程，主要是分享修图的思路和步骤，希望对你有所帮助。首先，问你一个问题，以下两张海报哪一张更能打动你，并促使你购买?我想你会毫不犹豫地选择右......
2023-06-16
