ps播放器界面制作教程(ps播放器按钮怎么做)

本文主要介绍ps播放器界面制作教程(如何制作ps播放器)，下面跟着东辰网详细了解一下吧。

这里是教程的开始。

2.新建一个图层，选择圆角矩形工具)，在工具属性栏中填充宽度360像素，高度30像素，半径2像素，绘制圆角矩形。命名层基地。双击“图层”面板中的形状图层缩略图，并将矩形的颜色更改为#3a3c3d。

双击图层面板中的这个图层，这将打开图层样式窗口，并应用图层样式，如下图所示。这里需要说明的是，投影效果在网页设计中一般可以应用一点点，就像作者在这里应用的，距离和大小只有一个像素，透明度只有50%，但是如果效果过于夸张就不够精致了。添加一个图层混合模式为覆盖会使单一颜色的矩形在颜色上稍有变化，增加设计的趣味性。

最终效果如下:

3.新建一个图层，选择多边形工具)，在工具属性栏填写3和边数，画一个大小合适的正三角形，放在合适的位置，双击图层缩略图将颜色改为#d2d6db，将图层命名为玩家。接下来，应用如下所示的图层样式到图层。需要注意的是，投影增加了阴影效果，内阴影增加了高光效果，渐变叠加增加了表面纹理。三种图层样式应用在这么小的三角形上，都是非常微妙的效果。可以看出，作者s对处理细节的要求非常高，这也是玩家看起来如此精致的原因。

最终效果如下:

4.选择线条工具)，在播放按钮右侧画一条1像素宽的线，命名为左，并应用渐变叠加，颜色范围从#252727到#3c3e40。复制这条线一次(Ctr)，命名为右，向右移动一个像素，应用渐变叠加，颜色从#333535到#515356，从而做出一条具有凹形效果的分隔线。按住Ctrl键，同时选择图层面板中的两个图层，按CtrlG将这两个图层放入名为sep的文件夹中，最终效果如下:

5.创建一个新层，命名为田径运动。选择矩形工具画一个宽222像素高7像素的矩形框。颜色选择#262929。按住Ctrl键，选择基地和田径运动图层在“图层”面板中，选择移动工具)，单击工具栏属性中的垂直居中按钮，并将矩形垂直放置在播放器的中间。如下图所示:

然后将下面的图层样式应用到田径运动层，在那里投影加的其实是高光效果，内阴影加的是凹陷效果。

最终效果如下:

6.创建一个新层，命名为缓冲和。选择矩形工具画一个宽200像素，高5像素的矩形。选择颜色#464849。选择移动工具，并将其与轨迹层垂直居中。这就完成了缓冲条的创建。效果如下:

第七，接下来就是打进度条了。让让我们先创建一个自定义模式。在Photoshop中新建一个文档(Ctr)，宽度6像素，高度6像素，背景设置为透明。如下图所示:

将创建的文档放大到2000%，新建一个图层，选择一个像素大小的铅笔工具)，绘制下图，然后选择编辑命令定义图案，命名为进步模式与趋势，并保存它。

创建自定义模式后，复制缓冲和层在第6步，把它放在顶部的缓冲和层，命名它进步与发展，并将颜色更改为#feea36。在图层面板中单击选择进步与发展层，然后使用直接选择工具调整矩形的宽度较短，以便显示下面的缓冲层效果，然后应用以下图层样式到进步与发展层。此时，只需在图案叠加中选择我们刚刚创建的自定义图案即可。

最终效果如下:

最后，让创建一个卷图标。首先，我们创建一个名为声音和音乐，将文档放大到1000%，选择矩形工具)，用进度条的高度画一个矩形，进度条就是音量图标的喇叭体部分。选择矢量蒙版缩略图的声音和音乐图层面板中的图层，然后选择钢笔工具绘制音量图标的小号部分。一次可能画不好，需要耐心使用直接选择工具配合方向键一个一个移动锚点的位置，调整音量图标的形状，直到满意为止。完成后，调整颜色为#d2d6db，复制粘贴图层样式为玩家进入声音和音乐层。至于体积读数栏和其他分隔线，使用与上述步骤相同的方法创建。最终效果如下:

这里是教程的开始。

2.新建一个图层，选择圆角矩形工具)，在工具属性栏中填充宽度360像素，高度30像素，半径2像素，绘制圆角矩形。命名层基地。双击“图层”面板中的形状图层缩略图，并将矩形的颜色更改为#3a3c3d。

双击图层面板中的这一层，这将打开图层样式窗口，并应用下图的图层。中显示的图层样式。这里需要说明的是，投影效果在网页设计中一般可以应用一点点，就像作者在这里应用的，距离和大小只有一个像素，透明度只有50%，但是如果效果过于夸张就不够精致了。添加一个图层混合模式为覆盖会使单一颜色的矩形在颜色上稍有变化，增加设计的趣味性。

最终效果如下:

3.新建一个图层，选择多边形工具)，在工具属性栏填写3和边数，画一个大小合适的正三角形，放在合适的位置，双击图层缩略图将颜色改为#d2d6db，将图层命名为玩家。接下来，应用如下所示的图层样式到图层。需要注意的是，投影增加了阴影效果，内阴影增加了高光效果，渐变叠加增加了表面纹理。三种图层样式应用在这么小的三角形上，都是非常微妙的效果。可以看出，作者s对处理细节的要求非常高，这也是玩家看起来如此精致的原因。

最终效果如下:

4.选择线条工具)，在播放按钮右侧画一条1像素宽的线，命名为左，并应用渐变叠加，颜色范围从#252727到#3c3e40。复制这条线一次(Ctr)，命名为右，向右移动一个像素，应用渐变叠加，颜色从#333535到#515356，从而做出一条具有凹形效果的分隔线。按住Ctrl键，同时选择图层面板中的两个图层，按CtrlG将这两个图层放入名为sep的文件夹中，最终效果如下:

5.创建一个新层，命名为田径运动。选择矩形工具画一个宽222像素高7像素的矩形框。颜色选择#262929。按住Ctrl键，选择基地和田径运动图层在“图层”面板中，选择移动工具)，单击工具栏属性中的垂直居中按钮，并将矩形垂直放置在播放器的中间。如下图所示:

然后将下面的图层样式应用到田径运动层，其中投影实际上添加了高光效果，内部阴影添加了凹陷效果。

最终效果如下:

6.创建一个新层，命名为缓冲和。选择矩形工具画一个宽200像素，高5像素的矩形。选择颜色#464849。选择移动工具，并将其与轨迹层垂直居中。这就完成了缓冲条的创建。效果如下:

第七，接下来就是打进度条了。让让我们先创建一个自定义模式。在Photoshop中新建一个文档(Ctr)，宽度。度数6像素，高度6像素，背景设置为透明。如下图所示:

将创建的文档放大到2000%，新建一个图层，选择一个像素大小的铅笔工具)，绘制下图，然后选择编辑命令定义图案，命名为进步模式与趋势，并保存它。

创建自定义模式后，复制缓冲和层在第6步，把它放在顶部的缓冲和层，命名它进步与发展，并将颜色更改为#feea36。在图层面板中单击选择进步与发展层，然后使用直接选择工具调整矩形的宽度较短，以便显示下面的缓冲层效果，然后应用以下图层样式到进步与发展层。此时，只需在图案叠加中选择我们刚刚创建的自定义图案即可。

最终效果如下:

最后，让创建一个卷图标。首先，我们创建一个名为声音和音乐，将文档放大到1000%，选择矩形工具)，用进度条的高度画一个矩形，进度条就是音量图标的喇叭体部分。选择矢量蒙版缩略图的声音和音乐图层面板中的图层，然后选择钢笔工具绘制音量图标的小号部分。一次可能画不好，需要耐心使用直接选择工具配合方向键一个一个移动锚点的位置，调整音量图标的形状，直到满意为止。完成后，调整颜色为#d2d6db，复制粘贴图层样式为玩家进入声音和音乐层。至于体积读数栏和其他分隔线，使用与上述步骤相同的方法创建。最终效果如下:

了解更多ps播放器界面制作教程(如何制作ps播放器按)相关内容请关注东辰网。