Photoshop设计金属质感效果的网页进度条

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

Photoshop设计金属质感效果的网页进度条

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

Photoshop设计金属质感效果的网页进度条

Photoshop设计金属质感效果的网页进度条

现在我们得到如下效果。

Photoshop设计金属质感效果的网页进度条

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

Photoshop设计金属质感效果的网页进度条