文档介绍：WORD
WORD
1 / 28
WORD
笔记信息
用Photoshop绘制音乐播放器界面
第一步：制作界面上用到的icon
（1）点击菜单“文件 > 新建”或者快捷键“CTRL+N”，在“新建”对话窗口中，齐了，如图所示。
 
WORD
WORD
7 / 28
WORD
（4）先将前景色设置为“#1b1b1b”，鼠标左键点击工具箱上的“矩形工具”，在画布的顶端，绘制一个320×22像素的矩形，作为状态栏，如图所示。
（5）现在要将前面第一步制作的各种图标拷贝到当前文件当中，两个PSD文件之间拷贝图层的步骤：在图层面板中，鼠标右键单击图标所在的图层，在弹出的菜单栏中选择“复制图层”，这时会打开复制图层对话窗口，在窗口中选择目标文档为当前文档，然后鼠标左键点击“确定”，当前PSD文档中的图层就会复制到目标文档中，如图所示。
（6）通过自由变换，将这些图标调整到合适大小，并且放到适当的位置上，结果如图所示。然后将这些图层放到一个图层组中。
（7）用工具箱中的圆角矩形工具画一个320×43像素的圆角矩形作为“状态栏”，在属性面板中将圆角设置为3像素。在工具选项栏上，对圆角矩形做渐变填充，设置如图所示。
WORD
WORD
8 / 28
WORD
    
（8）鼠标左键在图层面板中，双击刚才创建的状态栏图层，打开图层样式对话窗口，勾选“阴影”，设置如图所示。
 
（9）在图层样式对话窗口，勾选“投影”，设置如图所示。
WORD
WORD
9 / 28
WORD
（10）鼠标左键点击工具箱当中的圆角矩形工具，在如图所示的位置画一个大小为27×27像素，圆角为3像素的圆角矩形，如图所示。
（11）鼠标左键在图层面板中双击刚才创建的圆角矩形图层，打开图层样式对话窗口。将图层的填充不透明度设置为零，这样只有图层样式起作用，图层的容不会被显示出来，如图所示。
（11）在图层样式对话窗口，勾选“描边”，设置如图所示。
WORD
WORD
10 / 28
WORD
（12）用和前面类似的方法将齿轮图标图层加入到本文件当中，通过自由变换修改为合适的大小，然后放在适当的位置上，然后为该图层添加一个“投影”图层样式，设置如图所示。
 
（13）用和前面类似的方法在导航栏的左侧画一个“回退”按钮，可以采用把右边的“圆角矩形”复制到左边的方法。箭头的画法是：用钢笔工具在圆角矩形的左侧边添加一个锚点，然后用直接选择工具，选中这一点向左拖动。
 
WORD
WORD
11 / 28
WORD
（14）然后在导航栏上加入歌曲名，结果如图所示。然后将导航栏的个图层归到一个组中。
（15）鼠标左键点击工具箱中的矩形工具在导航栏下画一个大小为320×36的矩形，作为显示音乐播放位置的“位置栏”，该矩形和上面的导航栏保持1像素的间距。在工具选项栏上，对矩形做渐变填充，设置如图所示。
 
（16）在图层面板中，鼠标左键双击刚才创建的状态栏图层，打开图层样式对话窗口，勾选“阴影”，设置如图所示。
WORD
WORD
12 / 28
WORD
（17）在图层样式对话窗口中勾选“投影”，设置如图所示。
（18）鼠标左键点击工具箱上的圆角矩形工具，在“位置栏”上画一个大小为260×10，圆角为5像素的圆角矩形，然后在工具选项栏上设置渐变填充，设置如图所示。
 
WORD
WORD
13 / 28
WORD
（19）打开图层样式对话窗口，勾选“阴影”，设置如图所示。
（20）图层样式对话窗口中勾选“投影”，设置如图所示。
 
（21）在如图所示的位置再画一个圆角矩形。
WORD
WORD
14 / 28
WORD
（22）在工具选项栏上，对矩形做渐变填充，设置如图所示。
（23）打开图层样式对话窗口，勾选“阴影”，设置如图所示。
WORD
WORD
15 / 28
WORD
（24）打开图层样式对话窗口，勾选“渐变叠加”，设置如图所示。
 
（25）鼠标左键点击工具箱上的椭圆工具，在如图所示的位置画一个圆，渐变填充如图所示。
WORD
WORD
16 / 28
WORD
 
（26）打开图层样式对话窗口，勾选“阴影”，设置如图所示。
（27）在图层样式对话窗口，勾选“投影”，设置如图所示。
WORD
WORD
17 / 28
WORD
 
（28）鼠标左键点击工具箱上的椭圆工具，在如图所示的位置画一个圆。
（29）在工具选项栏上，对圆做渐变填充，设置如图所示。
WORD
WORD