火星网校
手把手教你绘制一个金属质感的进度条
发布时间：2018-11-17 19:57:24
编者按：今天带同学们来绘制一个金属质感的进度条，重点依然是图层样式的练习，作者@P大点S微博贴心给了源文件，已经有不少同学交作业了，而且完成效果特别棒，你也来一个！
源文件 微盘下载
最终效果：
新建文档，这里我们用的依旧是800*800像素，我们为背景图层添加一个图层样式。
设置完图层样式，我们得到如下效果：
下面，我们为背景图层添加一个杂色。执行“滤镜—杂色—添加杂色”，设置数量为“1%”，高斯分布，勾选单色。
执行“滤镜—滤镜库—画笔描边—喷溅”，设置喷色半径为6，平滑度为5。
现在，我们完成了背景的创建，效果如下。
下面，我们开始进度条的绘制。用圆角矩形工具，画一个620*45像素的圆角矩形。
将其命名为“外形”，为其添加一个图层样式。
设置完图层样式，我们将得到如下效果。
现在轮廓外形已基本呈现，但是质感略嫌不足，我们来改进一下。复制一层“外形”图层，将其更改名为“轮廓投影”，并将其置于“外形”图层下层，清除其图层样式，将填充更改为0，重新设置一个图层样式，设置如下：
现在我们得到如下效果。
用圆角矩形工具画一个500*30像素的圆角矩形。
为这个白色的圆角矩形设置一个图层样式。
现在我们得到如下效果：
下面，我们添加一个按纽，用椭圆工具画一个60*60像素的圆。
为其添加一个图层样式。
到这里，进度条就算搞定了。
最后，我又添加了两个按纽，没什么好说的，只是加了点字，加了点外发光，有兴趣的可以下载我们的PSD看看。
分享
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
想学习网页设计？本文分享学习网页设计大约需要多长时间，帮助您更好地规划学习计划。
-
想要成为游戏开发达人？学习游戏开发制作课程，掌握游戏开发的核心技能和知识，开创自己的游戏开发之路。
-
想提升自己在3DMax特效动画领域的技能吗？不妨考虑参加专业的3DMax特效动画培训，了解最新技术和实践经验，让自己成为行业专家。
-
想提升视频剪辑技能？参加视频剪辑制作学习班，学习专业剪辑技术，提高剪辑水平。
-
想学习平面设计但不知道如何选择合适的学校？本文为您提供了一些选择平面设计学校的建议。
-
想要学习网页设计，但不知道该选择哪种方法？本文教你如何选择适合自己的网页设计学习方法。
