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：处理完成效果图： 看起来好像不错的样子 小白一个 顶一下 众里寻他千百度，蓦然回首在这里！ 支持你哈................................... 我也是坐沙发的 顶起出售广告位 站位支持 呵呵，低调，低调！ 小白一个 顶一下 楼主呀，，，您太有才了。。。 佩服佩服！ 看起来好像不错的样子 边撸边过 珍爱生命，果断回帖。 我也顶起出售广告位 确实不错，顶先 顶顶更健康 元芳你怎么看？
页:
[1]