怎样使用Photoshop打造精致的播放器界面UI.docx

文档介绍：怎样使用Photoshop打造精致的播放器界面UI
今天老六给大家分享一下播放器界面UI的制作过程。在这里,首先感谢大家对老六素材店的大力支持和关注,我们会更加努力的为朋友们呈现更多更好的素材。好了,我们首先来看看最后的完成效果吧: 
下面是制作步骤:
第1步:在Photoshop中新建一个文件,300×200像素,分辨率为72DPI,白色背景。
第2步:新建图层1,选择圆角矩形工具,在画布中央拉出一个圆角矩形的路径来。并将此路径转换为选区。再选择渐变填充工具,在矩形选区中拉出如(图1)摸样的渐变色填充。
图1
第3步:将图层1复制一个为图层1副本。再回到图层1,将图层1中的矩形垂直向下移动5-6个像素,并用曲线或者明暗命令将其颜色加深至黑色(图2)。
图2
第4步:将图层1副本再复制一个为图层1副本2,回到图层1副本,将其垂直向上移动5-6个像素,并同样用曲线命令将起颜色加深,加深至深灰色即可(图3)。
图3
第5步:在图层1副本2上面新建一个图层2,再选择圆角矩形工具,在原先矩形位置的上半部拉出个稍窄的矩形,完成后按CTRL+T,此时矩形路径上会出现个变换框,然后再按住CTR+SHIFT+ALT将变换框下端两侧的任意一个角向中间水平移动(图4)。 
图4
第6步:完成上述步骤后,将此变形的矩形路径转换为选区,再选择渐变工具,将深浅色两端的颜色都设置为白色,并将浅色端的不透明度设置为0。在此选区内至上而下垂直拖拉(图5)。
图5
第7步:将图层1,图层1副本,图层1副本2及图层2合并为一个图层,再执行菜单-滤镜-模糊-高斯模糊,模糊1个像素(图6)。
图6
第8步:在合并后的图层上方新建一个图层,再选择圆角矩形工具,在原本矩形的中间位置拉出一个矩形路径,并转换为选区,并用原先的灰色渐变色填充,完成后双击此图层,在弹出的图层样式面板上钩选斜面和浮雕选项,取消全局光设置,将大小跟软化都设置为0,角度为-50度,高度为48,其他不变(图7)。
 
图7
第9步:按住CTRL点击此图层,使其选区浮起,再执行菜单-选择-修改-收缩,将选区收缩3个像素,再按CTRL+U将其选区内图象的明度降低(图8)。