最终效果:
![PS绘制一个金属质感的进度条 山村](http://img2.shancun.net/201903/28/131218811.jpg)
新建文档,这里我们用的依旧是800*800像素,我们为背景图层添加一个图层样式。
![](http://img2.shancun.net/201903/28/131218541.jpg)
![](http://img2.shancun.net/201903/28/131218251.jpg)
设置完图层样式,我们得到如下效果:
![](http://img2.shancun.net/201903/28/131218791.jpg)
下面,我们为背景图层添加一个杂色。 执行“滤镜—杂色—添加杂色”,设置数量为“1%”,高斯分布,勾选单色。
![](http://img2.shancun.net/201903/28/131218981.jpg)
执行“滤镜—滤镜库—画笔描边—喷溅”,设置喷色半径为6,平滑度为5
![](http://img2.shancun.net/201903/28/131218701.jpg)
现在,我们完成了背景的创建,效果如下。
![](http://img2.shancun.net/201903/28/131218951.jpg)
下面,我们开始进度条的绘制。用圆角矩形工具,画一个620*45像素的圆角矩形。
![](http://img2.shancun.net/201903/28/131218861.jpg)
将其命名为“外形”,为其添加一个图层样式。
![](http://img2.shancun.net/201903/28/131218181.jpg)
![](http://img2.shancun.net/201903/28/131218531.jpg)
![](http://img2.shancun.net/201903/28/131218361.jpg)
![](http://img2.shancun.net/201903/28/131218121.jpg)
设置完图层样式,我们将得到如下效果。
![](http://img2.shancun.net/201903/28/131218761.jpg)
现在轮廓外形已基本呈现,但是质感略嫌不足,我们来改进一下。复制一层“外形”图层,将其更改名为“轮廓投影”,并将其置于“外形”图层下层,清除其图层样式,将填充更改为0,重新设置一个图层样式,设置如下:
![](http://img2.shancun.net/201903/28/131218271.jpg)
![](http://img2.shancun.net/201903/28/131218451.jpg)
现在我们得到如下效果。
![](http://img2.shancun.net/201903/28/131218191.jpg)
用圆角矩形工具画一个500*30像素的圆角矩形。
![](http://img2.shancun.net/201903/28/131218331.jpg)
为这个白色的圆角矩形设置一个图层样式。
![](http://img2.shancun.net/201903/28/131218781.jpg)
![](http://img2.shancun.net/201903/28/131218581.jpg)
![](http://img2.shancun.net/201903/28/131218851.jpg)
![](http://img2.shancun.net/201903/28/131218831.jpg)
![](http://img2.shancun.net/201903/28/131218851.jpg)
现在我们得到如下效果:
![](http://img2.shancun.net/201903/28/131218491.jpg)
下面,我们添加一个按纽,用椭圆工具画一个60*60像素的圆。
![](http://img2.shancun.net/201903/28/131218501.jpg)
为其添加一个图层样式。
![](http://img2.shancun.net/201903/28/131218121.jpg)
![](http://img2.shancun.net/201903/28/131218181.jpg)
![](http://img2.shancun.net/201903/28/131218871.jpg)
![](http://img2.shancun.net/201903/28/131218271.jpg)
到这里,进度条就算搞定了。
![](http://img2.shancun.net/201903/28/131218821.jpg)
最后,我又添加了两个按纽,没什么好说的,只是加了点字,加了点外发光,有兴趣的可以下载我们的PSD看看。
![](http://img2.shancun.net/201903/28/131218771.jpg)