Photoshop简单绘制绚丽色彩的进度条(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:P大点S

关键词

这里的这个渐变参数随自己喜欢,你想让进度条的渐变是什么颜色,就设置什么颜色。

Photoshop简单绘制绚丽色彩的进度条

下面,我们回到那个白色的圆角矩形,设置一个图层样式。

Photoshop简单绘制绚丽色彩的进度条

Photoshop简单绘制绚丽色彩的进度条

Photoshop简单绘制绚丽色彩的进度条

现在我们得到如下效果:

Photoshop简单绘制绚丽色彩的进度条

下面,我们来画一个进度框,没啥说的,画一个矩形和一个三角形来拼凑,然后拷贝那个黑底的圆角矩形的图层样式就可以了。

Photoshop简单绘制绚丽色彩的进度条

最后,打上文字80%,收工。

Photoshop简单绘制绚丽色彩的进度条

看看我们的效果。

Photoshop简单绘制绚丽色彩的进度条

Photoshop简单绘制绚丽色彩的进度条

就是这么简单,想更换颜色的话,那个条纹的图层样式的渐变叠加修改一下就可以了。

Photoshop简单绘制绚丽色彩的进度条

Photoshop简单绘制绚丽色彩的进度条

 收藏