Photoshop设计金属质感网页进度条教程
今天带同学们来绘制一个金属质感的进度条,重点依然是图层样式的练习,作者P大点S微博贴心给了源文件,已经有不少同学交作业了,而且完成效果特别棒,喜欢的朋友让我们一起来学习吧。
最终效果:

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


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

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

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

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

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

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




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

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


现在我们得到如下效果。
相关文章
- photoshop无疑是一款非常好用的图像编辑软件,对于电脑小白来说操作非常困难,比如提示“不能完成命令,因为没有足够内存(RAM)”要怎么办呢?下面就来看看小编为大家提供2025-05-16

纵享丝滑的修图体验! 10个Photoshop性能优化小技巧
ps提供了丰富的自定义选项,只要根据你的硬件配置和项目需求,合理调整内存、缓存等核心参数,只要几个小步骤,小白用户也能让运行效率加倍2025-04-24
psd文件用什么打开? 没有Photoshop的情况下打开psd文件的四种方法
收到了psd文件,但是电脑没有安装ps,该怎么解决这个问题呢?下面我们就来看看这个问题的解决办法2025-05-07
ps一直闪退是什么原因? Photoshop闪退原因及解决方案
在使用过程中,Photoshop总是会无缘无故地自动退出,这不仅打断了工作流程,还可能导致未保存的更改丢失,令人头疼不已,本文将深入剖析Photoshop自动退出的原因,并提供相2024-07-04
怎么优化PSD文件? 有效防止Photoshop崩溃卡死的技巧奥
明就几个图层,并没有引入什么大型图片,但是 PSD 文件却异常巨大,而且用起来经常卡顿?下面我们就来看看pds文件优化方法2024-05-25
将多个图层合并为一个图层,但作为设计师你需要了解一下合并图层是有破坏性的,下面我们就来详细介绍一下2024-05-25
通常是因为Photoshop使用的暂存盘空间不足,导致无法正常工作,那么,如何解决这一问题呢?本文将为您提供详细的解决方案2024-05-25
ps导出文件的时候,可以直接存储,也可以另存存储为,这两个操作有区别吗?新手该怎么保存文件呢?详细请看下文介绍2024-03-28
ps beta ai显示高峰需求进不去怎么办? psai高峰期需求用不了解决办法
PSBetaAI2023加入了AI的功能,在使用过程中,有时会遇到一个令人烦恼的问题,那就是PhotoshopBetaAI提示我们正在面临高峰需求,请稍候再试,针对这个问题,本文为大家整理2024-03-28
ps段落两端对齐不能用怎么办? ps文字排版不能对齐的修复技巧
PS进行设计时,段落两端对齐是一个常用的排版功能,它能让文本看起来更加整洁和专业,然而,许多用户在使用PS时可能会遇到一个令人头疼的问题:段落两端对齐功能似乎不起作2024-03-09








最新评论