PS教程！教你建设一个Web Mini Player

本日教各人建造一个Wbe Mini Player，一个很简朴的播放界面。首要是图层样式的应用，操纵绝对简朴。做完之后，修改颜色神马的相等的快，附上四个PSD源文件，收好！

虽然，直接用色相之类的来修改颜色，我并不拥护，缘故起因嘛，本身想！着实做完一个颜色后，直接在源文件里变动图层样式，换个色也花不了多长时刻的。

本日，我所提供的PSD里，我们做了四个颜色，绿色，蓝色，灰色，赤色，有乐趣的伴侣可以试试此外颜色。

PSD源文件  百度云下载

我这里的教程用的绿色来树模！

起首，新建个文档，我用的是400X300像素。建设一个渐变调解层，做个径向渐变，颜色参数如下图。

用圆角矩形器材画一个320X125的圆角矩形，颜色无所谓，我们一会会变动。

为这个圆角矩形添加一个图层样式。

OK，接下来，我们复制一层圆角矩形这个图层，右键破除去图层样式，按住SHIFT画一个矩形，SHIFT这里是增进的意思，担保我们新画的矩形和圆角矩形是一个外形图层。 然后，将外形的路径操纵变动为与外形地区相交，这样我们就获得了我们想要的下半部门的外形了。将外形颜色配置为#68ce6b。

下面，我们为这个下半部门的外形添加一个图层样式。

接下来，我们用直线器材，画一条直线，放到我们适才的谁人下半部门图层的顶部位置，配置颜色为#119915，此刻，我们获得如下结果。

下面，我们用矩形器材，画一个正方形，安排在左上角，充当专辑图片的图片框，并配置一个图层样式。

加上我们的LOGO，没什么好说的，虽然，你也可以直接用图片，建设个剪贴蒙版，由于适才我们配置了描边和投影，直接剪贴蒙版的话，图层样式是会保存的。

接下来，我们开始做播放的进度条，起首用圆角矩形器材画一个长条的圆角矩形，配置颜色为#d0d0d0，并添加一个图层样式。

用矩形器材，画一个矩形，配置颜色为#53ba56，并建设剪贴蒙版，赋予已播放的部门绿色表现。

配置远景致为#ebebeb，画一个正圆形，并添加一个图层样式。

接下来，我们画一个小一点的圆，颜色配置为# 53ba56，并添加一个图层样式。

接下来，添加时刻进度和问题信息，这里笔墨用的颜色为#51c054，并添加了一个投影。

接下来，添加一个频谱，用矩形器材画就行了，也没什么可讲的，颜色为#119915，同样添加一个投影。

用矩形器材画一个#68ce6b颜色的正方形，并添加一个渐变叠加。

复制一层这个方形按纽图层，安排到按纽的基层，我们来做阴影，变动颜色为#2b872e，在属性栏里配置羽化4像素，并添加一个蒙版，把顶部和底部的位置擦一下。

接下来，我们来添加播放，上一曲，一下曲的图标，这个也是超等简朴，没什么好说的，外形不知道怎么折腾的话，请看我们这个布尔运算的教程贴，链接 http://www.pdadians.com/photoshop-shape-tool-guide-boolean/，将图标的颜色配置为#119915，并添加一个图层样式。

搞定，假如想换颜色，就很快了，我们的PSD里提供了四个颜色，等候看看各人差异的颜色。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!