炫酷音乐播放器界面设计

1、 打开【PS】，新建文档，选择【web】下的【台式机高清设计】，创建【1440*1024】的画布。

2、 使用【矩形工具】绘制【270*1024】、【1170*4842】大小的矩形，分别放至画面的左侧和顶部；使用【圆角矩形工具】绘制【846*182】半径为5px的图形，调整位置，按【A lt】键移动复制一个，【宽度】改为178px，放在合适的位置。

3、 打开banner素材，调整图层的位置，按【Alt】键单击图层间创建剪切蒙版，【Ctrl+T】调整大小及位置。同样打开另一张素材放在圆角矩形上，按【Alt】键单击图层间创建剪切蒙版，调整位置。

4、 使用【椭圆工具】创建【70px*70px】的圆形，距顶部70px，距左侧50px，拖进美女素材，按【Alt】键单击图层间创建剪切蒙版。使用【文本工具】输入英文，大小20px，颜色为白色；同样输入“签到”，大小10px，颜色为蓝色。创建【48px*18px】的圆角矩形，【描边】为蓝色，调整位置。

5、 使用【文本工具】输入文字，【字体颜色】为白色，大小14px，加粗显示。调整位置，距离圆形60px；【Ctrl+J】复制文字图层输入其他文本，取消加粗，【不透明度】改为40%，调整行距左对齐。

6、 将图标拖进画面，放在文字的前面，距离20px；选中文字图层，【Ctrl+G】建组，命名为“列表文字”；选中图标图层，【Ctrl+G】建组，命名为为“列表icon”。

7、 使用【文本工具】输入文字，【字体颜色】为蓝色，；使用【矩形工具】绘制直线，【宽度】26px，距离文字6px。【Ctrl+J】复制直线，【宽度】改为76px。选中图层【居中】。拖进新建按钮，【颜色叠加】蓝色。放到合适的位置。

8、 使用【文本工具】输入文字，大小14px，【字体颜色】为白色，使用【椭圆工具】创建【5px*5px】的圆形，填充为蓝色，和文字距离6px；按【Alt】键移动复制文字，【不透明度】改为40%，两排文字距离8px。选中图层【Ctrl+G】编组，命名为“歌单1”。