当前位置:首页 >教程首页 > Photoshop >手把手教你绘制一个金属质感的进度条

手把手教你绘制一个金属质感的进度条

发布时间:2018-11-17 19:57:24

编者按:今天带同学们来绘制一个金属质感的进度条,重点依然是图层样式的练习,作者@P大点S微博贴心给了源文件,已经有不少同学交作业了,而且完成效果特别棒,你也来一个!

源文件 微盘下载

最终效果:


新建文档,这里我们用的依旧是800*800像素,我们为背景图层添加一个图层样式。



设置完图层样式,我们得到如下效果:


下面,我们为背景图层添加一个杂色。执行“滤镜—杂色—添加杂色”,设置数量为“1%”,高斯分布,勾选单色。


执行“滤镜—滤镜库—画笔描边—喷溅”,设置喷色半径为6,平滑度为5。


现在,我们完成了背景的创建,效果如下。


下面,我们开始进度条的绘制。用圆角矩形工具,画一个620*45像素的圆角矩形。


将其命名为“外形”,为其添加一个图层样式。





设置完图层样式,我们将得到如下效果。


现在轮廓外形已基本呈现,但是质感略嫌不足,我们来改进一下。复制一层“外形”图层,将其更改名为“轮廓投影”,并将其置于“外形”图层下层,清除其图层样式,将填充更改为0,重新设置一个图层样式,设置如下:



现在我们得到如下效果。


用圆角矩形工具画一个500*30像素的圆角矩形。


为这个白色的圆角矩形设置一个图层样式。






现在我们得到如下效果:


下面,我们添加一个按纽,用椭圆工具画一个60*60像素的圆。


为其添加一个图层样式。





到这里,进度条就算搞定了。


最后,我又添加了两个按纽,没什么好说的,只是加了点字,加了点外发光,有兴趣的可以下载我们的PSD看看。


学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
  • 杭州室内设计师培训班有哪些

    杭州室内设计师培训班有哪些已成为许多设计爱好者进入创意领域的理想起点。在杭州这座设计之都,室内设计行业蓬勃发展,带动了培训需求......

  • 石家庄视频剪辑培训价格性价比分析

    在视觉内容主导传播的当下,掌握专业的视频剪辑技能,已成为众多求职者和职场人士提升竞争力的关键路径。面对日益增长的市场需求,石家......

  • 湛江影视后期培训零基础入门

    在数字媒体蓬勃发展的当下,影视后期制作是创意产业的核心驱动力。湛江,这座滨海城市,文化底蕴独特,区位优势明显,影视行业正快速崛......

  • 济南UI设计培训哪家机构靠谱

    济南UI设计培训正成为越来越多人的职业起点。在这个数字时代,界面设计需求激增,济南作为一座文化底蕴深厚的城市,为学习者提供了丰......

  • 柳州UI设计培训班避坑指南

    柳州UI设计培训避坑指南:开启你的创意职业之旅

  • 荆州平面设计培训班避坑指南

    荆州平面设计培训在当今数字化浪潮中扮演着关键角色。随着品牌营销和视觉传达需求的激增,专业设计师成为各行各业的热门人才。然而,选......

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定