photoshop设计制作漂亮的MP3播放器界面

本例中我们利用photoshop设计制作一款漂亮的MP3播放器界面，教程主要是练习我们的设计技巧和基本功，大家可以练习一下。好习惯：在新填充颜色前新建一层，命名要有意义，把相同的东西放在同一组里，这样就不会乱并且容易修改了。教程中的参数仅供参考，你可以自己灵活的调整，发挥自己的想像力，做出更好更漂亮的效果。
完成效果：

1：创建一600*600的文件

2：用圆角矩形工具画一见P的矩形并填充成黑色：

3：给矩形加上图层样式，见P：

4：渐变条的设定见P：

5：做完后的图效果见P：

6：创建一层再用圆角矩形工具画一见P的矩形并填充成黑色，效果见P：

7：再用矩形选区画一见P的选区并删除：

8：给图层加上图层样式：

9：渐变条设定：

10：运行完的效果见P：

11：用魔术棒选取选区：

12：将选区填充成黑色并运行描边：

13：创建一层做下方按钮的背景.用圆角矩形工具画一矩形填充成黑色：

14：给创建的层加上图层样式：

15：留意渐变条的设定：

16：效果见图：

                                                             
        17：创建一层，画一很2-4像素的宽的白色矩形：

18：加上图层样式：(请留意)

19：渐变条的设定：

20：在来一描边：

21：拷贝刚才做的那个白色间隔条(当然加上图层样式后就不是白色了)6个，并成见P地方：

22：创建一层给这个按钮背景加个高光，用矩形工具画一见P的矩形：

23：调整图层模式为叠加，不透明度为：78%

24：做到这儿的效果见P：

25：创建一层，载入刚才第7部操作的那个图层，进入选区，按照ALT键减选一部分，见P：

26：填充成白色，将不透明度改成25%：

27：此时来画按钮，创建一层，用多边形套索工具画一三角形，填充成白色：

28：提高图层样式(渐变叠加)，这儿看看渐变条的设定：

29：加上图层样式(描边)，留意是渐变描边：

30：描边渐变条的设定：

31：效果见图：

                               
        32：按ctrl+r将标尺调出来，好对齐,创建一层画个相同的矩形，填充白色，并将刚才播放按钮的图层样式复制粘贴到暂停按钮中来：

33：之后分别做出，停止.快退.快进：

34：之后创建一层做屏幕中的时间条，这儿可自由发挥：

35：按CTRL+刚才的时间条层，载入选区，按ALT减选一部分，创建一层并填充白色：

36：复制刚才快进层的图层样式粘贴到刚才白色的图层中：

37：将图层模式的描边去掉：

38：给蓝色的时间层做高光，这个可载入蓝色层填充成白色，调整不透明的，之后朝下拖动，删除多余的，效果见P：

39：创建一层，做时间轴上方的按钮：

40：加上图层样式(渐变叠加)，留意渐变条的设定：

41：在加上一描边：

42：在给时间轴上方的按钮做个高光，手法就同上方给蓝色条做相同的啦呵：

43：将刚才做的播放时间的图层添加到一组里：

44：拷贝刚才这个组，并调节地方：

45：到这儿做完的几乎了，后面给屏幕里面加上一点文字，这儿就可自由发挥了，之后吧2-45步全部加上的一组里，做个倒影的效果，加个蒙版：

46：处理完成效果图：

看起来好像不错的样子

小白一个 顶一下

众里寻他千百度，蓦然回首在这里！

支持你哈...................................

我也是坐沙发的

顶起出售广告位

站位支持

呵呵，低调，低调！

小白一个 顶一下

楼主呀，，，您太有才了。。。

佩服佩服！

看起来好像不错的样子

边撸边过

珍爱生命，果断回帖。

我也顶起出售广告位

确实不错，顶先

顶顶更健康

元芳你怎么看？