PS设计教程网欢迎你!

Photoshop绘制质感的MP3播放器界面

文章来源于 中国教程网论坛,感谢作者 zixuan_gzs翻译 给我们带来经精彩的文章!
设计教程/PS教程/鼠绘教程2009-12-02
本教程主要用Photoshop绘制质感的MP3播放器界面,做的不好请见谅,我会努力改正的,教程中的参数可以灵活设置,此教程主要练习技巧和基本功。

本教程主要用Photoshop绘制质感的MP3播放器界面,做的不好请见谅,我会努力改正的,教程中的参数可以灵活设置,此教程主要练习技巧和基本功,喜欢的朋友可以练习下哈.在练习的过程中,注意养成一个好的习惯就是在新填充颜色请新建一层,把相同的东西放进一个组里,这样就不会乱,还有就是命名要命好,这样后面调整起来才好调整,在练习的过程中请发挥想象,教程中的效果不一定要按部就班,或许有更好的方法,这就靠大家自己去摸索了吧。

最终效果:

Photoshop绘制质感的MP3播放器界面

1:新建一个600*600的文件

Photoshop绘制质感的MP3播放器界面

2:用圆角矩形工具画一个如图的矩形并填充为黑色:

Photoshop绘制质感的MP3播放器界面

3:给矩形添加图层样式,如图:

Photoshop绘制质感的MP3播放器界面

4:渐变条的设置如图:

Photoshop绘制质感的MP3播放器界面

5:完成后的图效果如图:

Photoshop绘制质感的MP3播放器界面

6:新建一层在用圆角矩形工具画一个如图的矩形并填充为黑色,效果如图:

Photoshop绘制质感的MP3播放器界面

7:在用矩形选区画一个如图的选区并删除:

Photoshop绘制质感的MP3播放器界面

8:给图层添加图层样式:

Photoshop绘制质感的MP3播放器界面

9:渐变条设置:

Photoshop绘制质感的MP3播放器界面

10:执行完的效果如图:

Photoshop绘制质感的MP3播放器界面

11:用魔术棒选择选区:

Photoshop绘制质感的MP3播放器界面

12:把选区填充为黑色并执行描边:

Photoshop绘制质感的MP3播放器界面

13:新建一层做下面按钮的背景.用圆角矩形工具画一个矩形填充为黑色:

Photoshop绘制质感的MP3播放器界面

14:给新建的层添加图层样式:

Photoshop绘制质感的MP3播放器界面

15:注意渐变条的设置:

Photoshop绘制质感的MP3播放器界面

16:效果如图:

Photoshop绘制质感的MP3播放器界面

17:新建一层,画一个很2-4像素的宽的白色矩形:

Photoshop绘制质感的MP3播放器界面

18:添加图层样式:(请注意)

Photoshop绘制质感的MP3播放器界面

19:渐变条的设置:

Photoshop绘制质感的MP3播放器界面

20:在来一个描边:

Photoshop绘制质感的MP3播放器界面

21:复制刚刚做的那个白色间隔条(当然添加图层样式后就不是白色了)6个,并成如图位置:

Photoshop绘制质感的MP3播放器界面

22:新建一层给这个按钮背景加个高光,用矩形工具画一个如图的矩形:

Photoshop绘制质感的MP3播放器界面

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa