PS绘制精致的播放进度条

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入飞特论坛PS作品交流区，地址：https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

在PremiumPixels上看到N多可供下载的网页设计PSD文件，都非常精美。但它只提供了现成的文件，并没有提供教程，那么我就通过源文件自己摸索，向Orman Clark学习一下如何做出如此漂亮的作品。

二、新建一个图层，选择圆角矩形工具（U），在工具属性栏中填入宽度360像素、高度30像素，半径为2个像素，画一个圆角矩形。将图层命名为"base"。双击图层面板中的形状图层图层缩略图，将矩形的颜色更改为#3a3c3d。

在图层面板中双击此图层，这样会打开图层样式窗口，给图层应用如下图所示的图层样式。这里需要说明的是，投影效果在网页设计中一般应用一点点就可以了，就像这里作者所应用的那样，距离和大小都只有1个像素而已，透明度只有50%，而效果太夸张的话会显得不够精致。而添加图层混合模式为"叠加"（overlay）的渐变叠加会让本来只是单一颜色的矩形有了颜色上的细微变化，增加了设计上的趣味性。

最终效果如下图：