文档介绍：APP制作教程
笔记信息
用Photoshop绘制音乐播放器界面
第一步：制作界面上用到的icon
（1）点击菜单“文件 > 新建”或者快捷键“CTRL+N”，在“新建”对话窗口中，大小设为200×200，分项栏上，对圆角矩形做渐变填充，设置如图所示。
    
（8）鼠标左键在图层面板中，双击刚才创建的状态栏图层，打开图层样式对话窗口，勾选“内阴影”，设置如图所示。
 
（9）在图层样式对话窗口，勾选“投影”，设置如图所示。
（10）鼠标左键点击工具箱当中的圆角矩形工具，在如图所示的位置画一个大小为27×27像素，圆角为3像素的圆角矩形，如图所示。
（11）鼠标左键在图层面板中双击刚才创建的圆角矩形图层，打开图层样式对话窗口。将图层的填充不透明度设置为零，这样只有图层样式起作用，图层的内容不会被显示出来，如图所示。
（11）在图层样式对话窗口，勾选“描边”，设置如图所示。
（12）用和前面类似的方法将齿轮图标图层加入到本文件当中，通过自由变换修改为合适的大小，然后放在适当的位置上，然后为该图层添加一个“投影”图层样式，设置如图所示。
 
（13）用和前面类似的方法在导航栏的左侧画一个“回退”按钮，可以采用把右边的“圆角矩形”复制到左边的方法。箭头的画法是：用钢笔工具在圆角矩形的左侧边添加一个锚点，然后用直接选择工具，选中这一点向左拖动。
 
（14）然后在导航栏上加入歌曲名，结果如图所示。然后将导航栏的个图层归到一个组中。
（15）鼠标左键点击工具箱中的矩形工具在导航栏下画一个大小为320×36的矩形，作为显示音乐播放位置的“位置栏”，该矩形和上面的导航栏保持1像素的间距。在工具选项栏上，对矩形做渐变填充，设置如图所示。
 
（16）在图层面板中，鼠标左键双击刚才创建的状态栏图层，打开图层样式对话窗口，勾选“内阴影”，设置如图所示。
（17）在图层样式对话窗口中勾选“投影”，设置如图所示。
（18）鼠标左键点击工具箱上的圆角矩形工具，在“位置栏”上画一个大小为260×10，圆角为5像素的圆角矩形，然后在工具选项栏上设置渐变填充，设置如图所示。
 
（19）打开图层样式对话窗口，勾选“内阴影”，设置如图所示。
（20）图层样式对话窗口中勾选“投影”，设置如图所示。
 
（21）在如图所示的位置再画一个圆角矩形。
（22）在工具选项栏上，对矩形做渐变填充，设置如图所示。
（23）打开图层样式对话窗口，勾选“内阴影”，设置如图所示。
（24）打开图层样式对话窗口，勾选“渐变叠加”，设置如图所示。
 
（25）鼠标左键点击工具箱上的椭圆工具，在如图所示的位置画一个圆，渐变填充如图所示。
 
（26）打开图层样式对话窗口，勾选“内阴影”，设置如图所示。
（27）在图层样式对话窗口，勾选“投影”，设置如图所示。
 
（28）鼠标左键点击工具箱上的椭圆工具，在如图所示的位置画一个圆。
（29）在工具选项栏上，对圆做渐变填充，设置如图所示。
 
（30）然后再位置栏两侧加入时间，如图所示。
（31）鼠标左键点击工具箱上的椭圆工具，画一个大小为50×50像素的圆，并在工具选项栏设置填充如图所示，
 
（32）打开图层样式对话窗口，勾选“内阴影”，设置如图所示。
（33）在图层样式对话窗口，勾选“投影”，设置如图所示。
 
（34）复制播放按钮图层，大小改为34×34，并移动到播放按钮的两侧，如图所示。
（35）播放按钮图层下面新建一个图层，画一个圆，大小为64×64，设置渐变填充如图所示。
 
（36）以同样的方法在快进和快退图层下添加大小为46×46的两个圆，结果如图所示。
（37）通过和前面一样的在不同PSD文件之间复制图层的方法，给上面的三个按钮加上图标，结果如图所示。
（38）在加入静音和重复播放图标，如图所示。
（39）对静音和重复播放图标所在的图层，打开图层样式对话窗口，勾选“内阴影”，设置如图所示。
（40）在图层样式对话窗口，勾选“投影”，设置如图所示。
（41）鼠标左键点击菜单“文件 > 置入”将素材图片加入到指定的位置，如图所示。
（42）将两侧图片所在的图层的填充降低为50%，结果如图所示。
（43）用矩形工具在界面的底部画一个320×48大小的矩形，并且设置渐变填充如图，结果如图所示。
 
（44）分别在60，120，160，200，260像素的位置添加参考线