PS手把手教你创建一个MINI PLAYER

苏宁凝

苏宁凝

2016-04-05 18:00

下面是个PS手把手教你创建一个MINI PLAYER教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

PS手把手教你创建一个MINI PLAYER

   教大家制作一个Wbe Mini Player,一个很简单的播放界面。主要是图层样式的应用,操作绝对简单。做完之后,修改颜色神马的相当的快,附上四个PSD源文件,收好!

  当然,直接用色相之类的来修改颜色,我并不赞同,原因嘛,自己想!其实做完一个颜色后,直接在源文件里更改图层样式,换个色也花不了多长时间的。

  今天,我所提供的PSD里,我们做了四个颜色,绿色,蓝色,灰色,红色,有兴趣的朋友可以试试别的颜色。

PS手把手教你创建一个MINI PLAYER 图老师

  我这里的教程用的绿色来示范!

  首先,新建个文档,我用的是400X300像素。创建一个渐变调整层,做个径向渐变,颜色参数如下图。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)
33pdds20151014

  用圆角矩形工具画一个320X125的圆角矩形,颜色无所谓,我们一会会更改。

32pdds20151014

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

31pdds20151014
30pdds20151014
29pdds20151014
28pdds20151014

  OK,接下来,我们复制一层圆角矩形这个图层,右键清除掉图层样式,按住SHIFT画一个矩形,SHIFT这里是增加的意思,保证我们新画的矩形和圆角矩形是一个形状图层。 然后,将形状的路径操作更改为与形状区域相交,这样我们就得到了我们想要的下半部分的形状了。将形状颜色设置为#68ce6b。

27pdds20151014

  下面,我们为这个下半部分的形状添加一个图层样式。

26pdds20151014

  接下来,我们用直线工具,画一条直线,放到我们刚才的那个下半部分图层的顶部位置,设置颜色为#119915,现在,我们得到如下效果。

25pdds20151014

  下面,我们用矩形工具,画一个正方形,放置在左上角,充当专辑图片的图片框,并设置一个图层样式。

24pdds20151014
23pdds20151014

  加上我们的LOGO,没什么好说的,当然,你也可以直接用图片,创建个剪贴蒙版,因为刚才我们设置了描边和投影,直接剪贴蒙版的话,图层样式是会保留的。

22pdds20151014

  接下来,我们开始做播放的进度条,首先用圆角矩形工具画一个长条的圆角矩形,设置颜色为#d0d0d0,并添加一个图层样式。

21pdds20151014
20pdds20151014
19pdds20151014

  用矩形工具,画一个矩形,设置颜色为#53ba56,并创建剪贴蒙版,赋予已播放的部分绿色显示。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/ps/)
18pdds20151014

  设置前景色为#ebebeb,画一个正圆形,并添加一个图层样式。

17pdds20151014
16pdds20151014
15pdds20151014

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

14pdds20151014
13pdds20151014

  接下来,添加时间进度和标题信息,这里文字用的颜色为#51c054,并添加了一个投影。

12pdds20151014
11pdds20151014

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

10pdds20151014
9pdds20151014

  用矩形工具画一个#68ce6b颜色的正方形,并添加一个渐变叠加。

8pdds20151014
7pdds20151014

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

6pdds20151014
5pdds20151014

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

4pdds20151014
3pdds20151014
2pdds20151014

  搞定,如果想换颜色,就很快了,我们的PSD里提供了四个颜色,期待看看大家不同的颜色。

1pdds20151014
展开更多 50%)
分享

猜你喜欢

PS手把手教你创建一个MINI PLAYER

PS
PS手把手教你创建一个MINI PLAYER

PS手把手教你绘制一个写实钱包

PS
PS手把手教你绘制一个写实钱包

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

PS新手教程!手把手教你创建一个超现实的微型画像

PS PS教程
PS新手教程!手把手教你创建一个超现实的微型画像

手把手教你画一个开运妆!

化妆 美妆 眼妆 彩妆
手把手教你画一个开运妆!

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS教程!手把手教你快速画一个暖萌大白

PS PS教程
PS教程!手把手教你快速画一个暖萌大白

PS手把手教你绘制一个春意盎然的字体效果

电脑网络
PS手把手教你绘制一个春意盎然的字体效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PS教你临摹一枚QQ浏览器图标

PS教你临摹一枚QQ浏览器图标

PS时尚杂志海报排版设计思路及创作方法

PS时尚杂志海报排版设计思路及创作方法
下拉加载更多内容 ↓